Component Library

Responsive navbar with a boxed Starwind Pro wordmark, right-aligned pill navigation, and a far-right primary CTA.

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

A modern hero section with carousel showcase. Features a two-column layout with heading, description, CTA buttons, and social proof on the left, and an image carousel with custom pagination dots and navigation arrows on the right.

Horizontally scrolling service cards with large imagery and overlay text. Dramatic and immersive presentation.

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.

An interactive team section with stacked cards that expand on click to reveal full member details.

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.

A centered call-to-action section with an animated rotating gradient border that creates a dynamic, eye-catching visual effect.

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.

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

A rolling field of softly beveled ceramic tiles.

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 real-estate 404 with an architectural image strip, floor-plan linework, and grouped recovery choices.

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

A glassy top-origin aurora shader background with controllable ribbon scale, motion, glow, and palette.

A realistic animated water background with layered waves, shimmering highlights, click ripples, and controls for scale, shine, motion, and water colors.

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.

A masonry-style blog grid with a featured hero post spanning the full row and smaller posts in a 3-column layout.