Blur Fade
A component that animates content with blur and fade effects, supporting directional movement and intersection observer triggering.
- Library
- Animations (Svelte)
- Framework
- Svelte
- Type
- block
- License
- MIT
- Dependencies
- motion-sv, runed
- Install
pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/blur-fade.json- Files
src/lib/components/magic/blur-fade/blur-fade.sveltesrc/lib/components/magic/blur-fade/index.tssrc/lib/utils.ts
- Source
- https://github.com/SikandarJODD/animations
Categories
- Effect Components
- Svelte Effect Components
- Tailwind CSS Effect Components
- Animated Effect Components
- Reveal Wrapper Components
- Tailwind CSS Reveal Wrapper Components
- Animated Reveal Wrapper Components
- Transition Components
- Tailwind CSS Transition Components
- Animated Transition Components