Build using Tailwind CSS and Svelte motion
Components which includes svelte-motion library are not supported in Svelte 5.
Only components which are build using Tailwind CSS and Svelte are supported in Svelte 5.
Right now i am trying to convert each component to Svelte 5 using Motion-Start
Svelte 5 Support Components Count
UI Libs
Count
description
Aceternity UI
13
build using svelte and tailwind css - you can easily migrate it to svelte 5
Indie UI
All components
build using svelte and tailwind css - you can easily migrate it to svelte 5
Luxe UI
20
build using svelte and tailwind css - you can easily migrate it to svelte 5
Magic UI
20+
build using svelte and tailwind css - you can easily migrate it to svelte 5
I will be converting the rest of the component to Svelte 5, so you can use it in your project in the coming days...
I will be using Motion-Start Lib whcih is same as Svelte Motion but it works in Svelte 5 too.
New Aceternity UI Components
Name
Preview
Section
Placeholders and vanish Input
Visit Aceternity UI
Name
Preview
Section
Scratch To Reveal
Visit Magic UI
Ripple Button
Visit Magic UI
Interactive Hover Button
Visit Magic UI
Particles
Visit Magic UI
Cool Mode
Visit Magic UI
Shine Border
Visit Magic UI
Magic Card
Visit Magic UI
Encrypt Button
Visit Magic UI
Svelte Animations Examples
Effects
Description
Link Hover
It's show small Image after hovering a tag
Modul Div.
Crossfade Animation on Div, Inspired from modul.so
Spring Div
Simple Usage of Spring on Extending div height & width
Dynamic Island
Effect inspired from Emil Kowalski : Time, Ring, Silent
Reveal Link
Reveal Link on Hover, Inspired from hover.dev
If you have any feedback, please reach out at Twitter
Components are inspired from the above mentioned websites.
Thankyou everyone for building such amazing components.
If you Like my work, you can sponsor me on GitHub
Share this project with your friends on Twitter
