Getting Started
Components
Special Effects
Animations
Text Animations
Backgrounds
Svelte Magic UI is a collection of animation components built with Svelte, Tailwind CSS and Motion SV.
Features
- 50+ components ready to use in your projects
- Open source and free forever
- Easily customizable to match your design system
- Install components via Shadcn Svelte CLI - Quick integration with your project
- All components include Copy markdown, open in AI tools support
- TypeScript support - Fully typed components
Credits
Inspired from Magic UI by Dillon Verma.
This project adapts the original ideas for the Svelte ecosystem while keeping the source credit visible in the docs.
Sponsor
If you find this project helpful, please consider supporting the project:
- Sponsor Svelte Animations on GitHub
- Sponsor Motion SV on GitHub - Motion SV is built by @hanielu and powers all the animations in this project
- Share it on Twitter