Component Library

Centered event hero where corner light beams converge on the headline like stage lighting.

Bottom-anchored hero with an aurora veil shader glowing across the top of the section.

Marketplace hero where the headline role rotates in sync with a strip of portraits that widens the matching person.

Editorial architecture hero with a large bounded image, rounded lower-left page-background text cutout, restrained project caption, and concise project-start CTA.

A numbered services index beside a sticky photo frame that crossfades to each service as it scrolls into view, is hovered, or takes focus. Mobile shows each photo inline.

A product feature section with numbered hotspots on a large photo. Each hotspot shows its details in a fixed panel beside the photo.

A clean editorial stacked feature section with left-side imagery, right-side copy, stats, and Motion-powered scroll reveals.

An editorial feature section with a staggered image grid that opens a fullscreen lightbox carousel. Perfect for showcasing product features and screenshots.

Modern bento-style grid layout with mixed card sizes and interactive spotlight hover effect. Creates visual hierarchy with large and small feature cards.

A clean pricing comparison table with grouped feature categories, sticky plan headers, monthly/yearly toggle, and animated price counting.

Three-tier pricing with an elevated featured card that extends beyond adjacent cards, monthly/yearly toggle, and modern pill-style billing selector.

A scroll-driven testimonial section where quote cards enter from center and settle into a compact overlapping fan.

Vertical marquee testimonials in three columns with alternating directions.

Centered call to action above a floor of curling flames, with a weekly streak tracker.

Waitlist call to action under a shooting-star sky, with a live countdown to launch and an email form.

A sleek dark footer with large outlined text logo and organized link columns.

Two-column contact section with business info on the left and a comprehensive contact form on the right. Perfect for service businesses.

A small inset dot expands into a full button fill, then contracts.

Compose terminal commands and output with timed playback or static display. Includes copy controls and step-change events.

A black hole with a luminous accretion disk and bent light, adapted from Apache-2.0 shader source.

A mobile app tour with a replaceable preview slot and a numbered feature guide.

An editorial transformation story pairing an accessible before-and-after comparison with project milestones and contextual outcomes.

A dotted glow background with soft bloom, interactive pointer highlights, and controls for dot size, motion, brightness, and palette.

A split-pane code comparison component for showing before and after snippets, API migrations, or competing implementations.

Left-aligned heading and description with interactive blur effect cards. Responsive layout stacks on mobile.