animations

Svelte Animations

Svelte Magic UI, Svelte Aceternity UI, Svelte Components build using Tailwind…

Svelte Calendar

A lightweight datepicker with neat animations and a unique UX.

Spatz 2

just like spatz... but for svelte5, with shadcn-svelte, svelte-animations, sv…

Saos

Svelte Animation on Scroll - A small component to make your CSS animations wo…

Svelte Motion

An animation library for Svelte based on framer-motion.

Tsparticles

tsParticles - Easily create highly customizable JavaScript particles effects,…

Svelte Checkbox

A checkbox component for Svelte (Cool animation, Customizable).

Svelte Stepper

🚶 A simple library for building delightfully animated stepped flows with Svelte.

Svelte Scrolling

Lightweight Svelte plugin to scroll to given elements with smooth animations

Svelte Fast Marquee

A lightweight Svelte component that harnesses the power of CSS animations to …

Svelte Hamburger

A 🍔 menu animation based on a SVG paths and CSS animations

Svelte.dev Machine

Svelte machine physical based animation

Animation With Svelte

🪄 Master animation with Svelte

Motions

High Quality Animations build using Svelte & Svelte Motion

Portfolio V2

Second iteration of my personal portfolio website to showcase my coding and d…

Svelte Scrollto Element

Scroll to element with smooth animation. Lightweight library for Svelte. No d…

Motion

🔥 Svelte animation library

Star Wars Demo Svelte

Quick demo showing off Svelte's animation/transition capabilities.

Svelte Helpers

A toolkit of (hopefully) useful Svelte utilities. Contains helpers for using …

Svelte Marquee Text

[CSS GPU Animation] Marquee Text for Svelte

Crazy Sveltekit Animations

A little sandbox where I'm playing with some seriously insane animations

Select Madu

SelectMadu is a replacement for the select menu with support for searching, m…

Svelte Motion

Experimental web animations support for Svelte transitions

Motion Svg

🔥 Svelte SVG animation library

Motion Start

Svelte animation library inspired by the React library framer-motion.

Animations

Animation lab - React / Framer Motion / Svelte / Svelte Motion / AnimeJS

Svelte Animations

🔥 Learn Svelte animations

Svelte Action Motionone

Unofficial Svelte Action for Motion One animation library

Mercury

UI animation library for Svelte

Svelte Cursorphobic

Add cute cursor based animations to any element

Sveltekit Stackter

Discover this incredible SvelteKit production-ready starter template featurin…

Svelte Animations

Svelte Animate

A lightweight, accessible Svelte component that wraps Animate.css, simplifyin…

Svelte Animated Timeline

Timeline component supporting animation, custom icon, vertical & horizontal m…

Animation Creator

A CSS animation keyframer.

Svelte Lazy Image Loader

Shows a loading animation while loading an image.

Svelte Rive Example

Example of using a Rive animation in a svelte project

Svelte Loading Animation

Collection of simple and light-weight CSS loading animations / spinners for S…

Nanomate

A simple, lightweight, and easy-to-use animation library built on the Web Ani…

Sveltekit Gsap

[DEMO] Getting to know the GSAP animation library

Svelte Animated Icons

A collection of animated SVG icons for Svelte with customizable draw transiti…

Svelte Video Renderer

Render videos with dynamic data from Svelte animations

Animate Directive Using Svelte

I have made a animation of flip shuffle and remove via Svelte which i am new at

Svelteanimations

Svelte Transitions Fade Scale

A custom transition function to fade and scale in at the same time.

Descent Ripple

A highly javascript ripple animation for buttons. Made with Svelte, but easil…

Sveltekit Animations

Svelte Animate

svelte animations project

Svelte Animations

Learning animations with Svelte