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
HeroTwo-column hero: badge + shimmering heading + CTAs on the left, a playable video thumbnail with duration overlay on the right.
Smoke Background Hero
HeroFull-viewport hero with an animated smoke/fluid canvas background, an alert pill, shimmering heading, dual CTAs, and a tech-stack logo row.
Glowing Waves Hero
HeroFull-screen canvas hero with animated glowing sine waves, mouse-reactive ripples, theme-aware colors, and a staggered entrance animation.
Inner Page Hero
HeroCompact centered hero for interior pages — optional badge, large heading, subtext, and a single CTA over a hexagon-pattern background.
Image Carousel Hero
HeroHero section with a 3D rotating image carousel, mouse parallax tilt, and a features grid. Theme-aware, fully animated.
Company Overview
AboutCentered about section with logo, quick links, a hero screenshot, and a two-column capabilities list paired with background story blocks.
Feature Card Grid
GridResponsive card grid for features, services, or industries, each with an icon badge, shimmering title, and short description, over a subtle hexagon-pattern background.
Solutions Card Grid
GridBordered card grid for solutions or products, each with an icon badge, shimmering title, description, and an 'Explore' link that appears on hover.
ERP Module Grid
BentoExpandable 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.
AI Agent Workspace
BentoAnimated bento grid showcasing an AI agent workspace — pipeline visualiser, token monitor with bar chart, stacked activity feed, knowledge-base retrieval log, and tool inspector.
Radar Link Sweep
RadarCircular 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.
Case Study Grid
PortfolioThree-column portfolio grid with light/dark image variants, a category tag, shimmering titles, and dual case-study/preview CTA buttons per card.
Team Photo Grid
TeamResponsive 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.
Leadership Carousel
TeamOverlapping 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.
Dark Social Platform Grid
SocialDark, glowing card grid of social platform links with per-platform gradients, a mouse-follow spotlight, and a gradient CTA button.
Contact Form with Hero Banner
ContactContact page with a full-bleed background-image banner, an overlapping card-style form, and a four-column contact info grid below.
Split Contact Grid
ContactEditorial-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.
Terminal Quote Block
QuoteA 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.