Component Index
Explore our collection of custom interfaces, timeline nodes, text animations, and dynamic transitions. Search by tag or filter by category.
CLI Terminal
Live animated terminal showing the installation flow. Drop it in your docs.
Changelog
Accordion-style versioned release list with smooth GSAP height animation.
Burst Button
Seeds physically burst from the click point with GSAP staggered physics.
Ripple Button
Click-origin radial ripple expands from the exact cursor position.
Magnetic Nav
Nav links magnetically attract the cursor; elastic spring snaps back on leave.
Step Trail
Animated step breadcrumb with GSAP-driven progress bar between stages.
Holo Ticket
Premium holographic ticket component with 3D pointer-tracking reflection, dynamic CSS clipping, and elastic tearing physics.
Tag Input
Animated tag management — press Enter or comma to add, backspace to remove.
Particle Field
Interactive 2D Canvas particle constellation network connecting nearby nodes on cursor proximity.
Sticker Wall
Interactive Gen-Z editorial sticker grid that fans out, scales, and tilts dynamically on pointer hover.
Luminous Waves
Canvas-based glowing sine wave threads running horizontally and bending dynamically to track cursor position.
Retro Grid
A neon 3D perspective grid extending to the horizon that moves forward and tilts on cursor coordinates.
Noise Blob
Organic liquid morphing blobs using SVG color matrix and blur filters to create a gooey lava lamp visual.
Matrix Rain
Digital cascading streams of custom alphanumeric glyphs and seeds in neon-green and coral-red.
Blob Cursor
Velocity-based squash and stretch blob with elastic trailing ring.
Crosshair
Precision crosshair with live coordinate readout and a grid overlay.
Char Reveal
Characters blur-in with stagger tied to ScrollTrigger scroll position.
Parallax Strips
Depth strips that scroll at different speeds creating a parallax illusion.
Drip Text
Letters drip down on hover with random skew offsets, spring back on leave.
Scramble Text
Characters cycle through random glyphs before resolving back on hover.
Chromatic Melt Text
A transparent chromatic wordmark with offset glass shadows, soft pointer glow, and restrained per-letter hover lift.
Rind Reveal Text
A transparent pointer-light wordmark that reveals a melon/rind color pass inside readable chunky type.
Sticker Stack Text
Transparent layered sticker-style type cards that fan open with springy Gen-Z poster energy and bold MelonUI color blocking.
Glyph Orbit Text
A transparent central headline surrounded by orbiting character tiles derived from the same word, forming a readable typographic halo.
Seedwave Text
Transparent click-born particle typography that compresses the headline and throws melon-colored seed sparks from the exact press point.
Stripe Wipe
A colored stripe sweeps across the viewport to mask route changes.
Morph Transition
Circular clip expands from center masking the page swap between routes.
Solar Carousel
3D orbital carousel where cards rotate in a physical orbit around an interactive central gravity core with inertial drag.
Kinetic Magnet
A mechanical grid of interactive SVG lines/needles that act as magnetic nodes pointing directly at your cursor, emitting elastic spring waves on clicks.
Morphing Cyber Node
A multi-state, fluid-morphing interactive widget with magnetic hover physics and dynamic glassmorphism.
Orbital Command Ring
A futuristic radial page navigation menu summoned by dragging with elastic joystick physics, custom target paths, and cinematic flashes.
Kinetic Glass Grid
A physical, reactive glass grid that elevates and glows intelligently based on cursor proximity, using complex distance-based spring physics.
Signal Loom
A transparent pointer-reactive glass command surface where luminous workflow threads bend toward the cursor and layered inspection wafers morph into focus.
Floating Orbs
3D interactive floating orbs rendered with React Three Fiber, supporting OrbitControls, custom sizing, and reduced-motion states.
Glitch Pulse Core
A highly interactive cybernetic core utilizing Framer Motion for magnetic hover physics, states (STABLE, UNSTABLE, CRITICAL) and SVG-based escalating glitch effects.
Magnetic Particle Field
Background particles dynamically attract toward cursor and components in a verlet physics R3F instance field.
Retro CRT Scan Universe
A nostalgic cyber-terminal background featuring scanlines, phosphor glow, typing effect, and screen flicker.
Sticker Collage Noise Wall
A Gen-Z chaotic scrapbook aesthetic with draggable torn paper stickers and reactive physics.
HyperMorph Bento
A highly dynamic 2x2 grid of layout items expanding to flex columns/rows with spring animations.
Quantum Lens Decoder
An interactive code-breaking surface revealing clear text through a cursor-tracking lens.