Components

Cursor-reactive spotlight layered over an aurora field for launch heroes.

Cinematic hero section with a Canvas-rendered dot grid that reacts to cursor proximity — dots scale, brighten, and return to rest with a smooth radial glow spotlight.

Dark hero section with a cursor-reactive starfield. Hundreds of glowing particles stretch, brighten, and rotate toward the cursor — built on Canvas + requestAnimationFrame at 60 fps.

Animated bento tiles with breathing gradients for product metrics.

Feature showcase bento grid with entrance animations and configurable column spans. Each tile supports custom content, tags, and motion entrance delays.

Bento grid with animated skeleton placeholder tiles — chat, dashboard, avatar, workflow, calendar, and code variants. Perfect for loading states.

A modern animated phone number input with country selector and validation.

3D tilt card with spring physics and luminous edge lighting.

Interactive folder card that opens on hover, fans project cards upward, and includes a lightbox gallery for visual collections.

Shuffled deck of portrait cards on a dark surface. Drag or fling the top card to send it to the back; press ← to pull the bottom card to the front. Supports images and videos, hover overlay, auto-play, and fully configurable stack geometry.

Cylindrical 3D card carousel — cards arranged in a circle on the Z axis, rotating continuously or on scroll. Radius, perspective, item size, speed, and direction are all configurable.

Interactive premium card with mouse-follow spotlight and bottom reveal content for features, case studies, and portfolio sections.

Cursor-reactive glowing border cards with a responsive 2-1-2 layout for premium SaaS sections and dashboards.

Responsive card grid where clicking a card smoothly expands it into a full-detail overlay with image, description, and a CTA button.

An animated orbital carousel with smooth active-card transitions.

Zero-dependency interactive image grid — photos start in black & white and burst into full color on hover with adaptive scale. Built-in responsive columns, scoped CSS injection, and picsum placeholder defaults.

An interactive profile carousel where five floating avatars orbit a central card. Clicking any avatar, the nav arrows, or the keyboard cycles through people with a smooth fade + spring animation.

Glass navigation rail with spring entrance and CTA emphasis.

Bottom-centered macOS-style dock with pointer-driven magnification, neighbor scaling, glass pill chrome, tooltips, and a touch-friendly expandable mobile menu.

Compact footer with balanced columns and developer-first links.

Stacked testimonial planes with staggered motion reveals.

A premium stacked card carousel with smooth spring animations, auto-rotation, and inline **highlight** text support.

Infinite vertical scroll testimonial wall with multi-column layout, independent column speeds, reverse direction support, gradient fade masks, and avatar initials fallback.

Annual/monthly toggle with spring knob and contextual savings callout.

Slow sweeping light column for cinematic section backgrounds.

Animated gradient wrapper with soft glow and blur for cards, buttons, and hero sections.

Animated diagonal meteor beams with glow heads and trailing streaks, designed as a reusable background layer for cards and hero sections.

Interactive full-width box grid background with cursor-follow highlight, optional glow, and smooth ripple transitions.

A soft animated shader-style background with flowing gradient motion.

Animated dot grid with diagonal shooting star streaks and glowing nodes. A dramatic yet subtle background for hero sections and feature blocks.

High depth glass panel for hero cards and feature highlights.

A rotating 3-D globe rendered on canvas from real world-atlas geo data, with location pins showing name, address, and phone labels, animated arc connections, and a bloom/glow mode.

An interactive 3-D globe built with Three.js featuring auto-rotation, location pins with labels, animated arc trails, optional bloom post-processing, and OrbitControls for manual exploration.

Scrollable office/location explorer with a live React Globe, synchronized city list, clickable map pins, responsive details popover, and one-click address/email copy actions.

Minimal glass authentication panel with crisp focus states.

Two-column signup with narrative panel and compact fields.

Customizable signup form built on shadcn input + label with subtle framer-motion transitions and async submit states.

Dense sidebar navigation tuned for dashboards and tools.

KPI strip with micro-hover lifts and soft chart placeholders.

