Svelte Animation Components

New Version Available

New Svelte 5 Animations. Visit: sv-animations.vercel.app GitHub: SikandarJODD/animations

Key Features

• Install components directly via the shadcn-svelte CLI
• Fully TypeScript support
• Light and dark mode included
• New components like Dither Shader, Pixel Image, and Text Animate
• Built on top of the motion-sv library

Explore the docs and components on the Svelte 5 site to get started quickly.

---

Built with Tailwind CSS and Svelte Motion.

This repository includes reusable Svelte animation components and learning-focused examples.

Component Libraries & Sections

1. Svelte Aceternity UI
2. Svelte Magic UI
3. Svelte Luxe UI
4. Framer Learning
5. More Examples

Premium Templates

1. Startup Template (Premium) Use code ILOVESVELTE for 30% off.

Open Source Templates

1. Minimalist Developer Portfolio
2. Startup Template

Open Source Template Details

Minimalist Developer Portfolio

• GitHub: Repo

Startup Template

• GitHub: Repo

New Aceternity UI Components

Name	Preview	Section
Placeholders and vanish Input	Visit	Aceternity UI

New Components

Name	Preview	Section
Colorful Text	Visit	Magic UI
Scratch To Reveal	Visit	Magic UI
Ripple Button	Visit	Magic UI
Interactive Hover Button	Visit	Magic UI

Feedback

If you have any feedback, please reach out at Twitter

Credits

• Magic UI
• Aceternity UI
• Luxe UI
• Indie UI
• Hover.dev

Components are inspired by the websites listed above. Thank you to everyone building such amazing components.

Support

• If you like my work, you can sponsor me on GitHub
• Share this project with your friends on Twitter