Components

Animated aurora borealis gradient background with configurable colors and speed.

Blurred gradient orbs with configurable colors for atmospheric backgrounds.

Multi-point animated mesh gradient that adapts to the active direction. Supports interactive mouse tracking.

Subtle grid pattern background using SVG for crisp rendering at any scale.

Perspective grid that scrolls infinitely with direction-aware coloring and edge fading.

Falling meteor animation with randomized paths and fading trails.

Floating particle system with configurable density and movement.

Animated spotlight effect that follows cursor or auto-animates.

Apple-style bento grid layout with configurable spans and gap sizes.

Card with animated glow border that follows cursor position.

Card with smooth 3D tilt and scale on hover with spring physics.

Cards that stack on scroll with sticky positioning and cascade effect. Each card slides into view and compresses previous ones.

3D perspective tilt card that responds to mouse position.

Interactive three-panel bento: sidebar nav switches a live demo center panel and code snippet right panel. Perfect for SaaS feature sections.

A multi-panel organism that breathes, pulses, and reacts as one living entity. Nodes are connected by flowing particle streams with a shared heartbeat.

Self-organizing neural network background. Nodes autonomously drift, form connections by proximity, pulse together, and recoil from your cursor like a living nervous system.

Individual cards that form a shared nervous system. Multiple SynapseCards on the same page automatically connect to each other with a synchronized heartbeat pulse.

Input field with animated label, focus ring, and validation states.

Elements that pulse and react to audio input from the microphone. Includes visualizer bars and scale effects.

Custom cursor replacement with smooth trailing and hover state changes.

Metaball-style cursor with trailing blobs that merge and separate. Direction-aware coloring with blend mode effects.

Button that magnetically attracts toward the cursor on hover.

Image gallery where items are attracted to and repelled by the cursor with spring physics.

Text that reveals an image on hover, following the cursor position with spring animations.

Canvas-based text that warps and distorts on hover with horizontal slice displacement.

Masonry grid with staggered entrance animations and category filtering. Direction-aware motion presets.

Navigation that morphs between three modes: full bar, floating pill, and fullscreen overlay. Scroll-aware with direction-aware motion.

Video that advances frame-by-frame as the user scrolls. Apple-style product reveal effect with sticky positioning.

Parallax scrolling effect with configurable speed and direction.

Continuous horizontal or vertical scrolling content with seamless looping.

Text with animated gradient color effect.

Text that splits apart vertically on scroll, revealing content underneath. Scroll-driven with sticky positioning.

Text that generates character by character with a typing cursor effect.

Text that reveals word by word with scroll-driven animation.

3D floating geometric shapes with gentle rotation and bounce.

Interactive 3D globe with connection arcs and glow effects.

Particle system that smoothly morphs between geometric shapes (sphere, cube, torus, spiral). Direction-aware coloring.

3D scene that rotates and scales based on page scroll progress. Wireframe icosahedron with direction-aware coloring.

Page transition with Perlin noise dissolve effect. Canvas-based with configurable speed and color.

Smooth page transition wrapper with configurable enter/exit animations.

Full-screen preloader with progress indicator and exit animation.