Dual counter-rotating rings with breathing inner glow.

Vertical roadmap timeline with glowing nodes.

Four-up feature grid with scroll reveals and glass tiles.

A syntax-highlighted code block with header, line numbers, copy button, and fade gradient. Supports dark/light themes and multiple languages.

Lightweight FAQ with directional affordance and animated answers.

Pulsing dual nebula glow behind a high-contrast CTA.

Framer-style glowing CTA button with expanding shadow, radial border sweep, glass edge, and animated arrow.

Featured article plus compact secondary headlines for content hubs.

Marketing narrative paired with a compact contact capture form.

FeTurbulence-driven noise field for textured sci-fi surfaces.

Cursor-reactive text where whole words gently repel from the pointer and spring back without splitting letters.

Collaborative workspace preview with animated teammate cursors, code review cards, and simulated live presence trails.

Cursor-traced highlight for feature callouts and pricing tiers.

Expandable pill search with a detached icon bubble merged through an SVG goo filter and spring layout.

macOS-style terminal window with typewriter commands, cursor blink, output sequencing, and optional sound.

Hero-grade headline with an animated wave underline, turbulence + Gaussian blur + displacement, optional glyph micro-warp, and reduced-motion fallbacks.

Animated async button with idle → loading → success transitions, built-in click guarding, and smooth icon/text motion.

Configurable animated particle field for hero highlights, card backgrounds, and decorative UI layers with optional pointer interaction.

Animated text reveal that fades words, characters, or lines into view with optional blur and upward motion.

Character-by-character typewriter text animation with blinking cursor, optional deleting, looping, and semantic heading support.

Customizable infinite marquee of cards with seamless looping, direction controls, hover pause, and optional custom rendering.

Characters shuffle through gibberish before locking into the final string — a futuristic cyber decoding reveal for hero headings, buttons, badges, and nav links.

Fully interactive Mac-style keyboard with Web Audio synthesised click sounds, Framer Motion keycap animations, and real-time physical keyboard highlighting.

Stacked avatar/image pill that fans open on hover — ideal for team badges, social proof, avatar groups, and template galleries.

Drag a vertical handle to compare two images side-by-side. Supports mouse and touch, optional labels, custom start position, and any aspect ratio.

A cycling word headline where each active word is highlighted with a Figma-style selection rectangle — thin border with corner handles — using blur-fade transitions.

A focused warp-speed effect — hover a single phrase to reveal a dark space scene with streaking beams confined to the text's bounding box. The text itself stays static; the effect lives entirely behind it.

Premium scroll-linked text reveal — words, characters, or lines emerge from muted gray to bright white as the user scrolls, with optional blur dissolve and staggered cascade.

Flip-style countdown timer with four variants — modern, digital, minimal, and classic. Smooth number transitions powered by Framer Motion.

Cursor-tracked SVG spotlight that reveals outlined text beneath a base layer. Smooth spring physics follow the mouse for a cinematic hover effect.

Scroll-driven parallax depth engine — each layer moves at an independent speed and axis as the user scrolls. Compose scenes with overlapping planes.

Animated command palette with ⌘K shortcut, grouped navigation/actions/theme commands, backdrop blur overlay, and Framer Motion enter/exit transitions.

Command surface for AI copilots with motion layout container.

Animated chat message bubbles with typing indicators and sequential reveal.

A bold "Ask anything" headline paired with a pill-shaped search input. Placeholders rotate while idle, and on submit the text disintegrates right-to-left into drifting particles — a Thanos-snap dust effect rendered on canvas, finished off with framer-motion polish.

A staggered blur-fade entrance animation for brand logos. Uses framer-motion and fully semantic responsive layouts.

Interactive hero backgrounds with cursor fields, layered waves, particle noise, and premium motion depth.

Animated feature bento collection with mentoring cards, ATS scoring, upload flows, interview scheduling, and progress tracking.

A collection of FAQ sections with editable data, searchable categories, and chat-style animated answers.