21 production-ready components across 3 categories. Each component responds to your brand DNA settings.
7 components
A classic centered hero with headline, subtext, and CTA buttons
Hero with content on left and image/illustration on right
Bold gradient background hero with animated elements
Grid of features with icons and descriptions
Modern bento-style feature layout
Single testimonial with avatar, quote, and attribution
Sliding carousel of customer testimonials
6 components
Clean product card with image, title, and price
Product card with ratings, badges, and quick actions
Single pricing tier card with features list
Full pricing table comparing multiple tiers
Slide-out cart drawer with item list and totals
Individual cart line item with quantity controls
8 components
Standard text input with label and validation states
Search field with icon and clear button
Email input with inline submit button
On/off toggle switch with smooth animation
Group of checkboxes with labels
Radio button group for single selection
Visual step progress indicator
Complete multi-step form with validation
Open the playground to start tweaking brand DNA and see components come to life.