Ready-to-use page templates to kickstart your project.
Grouped Table
Grouped data table with collapsible status sections, PowerSearch, and a resizable detail panel.
Searchable Table
Data table page with power search filtering and action toolbar.
Checkout Form
Secure checkout page with billing info, card details, and order summary.
Contact Form
Marketing lead-capture form with pill toggles, dropdowns, and full-width CTA.
Two-column Form
Hero header with form card layout for data collection
Settings Form
Account settings as a single scrolling form with profile, password, and advanced configuration sections
Settings Panels
Account settings with nav-switched panels, inline row editing, and multi-section privacy controls
Login Card
Centered login card with social sign-in and email form
Login Split
Split-screen login with form and cover image
Login SSO
SSO login with email-based provider detection
File Explorer
Column-based file browser inspired by macOS Finder
IDE
Code editor workspace with file explorer, tabbed editor, terminal panel, and properties sidebar, all resizable and collapsible.
Kanban Board
Task board with color-coded status columns, draggable task cards, priority tags, and metadata
Page Editor
Block-based page builder with sidebar config and live preview
Card Grid
Browsable grid of components organized by category with tabs and filters
Documentation Catalog
Documentation landing page with hero banner and component category grid organized by Core, Layout, Navigation, and Form.
Documentation Design
Component documentation page with live preview, usage guide, best practices table, and code examples.
Documentation Technical
Getting started guide with install steps, AI assistance prompt card, theming setup, and next steps.
Order Detail
Order detail page with timeline and line items
Product Detail
Product page with image gallery and collapsible sections
AI Chat Conversation
AI assistant conversation view with tool calls, system messages, markdown, code blocks, multi-bubble grouping, and a resizable artifact preview panel for generated documents
AI Chat Landing
AI assistant landing page with chat composer, greeting, and category toggles
Centered Hero
Centered headline, description, and CTA buttons above a wide hero image.
Classic Gallery
Responsive image gallery with a centered intro header and category filter tabs.
Gallery Hero
Centered headline, description, and CTA buttons above a three-image gallery grid.
Mixed Gallery
Masonry-style image gallery with varying image sizes.
Product Gallery
Card grid of products with images, titles, descriptions, and prices
Side Gallery
Text and CTA on the left with an image collage on the right
Shell Nav
A top + side nav app shell with a File/Edit/View/Window/Help menu bar plus command-palette search, a resizable file-tree SideNav, and a static grey-card tabbed code editor.
Side Nav
A side-nav app shell with a collapsible, resizable SideNav (new chat, search, library, and workspace-grouped conversations with status dots) over static grey-card conversation and composer placeholders.
Top Nav
A top-nav app shell with a centered TopNav (Shop and Brands mega menus with a 2x4 item grid plus a featured card each, Sale/Service links, and a Checkout button) over static grey-card hero and category sections.