@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.