SikandarJODD/svelte-animations

Svelte Magic UI, Svelte Aceternity UI, Svelte Components build using Tailwind CSS & Framer Motion

Svelte

1,234

157 commits

updated Mar 4, 2026

See the code

README

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

Startup Template

New Aceternity UI Components

NamePreviewSection
Placeholders and vanish InputVisitAceternity UI

New Components

NamePreviewSection
Colorful TextVisitMagic UI
Scratch To RevealVisitMagic UI
Ripple ButtonVisitMagic UI
Interactive Hover ButtonVisitMagic UI

Feedback

If you have any feedback, please reach out at Twitter

Credits

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
aceternity-ui
components
framer-motion
free-components
magicui
svelte
tailwindcss

SikandarJODD/svelte-animations

Svelte Magic UI, Svelte Aceternity UI, Svelte Components build using Tailwind CSS & Framer Motion

Svelte

1,234

157 commits

updated Mar 4, 2026

See the code

README

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

Startup Template

New Aceternity UI Components

NamePreviewSection
Placeholders and vanish InputVisitAceternity UI

New Components

NamePreviewSection
Colorful TextVisitMagic UI
Scratch To RevealVisitMagic UI
Ripple ButtonVisitMagic UI
Interactive Hover ButtonVisitMagic UI

Feedback

If you have any feedback, please reach out at Twitter

Credits

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
aceternity-ui
components
framer-motion
free-components
magicui
svelte
tailwindcss

Significant stargazers

Steve Cosman

174 followers · starred Aug 2024

Turiiya

106 followers · starred Sep 2024

Siddharth Gaikwad

24 followers · starred Aug 2026

M. Adel Alhashemi

38 followers · starred Mar 2025