Command Search
Search for a page

Component Library

Ready-to-use UI Sections

Browse components, see the live preview, then copy the Svelte, React, or HTML code — or grab the AI prompt to generate your own version.

18 components

Split Hero with Video

Hero

Two-column hero: badge + shimmering heading + CTAs on the left, a playable video thumbnail with duration overlay on the right.

herovideosplit-layout

Smoke Background Hero

Hero

Full-viewport hero with an animated smoke/fluid canvas background, an alert pill, shimmering heading, dual CTAs, and a tech-stack logo row.

herocanvassmokeanimationtech-stack

Glowing Waves Hero

Hero

Full-screen canvas hero with animated glowing sine waves, mouse-reactive ripples, theme-aware colors, and a staggered entrance animation.

herocanvasanimationwavesinteractive

Inner Page Hero

Hero

Compact centered hero for interior pages — optional badge, large heading, subtext, and a single CTA over a hexagon-pattern background.

heroinner-pageminimal

Image Carousel Hero

Hero

Hero section with a 3D rotating image carousel, mouse parallax tilt, and a features grid. Theme-aware, fully animated.

herocarousel3danimationimages

Company Overview

About

Centered about section with logo, quick links, a hero screenshot, and a two-column capabilities list paired with background story blocks.

aboutcompanycapabilitiesoverview

Feature Card Grid

Grid

Responsive card grid for features, services, or industries, each with an icon badge, shimmering title, and short description, over a subtle hexagon-pattern background.

featuresservicesgridicons

Solutions Card Grid

Grid

Bordered card grid for solutions or products, each with an icon badge, shimmering title, description, and an 'Explore' link that appears on hover.

solutionsgridcardsicons

ERP Module Grid

Bento

Expandable bento-style grid of ERP module cards. Click any card to open a detailed modal with fade+scale animation. ESC or click-outside to close.

bentogridmodalerpinteractive

AI Agent Workspace

Bento

Animated bento grid showcasing an AI agent workspace — pipeline visualiser, token monitor with bar chart, stacked activity feed, knowledge-base retrieval log, and tool inspector.

bentogridaianimationagentdashboard

Radar Link Sweep

Radar

Circular radar visualization with concentric rings, a rotating conic-gradient sweep beam, and icon links arranged radially around the circle — each one glowing briefly as the sweep passes.

radarlinksanimationcircularicons

Case Study Grid

Portfolio

Three-column portfolio grid with light/dark image variants, a category tag, shimmering titles, and dual case-study/preview CTA buttons per card.

portfoliocase-studiesgrid

Team Photo Grid

Team

Responsive photo grid of team members with a name/role caption overlay that appears on hover, plus a muted call-to-action banner for open roles.

teamgridhovercareers

Leadership Carousel

Team

Overlapping image/bio carousel for leadership profiles — large photo with a card sliding over its edge on desktop, a stacked layout on mobile, dot navigation and prev/next arrows.

teamcarouselleadershipbio

Dark Social Platform Grid

Social

Dark, glowing card grid of social platform links with per-platform gradients, a mouse-follow spotlight, and a gradient CTA button.

socialgriddarkglowanimation

Contact Form with Hero Banner

Contact

Contact page with a full-bleed background-image banner, an overlapping card-style form, and a four-column contact info grid below.

contactformbanner

Split Contact Grid

Contact

Editorial-style contact page: underline-style form inputs, a three-column info grid with copy-to-clipboard buttons, and a dot-grid 'find us online' band.

contactformgridsocial

Terminal Quote Block

Quote

A single pull-quote styled like a code editor window, with a mock title bar, a large italic quote, and a decorative oversized closing-tag glyph.

quoteparagraphcode-style