An open source collection of high quality, animated, interactive & fully customizable Svelte components for building stunning, memorable user interfaces.
Layered animated wave lines with parallax & bend.
Vertical menu where rows reveal an animated marquee from the closest edge on hover (GSAP).
3D posters rotate on scroll infinitely.
Click to open a folder, fanning out paper snippets that follow the cursor on hover.
Folder that opens on hover or press: the flap tilts toward you, a paper edge rises, and its notes spring out from behind the flap into a floating cloud to pick from, then sink back when the folder closes.
Action button whose done state carries its own undo on a burning fuse: press, the label crossfades to Undo, a hairline burns for the undo window, and Undo or Escape runs it back.
Canvas-rendered text that displaces pixel rows or columns on every frame to create a fuzzy/static distortion, with hover, click, and glitch modes.
Animated galaxy of twinkling stars.
WebGL ghostly cursor trail rendered with three.js + bloom + film grain post-processing.
Hover-triggered moving glare highlight across a card.
Floating glass-effect icon buttons with skewed gradient cards behind a frosted face.
Liquid-glass surface using SVG displacement filters and chromatic offset.
Select chip whose menu pops out of its own corner and whose single hover highlight glides between rows, remembering where you left it so re-entry slides from there instead of blinking in.
RGB-split glitch effect on text using clip-path keyframe animation, with optional hover-only mode.
Pill-style nav with a gooey, particle-bursting active highlight powered by SVG-style filter blur+contrast.
Animated gradient blinds with spotlight tracking.
Animated multi-color gradient text with optional border, direction, yoyo and pause-on-hover.
Multi-layer gradient-masked backdrop blur for soft fade-out edges (top/bottom/left/right).
Animated WebGL2 grainy gradient.
Image grid distortion driven by mouse movement.
Grid that pans with mouse position, powered by GSAP.
Animated 3D grid scan with bloom and chromatic aberration. Optional face tracking via face-api.js.
Hold-to-confirm button whose liquid fill rises while pressed, snaps back on an early release and swaps its label through a blur when the hold completes.
Three.js hyperspeed road background with bloom, SMAA, distortion presets, animated light trails, and hold-to-accelerate interaction.
Mouse trail of images with 8 visually distinct GSAP variants.
Spherical icosahedron menu rendered with WebGL2 + instanced disc atlas, dragged via arcball physics.
Animated iridescent WebGL background with optional mouse parallax.
Radio group of labelled chips where the chosen one swells wide-then-tall on two springs and barges its neighbours outward with a travelling stagger, so a selection reads as a force moving through the row.
Volumetric laser beam with wisps and tilting fog volume, rendered with three.js raw shader.
Inline agent-status row: a 3x3 or 4x4 lattice whose cells brighten in a phase-offset wave beside a verb and a live stopwatch, resolving into a check or a cross when the task ends.
Cascading glitchy letter grid background.
Procedural lightning bolt WebGL background.
Volumetric raymarched light pillar.
Animated volumetric light rays rendered with OGL.
Warped line waves background powered by OGL.
Liquid chrome animated WebGL background with mouse and touch interaction.
Interactive liquid shader with flowing distortion and customizable colors.
Smooth, infinite, pause-on-hover marquee for partner logos with optional fade-out edges.
Bento grid with spotlight, particle stars, border glow, tilt, and magnetism.
WebGL2 concentric ring animation with mouse parallax, hover scale, and click burst. Real three.js shader.
Magnetic pull effect that attracts content toward the cursor when nearby.
A grid of small line segments that rotate to face the cursor.
Masked Heading component from svelte-bits.
Animated responsive masonry grid with GSAP entrance and hover effects.
Animated metaballs (gooey blob field) with cursor interaction, rendered with OGL shader.
Image-driven liquid metallic paint shader (WebGL2) with depth field solved via SOR relaxation.
Interactive GLTF/GLB/FBX/OBJ model viewer with orbit, parallax, and hover effects.
Full-viewport animated film-grain canvas overlay.