Blueprints

A simple login form with email, password, and social login button.

A two-column login page with a cover image.

A login page with a muted background and social auth buttons.

A login page with form and image side by side in a card.

A simple email-only login page with social sign-in options.

A password reset card with email input and reset link.

A 6-digit OTP verification card with resend link.

A two-panel sign-in with branded sidebar and testimonial.

An account locked error state with support contact.

A simple signup form with name, email, password, and confirmation.

A two-column signup page with a cover image.

A signup page with a muted background and social auth.

A signup page with form and image side by side in a card.

A simple signup form with social providers.

A full-width centered hero with badge, headline, and CTA buttons.

A split hero with text on one side and image placeholder on the other.

A 3-column grid of feature cards with icons and descriptions.

A horizontal row of features with icons, titles, and descriptions.

Selectable three-tier pricing cards with radio selection and feature lists.

A feature comparison table across Free, Pro, and Enterprise plans.

A grid of customer testimonial cards with ratings and avatars.

A full-width call-to-action banner with headline and action buttons.

A compact newsletter signup card with email input and subscribe button.

A classic contact form with name, email, subject, and message.

A 3-step wizard with step indicator and prev/next navigation.

A profile editor with avatar, name, email, bio, and timezone.

A feedback form with star rating and optional comments.

A shipping address form with city, state, country, and phone.

A multi-step checkout with shipping, payment method selection, and order summary.

A grid of KPI cards with trend indicators and metric values.

A timeline-based activity feed with status icons and timestamps.

A notification list with read/unread states and avatars.

A 2x2 grid of area, bar, line, and pie charts.

Metric cards with progress bars and revenue/acquisition charts.

A full-width nav bar with dropdown menus, search, and user avatar.

A page header with breadcrumb, title, actions, and tab bar.

A sortable, filterable data table with row selection and pagination.

An advanced data grid with column filters, expandable rows, and resizing.

A dashboard section combining stat cards, a bar chart, and a data table.

A basic sidebar with grouped navigation and footer.

A sidebar with collapsible sections and nested items.

A sidebar with multiple labeled navigation groups.

A sidebar with the floating variant and workspace switcher.

An inset sidebar with rounded content area.

A sidebar with a search input and categorized navigation.

A compact icon-only sidebar with tooltips.

A sidebar with a rich user profile dropdown.

A sidebar with team/workspace switching.

A sidebar with a date picker and calendar groups.

A responsive grid of product cards with images, ratings, and prices.

A cart page with item list, quantity controls, and order summary.

An order success page with order details and shipping info.

A full product page with gallery, specs, reviews, and add to cart.

A compact product card with size select, quantity, and add to cart.