An open source collection of high quality, animated, interactive & fully customizable Svelte components for building stunning, memorable user interfaces.
Scroll-triggered entrance animation with distance, direction, scale and opacity controls. Powered by GSAP + ScrollTrigger.
Scroll-aware list with item-by-item scale + fade transitions and keyboard navigation.
Instanced 3D particles that orbit and react to the mouse with wave physics, rendered with three.js.
Renders text with an animated ASCII background for a retro feel.
WebGL aurora background with configurable color stops, amplitude, blend and speed. Real OGL shader, not a CSS gradient.
Swirling pixel-painted Balatro-style WebGL background with mouse interaction.
Interactive 3D ball pit using Three.js physics.
Light beams animated with noise displacement.
Pill toggle that answers a press at three tempos: the bell rings on damped keyframes, the label blur-crossfades, and the pill unfurls to the longer label through a clip-path on a critically damped spring. The pressed state is the receipt.
Gooey blob cursor with a trail of lagging blobs, smoothed via GSAP.
Per-word/letter blur-in animation triggered when scrolled into view, with configurable direction, easing and stepped keyframes.
Card with directional, edge-sensitive mesh-gradient border glow that follows the pointer.
GSAP-powered card stack with elastic intro animation and optional hover-to-spread.
Collapsible menu whose sections unfold into a trunk with a curved branch to each child, and an accent line that travels down the trunk and around the curve to whatever you pick, while a marker glides to the open section.
Pill-style overlay nav with staggered GSAP bubble entrance animation.
Inline tool-call chip whose fill wipes across while a live ms counter ticks, completing with a green wash on success or stopping short and shaking red with a retry glyph on error.
Expandable navbar with three reveal cards animated by GSAP.
Three-card stack that auto-cycles with skewed perspective transforms (GSAP).
Draggable carousel with spring snap, autoplay, optional loop, and 3D rotateY parallax.
Card grid with cursor-following spotlight reveal of color from a desaturated overlay (GSAP).
WebGL bent gallery with momentum scroll, picture-frame distortion, and titles.
Layouts characters around a circle with optional rotation animation.
Clickable container that emits radial spark lines on click.
One-time-code input where a hidden overlay input owns focus, paste and SMS autofill while each slot lands its digit on one spring: the fill swells from the centre, the digit rises and the caret glides; a wrong code drains the slots in a cascade, a right one merges them into a single accent wash.
Three.js shader background with warped color bands, pointer parallax, noise, and rotation controls.
Tick-ring dial you flick by angle: the reading launches on a spring and a velocity-driven comet streaks behind the lit head, trailing the direction of travel and vanishing at rest.
Animated rolling-digit counter with spring physics (motion).
Spring-animated number counter that counts up (or down) when scrolled into view, with configurable spring physics, delay, and number formatting.
Animated crosshair lines that follow the cursor with subtle SVG turbulence on hover.
3D cube grid that tilts toward the cursor with optional ripple-on-click and idle drift.
A grid of cells that light up near the cursor and fade out.
Marquee text rendered along a curved SVG path that scrolls infinitely and can be dragged for interactive control.
Dark veil WebGL background with hue shift, scanlines, noise and warp controls.
Image card that warps with SVG turbulence + displacement, lerped to cursor velocity (GSAP).
Scrambled-character reveal effect that decrypts a string on hover, click, or scroll-into-view, with sequential or random iteration modes.
Bayer-dithered animated wave field.
macOS-style magnification dock with spring physics. Each item scales smoothly based on cursor distance.
Wrapper that makes any child flee the pointer inside a bounded field, dodges once per approach, then relents after a few tries and glides home.
Draggable 3D image dome with momentum, click-to-enlarge, and dome blur overlays.
Interactive dotted canvas background with cursor bulge, glow, sparkle, and wave controls.
Interactive grid of dots with cursor proximity highlighting and shockwave click physics.
Slider that stretches with overshoot decay and bounce-back spring (motion).
Animated electric arcs around rounded rectangle borders rendered to canvas with noise displacement.
Reactive evil eye background with cursor-tracked pupil.
Scroll-triggered fade-in (with optional blur) entrance using GSAP + ScrollTrigger, with optional auto-disappearance.
Characters fall with gravity + bounce creating a playful entrance.
OGL terminal-style shader background with scanlines, glitches, curvature, mouse reaction, and load animation.
Two-faced card that flips in 3D on a click, a drag or a flick, settling on a spring that carries your release velocity, with an optional cursor tilt, a sheen that follows the pointer and a shadow that narrows as it turns edge on.