Sections and screens built from Blank components. 5 are free, 58 come with Blank Pro.
A six-column bento for an operations tool built on the bento system: an on-call rotation, live queue health, an install snippet that finds the line you need, a retry timeline, a run search palette and an alert-rules checklist in a 2/4, 4/2, 3/3 composition.
A bento for customer feedback: a tall search card beside a 2x2 of lit cards, with a growth readout, a language hub, a prompt box and a channel inbox.
A developer-tools feature section: a heading over a bento grid of five lit cards — a build-speed gauge, a merge checklist, a command palette, a live inbox and a deploy pipeline.
A code-intelligence feature section: one wide hero card with an editor that finds the match, over three cards — a running workflow, a preview pipeline and a deploy with counted stats.
A team and collaboration section: a heading over a bento of live presence, a workspace directory search, a shared context menu with a teammate's cursor and a full-width planner with a task lifted off the board.
An AI assistant section: a split heading over a bento of a prompt box with its mode menu open, integrations that connect, prompt recipes and a hub of skills wired to one node.
A fintech feature section: payment methods wired into one hub, an approval timer, a repayment term track, an exchange-rate orbit and a plan picker, under a two-line heading.
A trust and analytics section: a live system health panel, a growth display, an encryption shield and a passkey orbit, under a heading with a side note.
A centered hero with an announcement badge, a one-line headline, one primary and one outline CTA and a framed product window built from Blank components: sidebar, a row of stats with bar sparklines, filter tabs and a live job table.
A split hero with copy, two CTAs and a trust row on the left, and a live UI composition on the right: a lit card feed where receipts can be matched, a spend approval with approve and decline, and a close-progress panel.
A centered waitlist hero: headline, an email capture built from Field and InputGroup with inline validation and an animated success state, avatar social proof, and a strip of three lit bento cards from a sample digest.
A split hero with a rotating headline line that cycles through example jobs, paused on hover, with a clickable progress pager, beside a bento card whose checklist replays the playbook for the chosen job. Reduced motion falls back to a crossfade.
An app-launch hero with a release badge, store CTAs and a capability badge row above a composition of three phones built from Blank components, including a balance screen you can settle up, and a floating notification panel.
A section heading with a short intro and a button, followed by six raised feature cards with an icon, title and description. Three columns on desktop, two on tablet, one on mobile.
Three alternating text and visual rows under a centered heading. Each visual is a working UI on a lit bento stage: source connections with switches, a request cluster with revenue by account, and a weekly digest email.
A tabbed product tour: a segmented pill tab bar with Tabs' built-in sliding indicator switches a lit panel between four working previews: card controls with freeze and category switches, a bills inbox you can pay, a reimbursement run and a close checklist.
A four-step how-it-works section. On desktop the steps scroll past a sticky bento stage that swaps its preview as each step reaches the middle of the viewport; on mobile each step shows its own preview inline.
A static logo row: a one-line caption over six abstract wordmarks separated by hairlines. Hovering or focusing a logo slides in a link to the customer story. Two, three or six columns by breakpoint.
Two rows of wordmarks scrolling in opposite directions with a pure CSS marquee and faded edges. Pauses on hover and focus; with reduced motion the rows stop and wrap into a centered grid.
A metrics row: a heading with a sourcing note, then four large figures that count up on view, each with a muted unit, a label and one line of context, divided by hairlines. Four columns on desktop, two on tablet, stacked on mobile.
Four raised metric cards with delta badges and Blank Chart sparklines with tooltips. A segmented range control swaps every value, delta and series between 30 days, 90 days and 12 months; deltas are colored by whether the change is good news.
A masonry grid of quote cards with initials avatars, names and roles under a calm heading.
One featured customer quote on a lit bento surface with a company mark, the speaker's name and role, three outcome figures and a case-study link.
Two rows of quote cards drifting in opposite directions on the Marquee, pausing on hover, off-screen and under reduced motion.
Three pricing tiers built on Pricing Card with a monthly/yearly tab switch, prices that roll digit by digit and an ink-ringed recommended plan.
Two plans side by side, each with a feature list and a usage table for included and overage amounts, followed by a full-width Enterprise row with a sales button.
A plan comparison table with a sticky header carrying prices and buttons, grouped feature rows with check and dash marks, a tinted recommended column, and a plan switcher on mobile.
A two-column FAQ: a sticky heading with a support card on the left and a grouped accordion of questions on the right.
A centered FAQ with category tabs, each tab holding a grouped accordion of questions.
A blog index with category tabs, a featured post and a grid of post cards with category badges, author avatars, dates, read times and token-drawn cover placeholders.
A release timeline with sticky version badges and dates, release summaries, a terminal snippet and changes grouped under New, Improved, Fixed and Breaking.
An inline newsletter signup with email validation, an animated subscribed state and a row of recent issues.
A contact page section: sales and support channels with office addresses on one side, and a form with name, email, company, team size, topic chips and message fields plus a sent state on the other.
A centered call-to-action on a raised bento surface with soft light, a primary and a secondary button, and a short reassurance line.
A split call-to-action on a raised surface with soft light: a headline with three checked points on one side, an email capture with a GitHub option and a check-your-inbox state on the other.
A call-to-action on a raised bento surface with soft light, an announcement badge, two buttons and a copyable install command.
A sticky, blurred site header with a logo, inline links and sign-in and start-free buttons. Below md the links move into a full-height Sheet with large tap targets and a status line.
A dismissible announcement bar over a header with NavigationMenu dropdowns: a product menu with a featured card, a two-column solutions menu and a developers menu with an API status line. Below lg it becomes a Sheet with accordion groups.
A floating, blurred pill navbar centered over the page, with a hover highlight that slides between links. On mobile the pill opens a floating menu card. Respects reduced motion.
A four-column link footer with a logo, a newsletter field with a subscribed state, a live status link and social icon buttons.
A minimal one-row footer with a logo, copyright line, quiet links and social icon buttons that wraps cleanly on small screens.
A footer with a tagline, four link columns and a giant low-contrast wordmark that scales with its container and is cropped by the bottom edge.
A full application shell: a collapsible icon sidebar with workspace and account menus, a header with breadcrumbs and a ⌘K command palette, KPI cards, a revenue area chart with range tabs, a top-accounts list and a recent billing activity table.
A web analytics overview with a site switcher, date-range tabs, a KPI strip, a stacked bar chart of visitors by source, top and entry pages with inline bars, and country and device breakdowns.
A product analytics screen: an icon sidebar, a date-range select with a compare toggle, KPI cards with sparklines that switch the main chart, a monochrome area chart against the previous period with a live online counter, an activation funnel, a weekly retention grid, top pages with inline bars and referrers.
A personal banking home screen: a total balance that counts in with hide toggle and quick actions, account summaries, an income vs spending bar chart, recent transactions with merchant initials and a live pending payment, a tappable stack of generic cards with a freeze switch, and budgets with status progress.
A deployments and operations screen: an environment switcher, an incident alert, a services grid with live status dots, a p50/p95/p99 latency chart with the incident window and SLO line, per-service uptime trackers, a deploy timeline with a running build timer and a streaming log tail that pauses off-screen.
An AI platform usage console: an inset sidebar with credits, live token, request and spend counters, stacked usage by model with a metric switch, a spend limit about to trip, p50/p95 latency against an SLO, a streaming request log and an API keys table with masked secrets.
An e-commerce store admin: a top navigation with store switcher and search, a live shopper count, period tabs driving revenue, orders, order value and conversion, a sales chart against the previous period, a conversion funnel, a recent orders table that receives new orders, top products with thumbnails and low-stock alerts.
A CRM sales pipeline: a floating icon sidebar, pipeline totals that follow the board, a quota gauge with forecast and pace, a monthly forecast against quota, a drag-and-drop deal board with owners, stage age and stale flags, a live activity feed and a rep leaderboard.
A centered sign-in card with Google and GitHub buttons, email and password fields with a visibility toggle, a remember-me checkbox and a forgot-password link.
A split-screen sign-in: email and password form with Google and SAML SSO options on the left, a quiet panel with a customer testimonial, proof points and customer names on the right (hidden on mobile).
An email verification screen with a six-digit one-time code input, verifying and verified states, and a resend countdown.
A sign-up card with social providers, name, email, company and team-size fields, a live password strength meter with rule checklist, and a terms checkbox that gates submission.
A three-step onboarding flow with a segmented progress stepper, workspace name and URL fields, role choice cards, multi-select data-source cards and a completion state.
A customers data table with search, status and plan filter menus with counts, column visibility, sortable headers, row selection with a bulk-action bar, status badges and pagination.
A cycle board with four status columns, issue cards with labels, priority, subtask progress, due dates, comment counts and assignee avatars, a label filter and board/list toggle. Columns scroll horizontally on small screens.
A three-pane support inbox: folders and labels, a searchable message list with unread state and tags, and a reader with actions, attachments and a reply composer. Collapses to a single pane with back navigation on mobile.
An AI assistant chat with a conversation history sidebar (a sheet on mobile), a model switcher, rich assistant answers with lists, code and tables, message actions, and a composer with file attachments.
Team management with seat usage, a searchable members table with inline role selects, 2FA status and row actions, an invite dialog, and a pending-invites list with resend and revoke.
A billing page with the current plan and renewal, payment method and billing details, usage meters that warn near the limit, and an invoices table with status badges and row actions.
Account settings with a sticky section nav, a profile form (avatar upload, name, verified email, username, time zone, bio with character count), notification switches and a danger zone with a typed-confirmation delete dialog.
Three empty-state panels built on Empty: a first-run projects state with a token-only tile illustration, a no-results search state with active filters, and a recoverable error state with retry.