Blocks
Production-ready UI compositions — copy templates into your app with category-aware previews and signal-form examples.
Authentication
Sign-in, sign-up, password recovery, and account access layouts ready to drop into your app.
Security
MFA verification, API tokens, and account security settings for production apps.
Application
App shells, command menus, settings pages, onboarding flows, and account menus for production dashboards.
App shell
Collapsible sidebar, top navbar, breadcrumb trail, and scrollable main workspace.
Settings profile
Profile settings with avatar upload, identity fields, and notification preferences in cards.
User menu
Account dropdown with avatar header, grouped actions, and sign-out affordance.
Invite team
Team member list with email invite field, roles, and pending invitation states.
Onboarding checklist
Getting-started steps with progress, completion states, and quick actions.
Page header
App page chrome with breadcrumbs, metadata chips, action toolbar, and section tabs.
Help center
Self-service hub with search, topic tabs, article list, categories, and support card.
Dashboard
KPI tiles, activity feeds, data tables, and notification panels for admin surfaces.
Marketing
Hero sections, pricing, testimonials, and conversion-focused landing page blocks.
Comparison table
Feature comparison matrix with plan columns, checkmarks, and highlighted recommended tier.
Pricing cards
Three-tier pricing grid with highlighted plan, feature list, and call-to-action buttons.
Checkout summary
Order line items, tax breakdown, and secure payment call-to-action for checkout flows.
Hero section
Landing hero with headline, supporting copy, dual CTAs, and social proof badges.
Feature grid
Three-column feature highlights with icons, titles, and short descriptions.
Testimonial cards
Customer quotes in a responsive grid with avatars, roles, and star ratings.
Newsletter CTA
Email capture banner with headline, privacy note, and inline subscribe form.
Logo cloud
Social proof section with stats, testimonial, logo grid, and conversion CTAs.
FAQ section
Searchable FAQ with category tabs, accordion or card grid, and contact sidebar.
Stats band
Interactive metrics band with range toggle, progress indicators, and export action.
CTA band
Conversion band with newsletter capture, form validation, and dual layout variants.
Team section
Filterable team grid with department chips, avatars, and profile actions.
Announcement bar
Dismissible promo strip with countdown progress and slim announcement layouts.
Bento features
Asymmetric bento grid with view toggle, expandable tiles, and capability metrics.
Forms
Lead capture, contact, and multi-field form layouts with validation.
Commerce
Billing, checkout, and subscription management interfaces.
Billing settings
Plan summary, payment method card, and invoice history for subscription management.
Payment method form
Card entry and billing address forms with signal-form validation.
Product cards
Filterable catalog with sort, ratings, product grid, and live cart summary sidebar.
Order tracking
Post-purchase tracking with stepper, line-items table, shipping card, and support actions.
Data
Table toolbars, filter panels, and data-dense admin patterns.
Feedback
Empty states, success confirmations, and status screens that guide users forward.
Empty project
Centered empty state with icon, headline, supporting copy, and dual actions.
Error 404
Full-page and inline not-found states with recovery actions.
Success confirmation
Post-payment and post-submit success screens with primary and secondary actions.
Cookie banner
GDPR-style consent with per-category checkboxes, save preferences, and bar or card layouts.