@svelte-bits

Scroll-triggered entrance animation with distance, direction, scale and opacity controls. Powered by GSAP + ScrollTrigger.

Instanced 3D particles that orbit and react to the mouse with wave physics, rendered with three.js.

Gooey blob cursor with a trail of lagging blobs, smoothed via GSAP.

Clickable container that emits radial spark lines on click.

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.

Animated electric arcs around rounded rectangle borders rendered to canvas with noise displacement.

Scroll-triggered fade-in (with optional blur) entrance using GSAP + ScrollTrigger, with optional auto-disappearance.

WebGL ghostly cursor trail rendered with three.js + bloom + film grain post-processing.

Hover-triggered moving glare highlight across a card.

Multi-layer gradient-masked backdrop blur for soft fade-out edges (top/bottom/left/right).

Mouse trail of images with 8 visually distinct GSAP variants.

Volumetric laser beam with wisps and tilting fog volume, rendered with three.js raw shader.

Smooth, infinite, pause-on-hover marquee for partner logos with optional fade-out edges.

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.

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.

Full-viewport animated film-grain canvas overlay.

Images orbiting along a configurable SVG path (ellipse, circle, star, heart, infinity, wave, custom).

Pixelated mouse trail with optional gooey blend, rendered with three.js + a canvas-based trail texture.

Hover/click reveal that transitions between two contents through a randomized pixel grid effect.

Colorful spring-driven ribbon trails following the cursor, rendered with OGL polylines.

Mouse-reactive blurred SDF shapes (rounded rect, circle, ring, triangle) rendered with three.js.

Liquid splash burst at cursor with curling ripples and waves.

Button-like wrapper with two animated radial-gradient sweeps tracing the top and bottom border.

Draggable sticker that peels off on hover, with SVG specular lighting and drop shadow filters.

Custom spinning crosshair cursor that snaps to corners of elements matching a selector when hovered.

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.

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

Dark veil WebGL background with hue shift, scanlines, noise and warp controls.

Bayer-dithered animated wave field.

Interactive dotted canvas background with cursor bulge, glow, sparkle, and wave controls.

Interactive grid of dots with cursor proximity highlighting and shockwave click physics.

Reactive evil eye background with cursor-tracked pupil.

OGL terminal-style shader background with scanlines, glitches, curvature, mouse reaction, and load animation.

Layered animated wave lines with parallax & bend.

Animated galaxy of twinkling stars.

Animated gradient blinds with spotlight tracking.

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.

Three.js hyperspeed road background with bloom, SMAA, distortion presets, animated light trails, and hold-to-accelerate interaction.

Animated iridescent WebGL background with optional mouse parallax.

Cascading glitchy letter grid background.

Volumetric raymarched light pillar.

Animated volumetric light rays rendered with OGL.

Procedural lightning bolt WebGL background.

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.

Dreamy hue-shifting orb with hover interaction.

OGL-based 3D point cloud particles with hover interaction.

Pixelated dithered shape field with ripples and liquid distortion.

Volumetric pixel snowfall background.

Volumetric plasma WebGL2 background with optional mouse interaction and color tinting.

Raymarched plasma wave background.

Animated raymarched prism with hue and bloom.

Volumetric ray burst with bend and color gradient.

Radar sweep background rendered with OGL.

Animated rippling grid background powered by OGL with mouse interaction.

Animated grid of squares, hexagons, circles, or triangles with hover trail and configurable scroll direction.

Silk-like animated WebGL background using a Three.js shader plane.

Soft aurora bands rendered with OGL using Perlin noise.

Animated WebGL line/threads background with mouse parallax.

Perlin-noise wavy line grid that reacts to the cursor.

Scroll-aware list with item-by-item scale + fade transitions and keyboard navigation.

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.

Animated rolling-digit counter with spring physics (motion).

Image card that warps with SVG turbulence + displacement, lerped to cursor velocity (GSAP).

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.

Slider that stretches with overshoot decay and bounce-back spring (motion).

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.

Floating glass-effect icon buttons with skewed gradient cards behind a frosted face.

Liquid-glass surface using SVG displacement filters and chromatic offset.

Pill-style nav with a gooey, particle-bursting active highlight powered by SVG-style filter blur+contrast.

Spherical icosahedron menu rendered with WebGL2 + instanced disc atlas, dragged via arcball physics.

Bento grid with spotlight, particle stars, border glow, tilt, and magnetism.

Animated responsive masonry grid with GSAP entrance and hover effects.

Interactive GLTF/GLB/FBX/OBJ model viewer with orbit, parallax, and hover effects.

Animated pill-shaped nav with circular GSAP hover and mobile menu.

Card with shimmering pixel canvas effect on hover/focus.

Holographic profile card with pointer/device-orientation tilt and animated shine.

Webcam-fed metallic glass card using SVG turbulence and specular lighting filters.

Scroll-driven card stack with pin/scale/blur/rotation, powered by Lenis smooth-scroll.

Card with a soft radial spotlight that follows the cursor.

Draggable card stack with spring rotation and send-to-back interaction.

Full-screen staggered slide-in menu with layered colors and GSAP timelines.

Animated multi-step form with sliding step content and round step indicators.

3D tilt-on-mouse card with spring physics and a cursor-following caption.

Renders text with an animated ASCII background for a retro feel.

Per-word/letter blur-in animation triggered when scrolled into view, with configurable direction, easing and stepped keyframes.

Layouts characters around a circle with optional rotation animation.

Spring-animated number counter that counts up (or down) when scrolled into view, with configurable spring physics, delay, and number formatting.

Marquee text rendered along a curved SVG path that scrolls infinitely and can be dragged for interactive control.

Scrambled-character reveal effect that decrypts a string on hover, click, or scroll-into-view, with sequential or random iteration modes.

Characters fall with gravity + bounce creating a playful entrance.

Canvas-rendered text that displaces pixel rows or columns on every frame to create a fuzzy/static distortion, with hover, click, and glitch modes.

RGB-split glitch effect on text using clip-path keyframe animation, with optional hover-only mode.

Animated multi-color gradient text with optional border, direction, yoyo and pause-on-hover.

Cycles through an array of phrases with per-character stagger animations on entry and exit, driven by motion springs.

Detects cursor position and applies a distortion effect to text.

Scroll-triggered floating text animation with per-character stagger.

Words reveal in sequence as the container scrolls into view, with optional rotation and blur tied to the scroll position.

Multi-row marquee that scrolls horizontally at a base velocity and accelerates with spring-smoothed page-scroll movement.

Animated shiny gradient sweep across text, with yoyo + direction controls.

Per-character shuffle animation: each letter slides through interim glyphs before settling on its final character, with hover replay and ScrollTrigger entrance.

Splits text into characters / words for staggered entrance animation.

Trail of repeating text glyphs that follows the cursor, optionally rotating to match direction and floating with random keyframes.

Variable-font heading where each character reacts to cursor proximity by morphing its width, weight, italic and opacity axes.

Typewriter effect that types and deletes through one or more sentences with a configurable cursor, blink rate, variable speed, and color rotation.

Applies dynamic blur / clarity based over a series of words in order.

Per-letter variable-font interpolation that responds to cursor proximity inside a container, with linear, exponential or gaussian falloff.