react-cool-inview
svelte-inview
react-cool-inview | svelte-inview | |
---|---|---|
1 | 2 | |
1,462 | 733 | |
- | - | |
3.9 | 4.5 | |
9 months ago | 3 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-cool-inview
-
React Hooks for infinite scroll: An advanced tutorial
As the purpose of this article is infinite loading, weβre not going to go into the implementation details of the Intersection Observer API, and instead use an existing React Hook that provides that functionality for us, react-cool-inview.
svelte-inview
-
Animate on scroll with Svelte Inview
The best solution is to use Intersection Observer, but we can also use a nice abstraction built on top of it - svelte-inview. This is a small library I created some time ago that greatly simplify usage of the IO API. Let's see how we can do this.
-
Know when a component enters viewport
Check this out, https://github.com/maciekgrzybek/svelte-inview
What are some alternatives?
react-cool-virtual - π β»οΈ A tiny React hook for rendering large datasets like a breeze.
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
Snel - A Cybernetical tool for svelte applications on deno
react-awesome-reveal - React components to add reveal animations using the Intersection Observer API and CSS Animations.
sveltegen - A simple, easy to use CLI for creating Svelte/SvelteKit components, actions, and routes, quickly and conveniently
use-local-storage-state - React hook that persists data in localStorage
svelte-forms - Svelte forms validation made easy
animate-css-grid - Painless transitions for CSS Grid
vue-intersection-observer - Vue component for the Intersection <Observer /> API
useInfiniteLoading - An infinite loading hook example for React applications
tsParticles - tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.