svelte-bits

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.

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.

Pill-style overlay nav with staggered GSAP bubble entrance animation.

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.

Three.js shader background with warped color bands, pointer parallax, noise, and rotation controls.

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.

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.

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.

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.

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.