svelte-inview
svelte-highlight
svelte-inview | svelte-highlight | |
---|---|---|
2 | 2 | |
733 | 234 | |
- | - | |
4.5 | 8.9 | |
3 months ago | 10 days ago | |
TypeScript | Svelte | |
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.
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
svelte-highlight
- Any less-known Svelte library but you found them very useful?
-
Need help with Svelte Webapp
The Svelte GitHub org has an official Webpack template. Note that it uses Webpack 4. This is a minimal Webpack 5 + Svelte config file.
What are some alternatives?
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
svelte-fsm - Tiny, expressive finite state machines for svelte
Snel - A Cybernetical tool for svelte applications on deno
svelte-exmarkdown - Svelte component to render markdown.
react-cool-inview - 😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
grail-ui - A library of accessible component primitives, actions and utilities for Svelte.
sveltegen - A simple, easy to use CLI for creating Svelte/SvelteKit components, actions, and routes, quickly and conveniently
svelte-tiny-virtual-list - A tiny but mighty list virtualization library for Svelte, with zero dependencies 💪 Supports variable heights/widths, sticky items, scrolling to index, and more!
svelte-forms - Svelte forms validation made easy
stwui - Opinionated yet customizable Svelte-TailwindCSS component library
vue-intersection-observer - Vue component for the Intersection <Observer /> API
template-webpack - Template for building basic Svelte applications with webpack