@componentry

Component for animated-gradient

A premium, animated authentication modal with social login options.

An interactive circuit board layout component with animated electricity paths that pulse between connected nodes. Fully theme-aware with automatic light/dark mode support.

A macOS Spotlight-style command menu with animated search, keyboard navigation, and customizable groups. Features backdrop blur, smooth animations, and full keyboard support.

A stunning WebGL hero background featuring advanced dithering patterns, prismatic color refraction, holographic iridescence, and center-focused ripple energy.

A dense draggable image wall warped as one continuous fisheye surface with weighted momentum.

A premium, customizable visualization of GitHub contribution graphs with variants and scaling support.

Eight polished hover transitions with per-card animation, direction, color, and content controls.

Component for image-trail

Directional text reveal with soft blur and configurable word, character, or line stagger timing.

Animated liquid morphing blob shapes with mouse interaction that create a beautiful organic background effect.

A grid of lines that rotate to face the cursor, creating a magnetic field effect.

Component for music-player

Premium hover card deck that fans outward and lifts the active card without changing its color or angle.

An image reveal made from cursor-painted squares that expire into a bounded pixel trail.

A theme-aware WebGL prism field with liquid checkered motion, electric-blue refraction, and tactile grain.

Render images as responsive ASCII artwork with image, flow, and glitch variations.

A moving gradient beam that travels along the border of its container.

Premium plasma background with customizable motion, palette, and interaction.

Component for cursor-driven-particle-typography

An interactive particle logo that turns image assets into a dithered canvas field with cursor ripples.

A detailed flight status widget with dot-matrix airport codes, progress tracking, and ETA information.

A simple centered hero with a warm cinematic gradient, compact badge, short copy, and two actions.

A text effect that scrambles and cycles characters before revealing the final text, inspired by cyberpunk aesthetics.

An endless, cursor-driven photo canvas. Images tile infinitely in all directions — move your cursor to pan the field, and it glides fluidly toward where you point.

Component for layered-stack

Component for liquid-chrome

A macOS-style magnetic dock with smooth scaling animations, spring physics, and premium micro-interactions. Supports both light and dark modes.

A tactile 3D newsletter archive with cloth-bound covers, camera navigation, hover lift, focused inspection, and a book-opening transition.

Three tactile pricing cards with revealed hover notes, clear feature lists, and a highlighted popular plan.

A button with a pulsating glow effect.

A procedural atmospheric hero background with layered flowing color, diffused aurora light, and subtle interaction.

Editorial case study cards that fold upward on scroll to reveal the next story.

An animated dithered gradient background effect using canvas with Bayer matrix dithering.

Component for eye-tracking

A clean, accessible character-by-character word flip with smooth GSAP-powered motion.

A geometric hero section with a shader background and premium typography.

A cursor-driven WebGL ripple distortion effect for image cards.

A button that reveals text and an arrow icon on hover.

Component for letter-cascade

Component for mac-keyboard

An animated noise/grain texture overlay effect with customizable grain size and blend modes.

An interactive pixel grid with smooth trailing effects that lights up on hover and decays over time.

A compact pricing table with separated plan summaries, detailed feature lists, and an animated billing-cycle switch.

WebGL image transitions with noisy refractive waves, chromatic edges, glow, and click-triggered ripple origins.