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
| 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.
- GitHub : Repo
- GitHub : Repo
| 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 |
| 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.