DaveKeehl / svelte-reveal

Svelte action that leverages the Intersection Observer API to trigger reveal on scroll transitions.

Home Page:https://stackblitz.com/edit/svelte-reveal?file=src%2FApp.svelte

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Svelte Reveal

npm npm GitHub

Svelte Reveal is a library created with the purpose of helping Svelte users add reveal on scroll animations to their web applications in the easiest way possible. This library leverages the Intersection Observer API in order to know when to trigger the animations.

Features

  • ⚡️ Near zero config
  • 👀 Intersection Observer API
  • 🧩 Customizable transitions
  • 🔌 Extensive API
  • 📚 Exhaustive documentation
  • 🔥 100% TypeScript

Documentation

The documentation is available here.

Monorepo

Name Purpose Description
svelte-reveal package The Svelte action that gets published on NPM
with-svelte-vite example Basic example project on how to use Svelte Reveal with Svelte + Vite
with-sveltekit example Basic example project on how to use Svelte Reveal with SvelteKit

Troubleshooting

Feel free to open a new issue in case of any problems.

Funding

Want to buy me a coffee?

Versioning

This project uses Semantic Versioning to keep track of its version number.

Changelog

CHANGELOG

License

MIT

About

Svelte action that leverages the Intersection Observer API to trigger reveal on scroll transitions.

https://stackblitz.com/edit/svelte-reveal?file=src%2FApp.svelte

License:MIT License


Languages

Language:TypeScript 99.9%Language:CSS 0.1%