Component Index
Explore our collection of custom interfaces, timeline nodes, text animations, and dynamic transitions. Search by tag or filter by category.
Anti-Gravity Bento
A premium glassmorphic bento grid where items float into zero-gravity on hover.
Blob Cursor
Velocity-based squash and stretch blob with elastic trailing ring.
Burst Button
Seeds physically burst from the click point with GSAP staggered physics.
Changelog
Accordion-style versioned release list with smooth GSAP height animation.
Char Reveal
Characters blur-in with stagger tied to ScrollTrigger scroll position.
Chromatic Melt Text
A transparent chromatic wordmark with offset glass shadows, soft pointer glow, and restrained per-letter hover lift.
Chromatic Slice Card
A Gen-Z premium card that dynamically slices into floating horizontal strips in 3D space on hover, revealing a neon core.
CLI Terminal
Live animated terminal showing the installation flow. Drop it in your docs.
Crosshair
Precision crosshair with live coordinate readout and a grid overlay.
Drip Text
Letters drip down on hover with random skew offsets, spring back on leave.
Tether Node Menu
A centralized command core that blooms draggable action nodes on click, featuring elastic spring physics, real-time distance tracking, and a dramatic pull-to-fire release mechanic.
Floating Orbs
3D interactive floating orbs rendered with React Three Fiber, supporting OrbitControls, custom sizing, and reduced-motion states.
Fluid Control Dial
A highly interactive, fluid-like control dial featuring magnetic Framer Motion physics, gooey SVG filters, and dynamic glitching text. Perfect for premium, futuristic dashboard interfaces.
Glitch Status Indicator
A highly interactive cybernetic core utilizing Framer Motion for magnetic hover physics, states (STABLE, UNSTABLE, CRITICAL) and SVG-based escalating glitch effects.
Glyph Orbit Text
A transparent central headline surrounded by orbiting character tiles derived from the same word, forming a readable typographic halo.
Ticket Card
Premium holographic ticket component with 3D pointer-tracking reflection, dynamic CSS clipping, and elastic tearing physics.
Dynamic Bento Layout
A highly dynamic 2x2 grid of layout items expanding to flex columns/rows with spring animations.
Infinity Mirror
Deep nested 3D card creating an optical illusion of infinite layers, reacting to magnetic mouse movement.
Proximity Glass Grid
A physical, reactive glass grid that elevates and glows intelligently based on cursor proximity, using complex distance-based spring physics.
Layered Blueprint Stack
A highly interactive 'Holo-Stack' card that reveals its layered 3D structural blueprints on hover using physical spring separation and glowing lasers.
Magnetic Pointer Grid
A mechanical grid of interactive SVG lines/needles that act as magnetic nodes pointing directly at your cursor, emitting elastic spring waves on clicks.
Data Shard Terminal
A highly interactive cyberpunk-style terminal that unlocks via dragging and dropping a 'Data Shard' into a magnetic slot.
Shatter-on-Hover Card
A premium glassmorphic enclosure that violently shatters into 3D floating shards on hover, revealing a cybernetic glowing core inside.
Liquid Dimensional Nav
A highly interactive sidebar component combining liquid morphing, dimensional 3D peeling, and magnetic physics-based hovering.
Luminous Waves
Canvas-based glowing sine wave threads running horizontally and bending dynamically to track cursor position.
Magnetic Nav
Nav links magnetically attract the cursor; elastic spring snaps back on leave.
Magnetic Particle Field
Background particles dynamically attract toward cursor and components in a verlet physics R3F instance field.
Matrix Rain
Digital cascading streams of custom alphanumeric glyphs and seeds in neon-green and coral-red.
Morph Transition
Circular clip expands from center masking the page swap between routes.
Morphing Control Node
A multi-state, fluid-morphing interactive widget with magnetic hover physics and dynamic glassmorphism.
Nexus Prompt Core
A fluidly morphing AI prompt interface that transitions from a sleek input pill to a glowing processing core, and finally unfolds into a premium glassmorphic response dashboard.
Noise Blob
Organic liquid morphing blobs using SVG color matrix and blur filters to create a gooey lava lamp visual.
Orbital Command Ring
A futuristic radial page navigation menu summoned by dragging with elastic joystick physics, custom target paths, and cinematic flashes.
Parallax Strips
Depth strips that scroll at different speeds creating a parallax illusion.
Particle Field
Interactive 2D Canvas particle constellation network connecting nearby nodes on cursor proximity.
Prism Vault
A 3D cryptographic data vault that unspools into a responsive bento dashboard using fluid layout morphing.
Lens Text Decoder
An interactive code-breaking surface revealing clear text through a cursor-tracking lens.
Retro CRT Scan Universe
A nostalgic cyber-terminal background featuring scanlines, phosphor glow, typing effect, and screen flicker.
Retro Grid
A neon 3D perspective grid extending to the horizon that moves forward and tilts on cursor coordinates.
Rind Reveal Text
A transparent pointer-light wordmark that reveals a primary/secondary color pass inside readable chunky type.
Ripple Button
Click-origin radial ripple expands from the exact cursor position.
Scramble Text
Characters cycle through random glyphs before resolving back on hover.
Seedwave Text
Transparent click-born particle typography that compresses the headline and throws melon-colored seed sparks from the exact press point.
Thread Route Board
A transparent pointer-reactive glass command surface where luminous workflow threads bend toward the cursor and layered inspection wafers morph into focus.
Solar Carousel
3D orbital carousel where cards rotate in a physical orbit around an interactive central gravity core with inertial drag.
Step Trail
Animated step breadcrumb with GSAP-driven progress bar between stages.
Sticker Collage Noise Wall
A Gen-Z chaotic scrapbook aesthetic with draggable torn paper stickers and reactive physics.
Sticker Stack Text
Transparent layered sticker-style type cards that fan open with springy Gen-Z poster energy and bold MelonUI color blocking.
Sticker Wall
Interactive Gen-Z editorial sticker grid that fans out, scales, and tilts dynamically on pointer hover.
Stripe Wipe
A colored stripe sweeps across the viewport to mask route changes.
Interactive Graph Network
A Gen-Z premium interactive graph node UI with animated bezier tethers, glassmorphic floating elements, and a reactive custom cursor. Perfect for data visualization, SaaS dashboards, or cyber-aesthetic landing pages.
Tag Input
Animated tag management ΓÇö press Enter or comma to add, backspace to remove.
Terminal Cursor
A precision spring-velocity cursor containing crosshair ticks and vector neon glow.
Zero-Gravity Bento Grid
A highly interactive 'zero gravity' shard interface where glassmorphic cards drift organically using Framer Motion physics, snap to the cursor on hover, and seamlessly morph into full-screen bento grids using layoutId when clicked.
Neural Pattern Lock
A highly interactive, 3D-tilting pattern lock screen with magnetic physics and glowing neon paths.
Singularity Control Node
A centralized magnetic core that expands into an interactive circular grid of glowing, glassmorphic nodes connected by animated synapse lines.
Orbital Key Vault
A highly tactile digital lock where users drag orbiting cryptographic keys into a central core via magnetic tethers, morphing into a futuristic dashboard upon decryption.
Biometric Touch Scanner
A highly interactive, press-and-hold biometric scanner featuring dynamic SVG topography, glowing laser sweeps, and glitching cybernetic states.
Tear Security Seal
A tactile unboxing experience where users physically drag and tear a holographic security seal to reveal encrypted content.
Unfolding Panel Card
A highly kinetic, tactile 3D card. On hover, glassmorphic panels deploy outwardly like a satellite or an unfolding sci-fi interface, expanding the interface area.
Tactile ID Card
A highly interactive, draggable physical ID badge with framer-motion kinetics, realistic lanyard string physics, and premium digital aesthetic.
HyperDrive Widget
A highly interactive, futuristic widget featuring a central magnetic core and orbiting rings that react to hover and click.
Interactive Swing Tag
A Gen-Z digital streetwear fashion tag with realistic string physics, draggable swinging motion, and holographic glare.
3D Portal Reveal
A highly interactive, gyroscopic 3D ring portal that massively scales on hover to simulate flying through, revealing a glassmorphic hidden dashboard or UI beneath.
Hexagon Status Grid
A 3D interactive, glassmorphic hexagon grid with magnetic hover and status nodes.
Hologram Projector
An interactive 3D volumetric light projector showing stylized rotating content slides, laser diode lens controls, and glitch overlay animations.
Gyroscope Core
A high-fidelity 3D gyroscopic controller featuring three independent concentric dashed rings rotating in physical space and deployable outer nodes.
Magnetic Card
A 3D perspective sticker card that shifts and pulls toward the user's cursor dynamically using spring magnetic physics.
Glow Terminal
A micro-interactive terminal that transitions from a compact glowing orb to a fully featured layout displaying status logs and system prompts.
Void Nexus
A premium 3D glassmorphic diamond core that shatters into interactive shards on hover, revealing a pulsating neon core. Perfect for experimental navigation.