A collection of shadcn/ui blocks and page templates for building modern, fast, and beautiful websites. Built on Base UI. Works with CLI and presets.
Newsletter signup card driven by a client state machine, cycling idle, loading spinner, success, and inline email validation error states.
Sign-up form paired with a plan sidebar listing Free, Pro, and Team tiers, first and last name fields, and a terms checkbox gating submit.
Centered reservation card with date, party size, time, name, and email, for restaurants taking small tables online.
Centered contact form card with split first and last name fields, topic select, message textarea, and a privacy consent checkbox.
Single In Progress kanban column of sortable rich task cards showing priority, labels, a due date, and a stacked assignee avatar group.
Single plan pricing card centered on the page with a large price, billing toggle, eight item feature checklist, trial note, and social proof footnote.
Single featured testimonial section with a large pull quote, oversized grayscale avatar, and three supporting outcome metrics.
Features grid of six icon cards, each with a short title and one line of supporting copy, in a three-column layout.
Compact single-bar footer with a brand mark and tagline, an inline row of nav links, and a copyright notice in one slim row.
Split call to action section pairing a trusted-by badge and dual buttons with a wireframe app screenshot card of charts and rows.
Split two-column hero section pairing copy and a watch demo dialog with an analytics dashboard mockup of stat cards, a bar chart, and a channel table.
Split integrations section pairing a headline, copy, and browse CTA with a bordered six-logo grid of tools teams already use.
Two-column sign-in pairing a dark brand panel that lists product features with a plain email and password form, no social login buttons.
Coming soon split layout pairing a waitlist email form and signup count with a framed browser mockup previewing the product.
Star-rated testimonial review cards in a responsive grid, each leading with a five-star rating row above the quote and a grayscale avatar.
Lean startup landing page template for early-stage products and waitlists: centered hero section with inline email capture, stats, feature grid, how it works timeline, testimonial, and waitlist signup.
Four bordered stat cards, each with an icon, a metric value, and an up or down trend arrow comparing the figure against last quarter.
Product roadmap board in Planned, In Progress, and Shipped columns, with vote counts, progress bars, contributor avatars, and shipped dates per card.
Sticky site header with logo, desktop navigation, a sign-in link, a primary CTA, and a state-controlled mobile menu sheet for composing into page templates.
Changelog page with a sticky version-jump sidebar beside long-form release entries grouped into Added, Improved, and Fixed changes.
Customer support chat widget with an agent header, a system marker, quick-reply chips, and a working composer in a compact help-desk panel.
Tabbed settings page splitting Account profile fields, a Billing plan and payment method card, and a Team members table with roles.
Changelog with tabs filtering release entries by All, Added, Improved, or Fixed, each showing version, date, badge, title, and description.
Features section with Collaboration, Automation, and Security tabs that swap a three-column grid of icon, title, and description cards.
Auth card with tabs that swap between sign-in and sign-up forms, validated per tab, plus Google, GitHub, and Apple social buttons.
Sortable team members data table with search, checkbox row selection, bulk role and remove actions, status badges, row menus, and pagination.
Blog post grid of three cards with cover images, category badges, titles, excerpts, read time, and author avatars.
Onboarding laid out as three numbered step cards for importing data, inviting teammates, and customizing the workspace, each toggling to complete.
Kanban board with To Do, In Progress, and Done columns, drag and drop between them, and cards that open a task detail dialog.
Feature comparison table across Starter, Growth, and Enterprise plans, with grouped sections, a sticky header row, and a highlighted recommended column.
How it works row of three numbered step cards, each with an icon tile, a title, and one line of supporting copy under a centered heading.
Pricing section with Starter, Pro, and Enterprise cards, a monthly or annual billing toggle, and a ring highlighted Most Popular plan.
Three visit cards covering address, opening hours, and getting here, each a bare icon above a heading and three short lines.
Application page header with a title, description, and Export plus New Project buttons above the page content area.
Sidebar-free app shell with a sticky top bar (logo, search, avatar menu) above tabbed content holding project cards, a task checklist, and an activity feed.
Multi-step newsletter card where readers toggle topic interests, then land on a double opt-in check-your-inbox confirmation step.
Stacked area chart of visitors and signups with a legend, hover tooltip, and a 7d, 30d, or 90d range select that swaps the dataset.
Donut chart splitting traffic by source, with a centered visitor total and a ranked, color coded legend list underneath.
Logo cloud of eight company wordmarks in a bordered four column grid, under a trusted-by eyebrow and above a customer count line.
FAQ split into two balanced accordion columns of eight product questions, separated by border rules under a bordered header.
Two plan pricing split into one panel, a filled Pro side beside a plain Starter side, each with price, feature checklist, and CTA, plus a billing toggle.
Plan comparison table pitting Starter against Pro across grouped feature rows, with a monthly and annual toggle that changes the price and cell values.
Drag-and-drop file uploader enforcing size and type validation, with uploading, done, and error attachment states, toasts, and per-file remove.
Public roadmap card where visitors upvote feature requests, each row with a live vote count, status and category badges, and progress on in development work.
Usage metering card with progress bars for seats, storage, API requests, and bandwidth, plus an estimated billing total for the cycle.
Side-by-side cards contrasting checked product advantages against competitor pain points listed as struck-through cross rows.
Company values and principles laid out as a bordered grid of icon cards, each with a principle title and a short explanation.
Changelog with a date and version rail on the left and Added, Improved, and Fixed change groups bulleted on the right.