Component Library

Browse and test all available components, layouts, and interaction patterns

Primary interactive button component with multiple variants

Form input field with labels, helper text, and error states

Container component for grouping related content

Call-to-action button with custom tokens for brand customization

Mobile-first responsive container with configurable max-width

Section component with consistent vertical rhythm

Responsive grid system with mobile-first breakpoints

Vertical/horizontal stacking with consistent gaps

Customer-branded loading screen with animated SVG icons

Skeleton loading states for text, card, and list variants

Animation patterns for large (modals) and small (toasts) elements

Forward and back navigation transitions

Fade in/out overlay with optional backdrop blur

Sequential element appearance for rewards and gamified feedback