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

New Components

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