# Blank

> Blank is an open-source React component library on shadcn conventions: monochrome by default, animated where it helps, branded with one CSS variable. Pro adds bento visuals and blocks. Tailwind v4, installed with the shadcn CLI.

Blank components are shadcn-compatible React 19 + Tailwind v4 source files. Install them with the shadcn CLI after adding the registries to components.json:

```json
{
  "registries": {
    "@blank": "https://useblank.design/r/{name}.json",
    "@blank-pro": {
      "url": "https://useblank.design/r/pro/{name}.json",
      "headers": {
        "Authorization": "Bearer ${BLANK_LICENSE_KEY}"
      }
    }
  }
}
```

Free items (MIT) install from @blank. Pro items need a Blank Pro licence key in BLANK_LICENSE_KEY and install from @blank-pro. Components keep shadcn's exported names, parts and props; colours come from semantic tokens only.

## Getting started

- [Introduction](https://useblank.design/docs/getting-started/introduction): Blank 3 is a code-first component library for React 19 and Tailwind v4, installed with the shadcn CLI.
- [Installation](https://useblank.design/docs/getting-started/installation): Add Blank to a project that already uses Tailwind v4 and the shadcn CLI.
- [Theming](https://useblank.design/docs/getting-started/theming): Monochrome by default, one brand knob, light and dark from the same roles.
- [Tokens](https://useblank.design/docs/getting-started/tokens): How color, light, radius and motion are organised.
- [CLI](https://useblank.design/docs/getting-started/cli): Install, preview and update Blank items with the shadcn CLI, and connect the registry to an AI agent through the shadcn MCP server.
- [Pro access](https://useblank.design/docs/getting-started/pro): Buy a licence, add the key to your environment and install Pro components and blocks with the same CLI.
- [AI and MCP](https://useblank.design/docs/getting-started/ai): Give coding agents what they need to use Blank correctly: a prompt per page, an llms.txt index and the shadcn MCP server.
- [Changelog](https://useblank.design/docs/getting-started/changelog): What changed in each release of Blank.
- [Licence](https://useblank.design/docs/getting-started/license): Free components are MIT. Pro is a per-seat licence for unlimited end products, including client work.

## Bento

- [Bento Actions](https://useblank.design/docs/bento/bento-actions): A context menu of inbox actions with a teammate's cursor moving through it.
- [Bento Approval](https://useblank.design/docs/bento/bento-approval): An app tile, a timer that runs to the decision time and a status pill that lands when it stops.
- [Bento Checklist](https://useblank.design/docs/bento/bento-checklist): A cascade of checks that tick one by one, the latest lifting off the stack.
- [Bento Code](https://useblank.design/docs/bento/bento-code): An editor window where a query types into the find field and a highlight scans down to the match.
- [Bento Command](https://useblank.design/docs/bento/bento-command): A command palette lit from above. The query types itself and the selection follows hover.
- [Bento Deploy](https://useblank.design/docs/bento/bento-deploy): A success toast that drops in with a drawn check, over a row of stats that count up.
- [Bento Directory](https://useblank.design/docs/bento/bento-directory): A workspace search that types its query and lights the row it lands on.
- [Bento Gauge](https://useblank.design/docs/bento/bento-gauge): A speedometer whose needle sweeps to a value over a tick ring, with a readout that counts up.
- [Bento Grid](https://useblank.design/docs/bento/bento-grid): The bento system — a six-column grid and a lit card with a visual stage, soft light and copy.
- [Bento Growth](https://useblank.design/docs/bento/bento-growth): A big number counting up in a framed display, with a pill over it and rails out to two lamps.
- [Bento Health](https://useblank.design/docs/bento/bento-health): A system health panel with counting numbers, bars filling over a hatched track and a live status pill.
- [Bento Hub](https://useblank.design/docs/bento/bento-hub): A central node wired to capability chips by lines that draw themselves in.
- [Bento Inbox](https://useblank.design/docs/bento/bento-inbox): A notification inbox running off the card, where new notifications land on top while it is on screen.
- [Bento Integrations](https://useblank.design/docs/bento/bento-integrations): A list of integrations where one connects and lights up.
- [Bento Orbit Icon](https://useblank.design/docs/bento/bento-orbit-icon): One large round icon on concentric rings, with a light that runs around its rim.
- [Bento Payments](https://useblank.design/docs/bento/bento-payments): A hub with up to five payment methods wired into it and payments pulsing along the wires.
- [Bento Pipeline](https://useblank.design/docs/bento/bento-pipeline): A URL, a passing check and a terminal command joined by a line that draws itself.
- [Bento Planner](https://useblank.design/docs/bento/bento-planner): A planner board running off the card, its first task lifted and tilted over the slot it left.
- [Bento Plans](https://useblank.design/docs/bento/bento-plans): A plan picker whose selection travels to the chosen plan and lights it up.
- [Bento Presence](https://useblank.design/docs/bento/bento-presence): A team list hanging from a lit edge, with a live count of who is online.
- [Bento Prompt](https://useblank.design/docs/bento/bento-prompt): An AI prompt box with its mode menu open and a cursor choosing a mode.
- [Bento Schedule](https://useblank.design/docs/bento/bento-schedule): A term track that fills stop by stop to a check, with the chosen term and a note hanging off it.
- [Bento Shield](https://useblank.design/docs/bento/bento-shield): A shield with a lock that snaps shut as data runs in from two wired nodes.
- [Bento Templates](https://useblank.design/docs/bento/bento-templates): A template picker where the option under the cursor lifts, with a window peeking out behind.
- [Bento Workflow](https://useblank.design/docs/bento/bento-workflow): Trigger, condition and action nodes on a rail, with a marker that lifts each node in turn.

## Components

- [Accordion](https://useblank.design/docs/components/accordion): Free — A vertically stacked set of headings that each reveal a section of content. — `npx shadcn@latest add @blank/accordion`
- [Alert](https://useblank.design/docs/components/alert): Free — A short, prominent message about the state of the page. — `npx shadcn@latest add @blank/alert`
- [Alert Dialog](https://useblank.design/docs/components/alert-dialog): Free — A modal that interrupts the user and asks for confirmation. — `npx shadcn@latest add @blank/alert-dialog`
- [Android Frame](https://useblank.design/docs/mockups/android-frame): Free — A Pixel-style handset drawn in CSS with a punch-hole camera and right-side buttons, at true proportions at any width. — `npx shadcn@latest add @blank/android-frame`
- [Animated Background](https://useblank.design/docs/animations/animated-background): Free — A highlight that slides behind the active or hovered item: tabs, menus, segmented controls. — `npx shadcn@latest add @blank/animated-background`
- [Animated Beam](https://useblank.design/docs/animations/animated-beam): Free — A curved path between two elements with a beam of light running along it. — `npx shadcn@latest add @blank/animated-beam`
- [Announcement](https://useblank.design/docs/marketing/announcement): Free — A pill above a hero headline: an optional tag, a title and an arrow, rendered as a link with asChild. — `npx shadcn@latest add @blank/announcement`
- [Aspect Ratio](https://useblank.design/docs/components/aspect-ratio): Free — Constrains its content to a fixed width-to-height ratio. — `npx shadcn@latest add @blank/aspect-ratio`
- [Avatar](https://useblank.design/docs/components/avatar): Free — An image with a text fallback, for representing a user. — `npx shadcn@latest add @blank/avatar`
- [Badge](https://useblank.design/docs/components/badge): Free — A small label for status, counts and categories. — `npx shadcn@latest add @blank/badge`
- [Banner](https://useblank.design/docs/components/banner): Free — A page-level announcement strip with actions and a dismiss button. — `npx shadcn@latest add @blank/banner`
- [Bar List](https://useblank.design/docs/components/bar-list): Free — Ranked horizontal bars with a label and a formatted value on each row. — `npx shadcn@latest add @blank/bar-list`
- [Bento Actions](https://useblank.design/docs/bento/bento-actions): Pro — A bento visual: a context menu of inbox actions with a collaborator's cursor moving through it. — `npx shadcn@latest add @blank-pro/bento-actions`
- [Bento Approval](https://useblank.design/docs/bento/bento-approval): Pro — A bento visual: an app tile, a timer that runs to the decision time and a status pill that lands when it stops. — `npx shadcn@latest add @blank-pro/bento-approval`
- [Bento Checklist](https://useblank.design/docs/bento/bento-checklist): Free — A bento visual: a cascade of checks that tick one by one on view, the latest lifting off the stack. — `npx shadcn@latest add @blank/bento-checklist`
- [Bento Code](https://useblank.design/docs/bento/bento-code): Pro — A bento visual: an editor window with line numbers where a query types into the find field and a highlight scans down to the match. — `npx shadcn@latest add @blank-pro/bento-code`
- [Bento Command](https://useblank.design/docs/bento/bento-command): Pro — A bento visual: a command palette lit from above. The query types itself, the actions settle in and the selection follows hover. — `npx shadcn@latest add @blank-pro/bento-command`
- [Bento Deploy](https://useblank.design/docs/bento/bento-deploy): Pro — A bento visual: a success toast that drops in with a drawn check, over a row of stats that count up. — `npx shadcn@latest add @blank-pro/bento-deploy`
- [Bento Directory](https://useblank.design/docs/bento/bento-directory): Pro — A bento visual: a workspace search that types its query, settles people and companies under their groups and lights the matching row. — `npx shadcn@latest add @blank-pro/bento-directory`
- [Bento Gauge](https://useblank.design/docs/bento/bento-gauge): Pro — A bento visual: a speedometer whose needle sweeps to a value over a tick ring, with a readout that counts up. Ink by default; follows the card's --bento-light when set. — `npx shadcn@latest add @blank-pro/bento-gauge`
- [Bento Grid](https://useblank.design/docs/bento/bento-grid): Free — The Blank bento system: a six-column grid and a lit card with a visual stage, light and copy. — `npx shadcn@latest add @blank/bento-grid`
- [Bento Growth](https://useblank.design/docs/bento/bento-growth): Free — A bento visual: a big number counting up in a framed display, with a pill over it and rails out to two lamps. — `npx shadcn@latest add @blank/bento-growth`
- [Bento Health](https://useblank.design/docs/bento/bento-health): Pro — A bento visual: a system health panel with counting numbers, bars filling over a hatched track and a live status pill. — `npx shadcn@latest add @blank-pro/bento-health`
- [Bento Hub](https://useblank.design/docs/bento/bento-hub): Pro — A bento visual: a central AI node wired to capability chips by lines that draw themselves in. — `npx shadcn@latest add @blank-pro/bento-hub`
- [Bento Inbox](https://useblank.design/docs/bento/bento-inbox): Pro — A bento visual: a notification inbox with counted tabs running off the card, where new notifications land on top while it is on screen. — `npx shadcn@latest add @blank-pro/bento-inbox`
- [Bento Integrations](https://useblank.design/docs/bento/bento-integrations): Pro — A bento visual: a list of integrations where one connects, its button running from Connect to Connected and lights up. — `npx shadcn@latest add @blank-pro/bento-integrations`
- [Bento Orbit Icon](https://useblank.design/docs/bento/bento-orbit-icon): Pro — A bento visual: one large round icon on concentric rings with a light that runs around its rim. — `npx shadcn@latest add @blank-pro/bento-orbit-icon`
- [Bento Payments](https://useblank.design/docs/bento/bento-payments): Pro — A bento visual: a hub with up to five payment methods wired into it and payments pulsing along the wires. — `npx shadcn@latest add @blank-pro/bento-payments`
- [Bento Pipeline](https://useblank.design/docs/bento/bento-pipeline): Pro — A bento visual: a URL, a passing check and a terminal command joined by a line that draws itself, with the command typing out last. — `npx shadcn@latest add @blank-pro/bento-pipeline`
- [Bento Planner](https://useblank.design/docs/bento/bento-planner): Pro — A bento visual: a daily planner board whose top card lifts off its slot and tilts in depth, with status badges, assignees and progress. — `npx shadcn@latest add @blank-pro/bento-planner`
- [Bento Plans](https://useblank.design/docs/bento/bento-plans): Pro — A bento visual: a plan picker built on Radio Group whose selection travels to the chosen plan and lights it up. — `npx shadcn@latest add @blank-pro/bento-plans`
- [Bento Presence](https://useblank.design/docs/bento/bento-presence): Free — A bento visual: a team list hanging from a lit edge, with a pill counting who is online and live status dots. — `npx shadcn@latest add @blank/bento-presence`
- [Bento Prompt](https://useblank.design/docs/bento/bento-prompt): Pro — A bento visual: an AI prompt box with its mode menu open and a cursor choosing a mode, over a soft bloom of light. — `npx shadcn@latest add @blank-pro/bento-prompt`
- [Bento Schedule](https://useblank.design/docs/bento/bento-schedule): Pro — A bento visual: a term track that fills stop by stop to a check, the chosen term and a note hanging off it. — `npx shadcn@latest add @blank-pro/bento-schedule`
- [Bento Shield](https://useblank.design/docs/bento/bento-shield): Pro — A bento visual: a shield with a lock that snaps shut as data runs in from two wired nodes. — `npx shadcn@latest add @blank-pro/bento-shield`
- [Bento Templates](https://useblank.design/docs/bento/bento-templates): Pro — A bento visual: a template picker where the hovered option lifts toward the cursor, with a window peeking out behind. — `npx shadcn@latest add @blank-pro/bento-templates`
- [Bento Workflow](https://useblank.design/docs/bento/bento-workflow): Pro — A bento visual: trigger, condition and action nodes on a rail, with a marker that runs down and lifts each node in turn. — `npx shadcn@latest add @blank-pro/bento-workflow`
- [Blur Fade](https://useblank.design/docs/animations/blur-fade): Free — Fades content in from a blur and a small offset, on mount or on scroll. — `npx shadcn@latest add @blank/blur-fade`
- [Breadcrumb](https://useblank.design/docs/components/breadcrumb): Free — Shows where the current page sits in the hierarchy. — `npx shadcn@latest add @blank/breadcrumb`
- [Browser Window](https://useblank.design/docs/mockups/browser-window): Free — Browser chrome around a screenshot or a live page, for product visuals. — `npx shadcn@latest add @blank/browser-window`
- [Button](https://useblank.design/docs/components/button): Free — Displays a button or a component that looks like a button. — `npx shadcn@latest add @blank/button`
- [Button Group](https://useblank.design/docs/components/button-group): Free — Joins related buttons into one segmented control. — `npx shadcn@latest add @blank/button-group`
- [Calendar](https://useblank.design/docs/components/calendar): Free — A date field for picking single dates, ranges and multiples. — `npx shadcn@latest add @blank/calendar`
- [Card](https://useblank.design/docs/components/card): Free — A raised surface that groups related content and actions. — `npx shadcn@latest add @blank/card`
- [Carousel](https://useblank.design/docs/components/carousel): Free — A horizontally scrollable set of slides with previous and next controls. — `npx shadcn@latest add @blank/carousel`
- [Chart](https://useblank.design/docs/components/chart): Free — Recharts primitives wired to the system's theme and tooltip. — `npx shadcn@latest add @blank/chart`
- [Checkbox](https://useblank.design/docs/components/checkbox): Free — A control for a single on/off choice, with an indeterminate state. — `npx shadcn@latest add @blank/checkbox`
- [Chip](https://useblank.design/docs/components/chip): Free — A compact, selectable tag with an optional avatar and a dismiss button. — `npx shadcn@latest add @blank/chip`
- [Code Block](https://useblank.design/docs/components/code-block): Free — A code panel with tabs, line numbers, highlighted lines and a copy button. — `npx shadcn@latest add @blank/code-block`
- [Code Window](https://useblank.design/docs/mockups/code-window): Free — Editor chrome with switchable file tabs and numbered lines, with no syntax-highlighting dependency. — `npx shadcn@latest add @blank/code-window`
- [Collapsible](https://useblank.design/docs/components/collapsible): Free — Shows and hides a section of content. — `npx shadcn@latest add @blank/collapsible`
- [Color Picker](https://useblank.design/docs/components/color-picker): Free — A popover with a saturation area, hue slider, hex/RGB/HSL input, presets and an eyedropper where the browser has one. — `npx shadcn@latest add @blank/color-picker`
- [Combobox](https://useblank.design/docs/components/combobox): Free — An input that filters a list and lets the user pick from it. — `npx shadcn@latest add @blank/combobox`
- [Command](https://useblank.design/docs/components/command): Free — A searchable command palette. — `npx shadcn@latest add @blank/command`
- [Compare Slider](https://useblank.design/docs/marketing/compare-slider): Free — A before/after comparison with a draggable divider, arrow-key control and a vertical option. — `npx shadcn@latest add @blank/compare-slider`
- [Context Menu](https://useblank.design/docs/components/context-menu): Free — A menu opened by right-clicking an element. — `npx shadcn@latest add @blank/context-menu`
- [Copy Button](https://useblank.design/docs/components/copy-button): Free — Copies text to the clipboard and confirms it with an icon morph, a tooltip and a live-region announcement. — `npx shadcn@latest add @blank/copy-button`
- [Data Grid](https://useblank.design/docs/components/data-grid): Pro — A TanStack Table v9 grid on Blank's Table: sortable column headers with menus, debounced global search, column visibility, shift-click range selection, pagination, a density toggle, and skeleton, empty and no-results states. — `npx shadcn@latest add @blank-pro/data-grid`
- [Device Stack](https://useblank.design/docs/mockups/device-stack): Free — The hero composition: a MacBook with an iPhone standing in front of one corner, each taking its own screen content. — `npx shadcn@latest add @blank/device-stack`
- [Dialog](https://useblank.design/docs/components/dialog): Free — A window overlaid on the page, holding focus until dismissed. — `npx shadcn@latest add @blank/dialog`
- [Direction](https://useblank.design/docs/components/direction): Free — Sets text direction for every component below it. — `npx shadcn@latest add @blank/direction`
- [Dot Pattern](https://useblank.design/docs/animations/dot-pattern): Free — A dot grid for section backgrounds, with an optional slow pulse. — `npx shadcn@latest add @blank/dot-pattern`
- [Drawer](https://useblank.design/docs/components/drawer): Free — A panel that slides in from an edge of the screen. — `npx shadcn@latest add @blank/drawer`
- [Dropdown Menu](https://useblank.design/docs/components/dropdown-menu): Free — A menu of actions opened by a trigger. — `npx shadcn@latest add @blank/dropdown-menu`
- [Dynamic Island](https://useblank.design/docs/animations/dynamic-island): Pro — A pill that springs between size presets (default, compact, large, tall or your own) with a content view per size that blurs in once the surface has room, controlled or uncontrolled. — `npx shadcn@latest add @blank-pro/dynamic-island`
- [Empty](https://useblank.design/docs/components/empty): Free — A placeholder for a view with nothing in it yet. — `npx shadcn@latest add @blank/empty`
- [Expandable](https://useblank.design/docs/components/expandable): Free — A surface that springs open in place to reveal more content. — `npx shadcn@latest add @blank/expandable`
- [Feature Card](https://useblank.design/docs/marketing/feature-card): Free — A plain feature: an icon, a title and a line of copy, on a raised card or straight on the page. — `npx shadcn@latest add @blank/feature-card`
- [Field](https://useblank.design/docs/components/field): Free — Labels, descriptions and errors for any form control. — `npx shadcn@latest add @blank/field`
- [File Tree](https://useblank.design/docs/components/file-tree): Free — An accessible file and folder tree with arrow-key navigation, type-ahead, selection and animated folders. — `npx shadcn@latest add @blank/file-tree`
- [File Upload](https://useblank.design/docs/components/file-upload): Free — A dropzone with a file list, previews, upload progress, removal and accept/size/count validation. — `npx shadcn@latest add @blank/file-upload`
- [Floating Navbar](https://useblank.design/docs/marketing/floating-navbar): Pro — A pill navbar that hides on scroll down, returns on scroll up, tightens past the fold and glides an active pill between links. — `npx shadcn@latest add @blank-pro/floating-navbar`
- [Floating Panel](https://useblank.design/docs/animations/floating-panel): Pro — A button that morphs into a floating panel and back. — `npx shadcn@latest add @blank-pro/floating-panel`
- [Form](https://useblank.design/docs/components/form): Free — react-hook-form bindings for the field primitives. — `npx shadcn@latest add @blank/form`
- [Glide Menu](https://useblank.design/docs/animations/glide-menu): Pro — A menu whose submenus open in place: panels glide with a blur, the height follows, nested panels can filter. — `npx shadcn@latest add @blank-pro/glide-menu`
- [Grid Pattern](https://useblank.design/docs/animations/grid-pattern): Free — A static SVG grid for section backgrounds, with optional highlighted cells. — `npx shadcn@latest add @blank/grid-pattern`
- [Hero Video Dialog](https://useblank.design/docs/marketing/hero-video-dialog): Pro — A video thumbnail with a play button that opens an accessible dialog player: morphs out of the poster or enters with one of eight animations, plays embeds or video files, and shows the poster until the player is ready. — `npx shadcn@latest add @blank-pro/hero-video-dialog`
- [Hover Card](https://useblank.design/docs/components/hover-card): Free — A card that previews content when a link is hovered. — `npx shadcn@latest add @blank/hover-card`
- [Input](https://useblank.design/docs/components/input): Free — A single-line text field. — `npx shadcn@latest add @blank/input`
- [Input File](https://useblank.design/docs/components/input-file): Free — A drag-and-drop file field with previews, built on the native file input. — `npx shadcn@latest add @blank/input-file`
- [Input Group](https://useblank.design/docs/components/input-group): Free — Attaches icons, text and buttons to an input. — `npx shadcn@latest add @blank/input-group`
- [Input Otp](https://useblank.design/docs/components/input-otp): Free — A field for one-time codes, one character per slot. — `npx shadcn@latest add @blank/input-otp`
- [Input Price](https://useblank.design/docs/components/input-price): Free — A currency amount field that accepts only digits and a capped decimal. — `npx shadcn@latest add @blank/input-price`
- [iPad Frame](https://useblank.design/docs/mockups/ipad-frame): Free — A tablet drawn in CSS with even bezels, in portrait or landscape through the orientation prop. — `npx shadcn@latest add @blank/ipad-frame`
- [iPhone Frame](https://useblank.design/docs/mockups/iphone-frame): Free — A modern iPhone drawn in CSS: titanium rim, even bezels, Dynamic Island and side buttons, at true proportions at any width. — `npx shadcn@latest add @blank/iphone-frame`
- [Item](https://useblank.design/docs/components/item): Free — A row that pairs media, text and actions. — `npx shadcn@latest add @blank/item`
- [Kanban](https://useblank.design/docs/components/kanban): Pro — A drag-and-drop board of sortable columns and cards: pointer, touch and keyboard sensors, screen reader announcements that name cards and columns, Escape restores a cancelled move, and a lifted overlay copy. Controlled through a map of columns to items. — `npx shadcn@latest add @blank-pro/kanban`
- [Kbd](https://useblank.design/docs/components/kbd): Free — Renders a keyboard key or a chord. — `npx shadcn@latest add @blank/kbd`
- [Label](https://useblank.design/docs/components/label): Free — An accessible label for a form control. — `npx shadcn@latest add @blank/label`
- [MacBook Frame](https://useblank.design/docs/mockups/macbook-frame): Free — An open laptop drawn in CSS (lid, hinge and base) around a 16:10 screen for screenshots or live UI. — `npx shadcn@latest add @blank/macbook-frame`
- [Marquee](https://useblank.design/docs/animations/marquee): Free — An endless horizontal or vertical strip of content with edge fade, reverse, pause on hover, an off-screen pause and a reduced-motion pause. — `npx shadcn@latest add @blank/marquee`
- [Menubar](https://useblank.design/docs/components/menubar): Free — A horizontal bar of application menus. — `npx shadcn@latest add @blank/menubar`
- [Morph Surface](https://useblank.design/docs/animations/morph-surface): Pro — A compact dock that unfolds into a panel on the same surface. — `npx shadcn@latest add @blank-pro/morph-surface`
- [Morphing Dialog](https://useblank.design/docs/animations/morphing-dialog): Pro — A card that grows into a dialog with a shared layout animation (image, title and subtitle travel with it) on Radix Dialog for focus trap, Escape, outside click, scroll lock and focus return. — `npx shadcn@latest add @blank-pro/morphing-dialog`
- [Multi Select](https://useblank.design/docs/components/multi-select): Free — A searchable multi-select built on cmdk, with badges in the field, grouped options, a create row and a selection limit. — `npx shadcn@latest add @blank/multi-select`
- [Native Select](https://useblank.design/docs/components/native-select): Free — The platform select element, styled to match the system. — `npx shadcn@latest add @blank/native-select`
- [Navigation Menu](https://useblank.design/docs/components/navigation-menu): Free — A site navigation menu with expandable panels. — `npx shadcn@latest add @blank/navigation-menu`
- [Noise Texture](https://useblank.design/docs/animations/noise-texture): Free — A static SVG film-grain overlay for flat fills and gradients. — `npx shadcn@latest add @blank/noise-texture`
- [Number Ticker](https://useblank.design/docs/animations/number-ticker): Free — Counts up to a number on a spring, with tabular digits. — `npx shadcn@latest add @blank/number-ticker`
- [Pagination](https://useblank.design/docs/components/pagination): Free — Navigation between pages of a result set. — `npx shadcn@latest add @blank/pagination`
- [Popover](https://useblank.design/docs/components/popover): Free — A floating panel anchored to a trigger. — `npx shadcn@latest add @blank/popover`
- [Preview Card Slideshow](https://useblank.design/docs/marketing/preview-card-slideshow): Pro — A cover image that scrubs through a gallery as the pointer moves across it. — `npx shadcn@latest add @blank-pro/preview-card-slideshow`
- [Pricing Card](https://useblank.design/docs/marketing/pricing-card): Free — A plan card with a price, a feature list and a call to action. — `npx shadcn@latest add @blank/pricing-card`
- [Product Card](https://useblank.design/docs/marketing/product-card): Pro — A storefront card for a product: media, price, badges and actions. — `npx shadcn@latest add @blank-pro/product-card`
- [Progress](https://useblank.design/docs/components/progress): Free — Shows completion of a task. — `npx shadcn@latest add @blank/progress`
- [Progressive Blur](https://useblank.design/docs/animations/progressive-blur): Free — A blur that ramps up toward the edge of a scrolling container. — `npx shadcn@latest add @blank/progressive-blur`
- [Quantity Stepper](https://useblank.design/docs/components/quantity-stepper): Free — A number field with decrement and increment buttons, clamped to a range. — `npx shadcn@latest add @blank/quantity-stepper`
- [Radio Group](https://useblank.design/docs/components/radio-group): Free — A set of options where exactly one can be selected. — `npx shadcn@latest add @blank/radio-group`
- [Rating](https://useblank.design/docs/components/rating): Free — A star rating with radio-group semantics, optional half values and a read-only mode. — `npx shadcn@latest add @blank/rating`
- [Resizable](https://useblank.design/docs/components/resizable): Free — Panels the user can resize by dragging a handle. — `npx shadcn@latest add @blank/resizable`
- [Revenue Card](https://useblank.design/docs/components/revenue-card): Pro — A dashboard stat card with a value, a trend and a sparkline. — `npx shadcn@latest add @blank-pro/revenue-card`
- [Safari Frame](https://useblank.design/docs/mockups/safari-frame): Free — macOS Safari window chrome (traffic lights, address field with lock and host, optional tab strip) around a viewport for screenshots, video or live UI. — `npx shadcn@latest add @blank/safari-frame`
- [Scroll Area](https://useblank.design/docs/components/scroll-area): Free — A scrollable region with a styled scrollbar. — `npx shadcn@latest add @blank/scroll-area`
- [Scroll Progress](https://useblank.design/docs/animations/scroll-progress): Free — A hairline that fills as the page or a container scrolls. — `npx shadcn@latest add @blank/scroll-progress`
- [Scroll Text Reveal](https://useblank.design/docs/animations/scroll-text-reveal): Pro — Text that brightens word by word or letter by letter as it scrolls through view: in flow or pinned, against the window or any scroll container, with a fade or blur-to-focus effect and a static fallback for reduced motion. — `npx shadcn@latest add @blank-pro/scroll-text-reveal`
- [Select](https://useblank.design/docs/components/select): Free — A trigger and listbox for choosing one option. — `npx shadcn@latest add @blank/select`
- [Separator](https://useblank.design/docs/components/separator): Free — A line that separates content, horizontally or vertically. — `npx shadcn@latest add @blank/separator`
- [Sheet](https://useblank.design/docs/components/sheet): Free — A dialog that slides in from the side of the screen. — `npx shadcn@latest add @blank/sheet`
- [Shiny Text](https://useblank.design/docs/animations/shiny-text): Free — Muted text with a highlight sweeping across it. — `npx shadcn@latest add @blank/shiny-text`
- [Sidebar](https://useblank.design/docs/components/sidebar): Free — A collapsible application sidebar with its own layout primitives. — `npx shadcn@latest add @blank/sidebar`
- [Skeleton](https://useblank.design/docs/components/skeleton): Free — A placeholder shown while content loads. — `npx shadcn@latest add @blank/skeleton`
- [Slider](https://useblank.design/docs/components/slider): Free — A control for picking a value, or a range, from an interval. — `npx shadcn@latest add @blank/slider`
- [Snippet](https://useblank.design/docs/components/snippet): Free — An install command with package-manager tabs and a copy button. — `npx shadcn@latest add @blank/snippet`
- [Social Button](https://useblank.design/docs/components/social-button): Free — A sign-in button carrying a provider's mark. — `npx shadcn@latest add @blank/social-button`
- [Sonner](https://useblank.design/docs/components/sonner): Free — Toast notifications. — `npx shadcn@latest add @blank/sonner`
- [Spinner](https://useblank.design/docs/components/spinner): Free — An indeterminate loading indicator. — `npx shadcn@latest add @blank/spinner`
- [Stepper](https://useblank.design/docs/components/stepper): Free — Numbered steps for a multi-part flow, horizontal or vertical, with completed, active, loading and disabled states. — `npx shadcn@latest add @blank/stepper`
- [Switch](https://useblank.design/docs/components/switch): Free — A control that toggles a setting on or off immediately. — `npx shadcn@latest add @blank/switch`
- [Table](https://useblank.design/docs/components/table): Free — A data table with header, body and footer sections. — `npx shadcn@latest add @blank/table`
- [Tabs](https://useblank.design/docs/components/tabs): Free — Panels of content shown one at a time. — `npx shadcn@latest add @blank/tabs`
- [Tags Input](https://useblank.design/docs/components/tags-input): Free — A text field that turns entries into removable tags: Enter or comma adds, Backspace removes, paste splits. — `npx shadcn@latest add @blank/tags-input`
- [Task Card](https://useblank.design/docs/marketing/task-card): Pro — A board card for a task with priority, labels, assignees and meta. — `npx shadcn@latest add @blank-pro/task-card`
- [Terminal Window](https://useblank.design/docs/mockups/terminal-window): Free — Terminal chrome with a title bar, prompt-led command lines, coloured output lines and an optional typing animation. — `npx shadcn@latest add @blank/terminal-window`
- [Text Animate](https://useblank.design/docs/animations/text-animate): Free — Reveals text by word, character or line with ten motion presets. — `npx shadcn@latest add @blank/text-animate`
- [Text Rotate](https://useblank.design/docs/animations/text-rotate): Pro — Rotates through texts with staggered per-character, per-word or per-line animation: six presets, custom keyframes, a controllable index and a ref with next, previous, jumpTo, pause and play. Pauses offscreen, in background tabs and on hover. — `npx shadcn@latest add @blank-pro/text-rotate`
- [Textarea](https://useblank.design/docs/components/textarea): Free — A multi-line text field. — `npx shadcn@latest add @blank/textarea`
- [Time Picker](https://useblank.design/docs/components/time-picker): Free — A segmented time field: hours, minutes, optional seconds and AM/PM, each a keyboard-steppable spin button. — `npx shadcn@latest add @blank/time-picker`
- [Timeline](https://useblank.design/docs/components/timeline): Free — A vertical or horizontal sequence of dated events with indicators, titles and content. — `npx shadcn@latest add @blank/timeline`
- [Toggle](https://useblank.design/docs/components/toggle): Free — A two-state button that stays pressed. — `npx shadcn@latest add @blank/toggle`
- [Toggle Group](https://useblank.design/docs/components/toggle-group): Free — A set of toggles that act as one control. — `npx shadcn@latest add @blank/toggle-group`
- [Tooltip](https://useblank.design/docs/components/tooltip): Free — A short hint shown on hover or focus. — `npx shadcn@latest add @blank/tooltip`
- [Tracker](https://useblank.design/docs/components/tracker): Free — An uptime strip of status blocks with tooltips and keyboard navigation. — `npx shadcn@latest add @blank/tracker`

## Blocks

- [Login 01](https://useblank.design/blocks/login-01): Pro — 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. — `npx shadcn@latest add @blank-pro/login-01`
- [Login 02](https://useblank.design/blocks/login-02): Pro — 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). — `npx shadcn@latest add @blank-pro/login-02`
- [OTP 01](https://useblank.design/blocks/otp-01): Pro — An email verification screen with a six-digit one-time code input, verifying and verified states, and a resend countdown. — `npx shadcn@latest add @blank-pro/otp-01`
- [Signup 01](https://useblank.design/blocks/signup-01): Pro — 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. — `npx shadcn@latest add @blank-pro/signup-01`
- [Bento 01](https://useblank.design/blocks/bento-01): 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. — `npx shadcn@latest add @blank-pro/bento-01`
- [Bento 02](https://useblank.design/blocks/bento-02): Pro — 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. — `npx shadcn@latest add @blank-pro/bento-02`
- [Bento 03](https://useblank.design/blocks/bento-03): Pro — 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. — `npx shadcn@latest add @blank-pro/bento-03`
- [Bento 04](https://useblank.design/blocks/bento-04): Pro — 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. — `npx shadcn@latest add @blank-pro/bento-04`
- [Bento 05](https://useblank.design/blocks/bento-05): Pro — 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. — `npx shadcn@latest add @blank-pro/bento-05`
- [Bento 06](https://useblank.design/blocks/bento-06): Pro — 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. — `npx shadcn@latest add @blank-pro/bento-06`
- [Bento 07](https://useblank.design/blocks/bento-07): Pro — 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. — `npx shadcn@latest add @blank-pro/bento-07`
- [Bento 08](https://useblank.design/blocks/bento-08): Pro — 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. — `npx shadcn@latest add @blank-pro/bento-08`
- [Billing 01](https://useblank.design/blocks/billing-01): Pro — 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. — `npx shadcn@latest add @blank-pro/billing-01`
- [Blog 01](https://useblank.design/blocks/blog-01): Pro — 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. — `npx shadcn@latest add @blank-pro/blog-01`
- [Changelog 01](https://useblank.design/blocks/changelog-01): Pro — A release timeline with sticky version badges and dates, release summaries, a terminal snippet and changes grouped under New, Improved, Fixed and Breaking. — `npx shadcn@latest add @blank-pro/changelog-01`
- [Chat 01](https://useblank.design/blocks/chat-01): Pro — 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. — `npx shadcn@latest add @blank-pro/chat-01`
- [Contact 01](https://useblank.design/blocks/contact-01): Pro — 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. — `npx shadcn@latest add @blank-pro/contact-01`
- [CTA 01](https://useblank.design/blocks/cta-01): Free — A centered call-to-action on a raised bento surface with soft light, a primary and a secondary button, and a short reassurance line. — `npx shadcn@latest add @blank/cta-01`
- [CTA 02](https://useblank.design/blocks/cta-02): Pro — 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. — `npx shadcn@latest add @blank-pro/cta-02`
- [CTA 03](https://useblank.design/blocks/cta-03): Pro — A call-to-action on a raised bento surface with soft light, an announcement badge, two buttons and a copyable install command. — `npx shadcn@latest add @blank-pro/cta-03`
- [Dashboard 01](https://useblank.design/blocks/dashboard-01): Pro — 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. — `npx shadcn@latest add @blank-pro/dashboard-01`
- [Dashboard 02](https://useblank.design/blocks/dashboard-02): Pro — 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. — `npx shadcn@latest add @blank-pro/dashboard-02`
- [Dashboard 03](https://useblank.design/blocks/dashboard-03): Pro — 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. — `npx shadcn@latest add @blank-pro/dashboard-03`
- [Dashboard 04](https://useblank.design/blocks/dashboard-04): Pro — 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. — `npx shadcn@latest add @blank-pro/dashboard-04`
- [Dashboard 05](https://useblank.design/blocks/dashboard-05): Pro — 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. — `npx shadcn@latest add @blank-pro/dashboard-05`
- [Dashboard 06](https://useblank.design/blocks/dashboard-06): Pro — 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. — `npx shadcn@latest add @blank-pro/dashboard-06`
- [Dashboard 07](https://useblank.design/blocks/dashboard-07): Pro — 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. — `npx shadcn@latest add @blank-pro/dashboard-07`
- [Dashboard 08](https://useblank.design/blocks/dashboard-08): Pro — 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. — `npx shadcn@latest add @blank-pro/dashboard-08`
- [Empty States 01](https://useblank.design/blocks/empty-states-01): Pro — 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. — `npx shadcn@latest add @blank-pro/empty-states-01`
- [FAQ 01](https://useblank.design/blocks/faq-01): Pro — A two-column FAQ: a sticky heading with a support card on the left and a grouped accordion of questions on the right. — `npx shadcn@latest add @blank-pro/faq-01`
- [FAQ 02](https://useblank.design/blocks/faq-02): Pro — A centered FAQ with category tabs, each tab holding a grouped accordion of questions. — `npx shadcn@latest add @blank-pro/faq-02`
- [Features 01](https://useblank.design/blocks/features-01): Free — 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. — `npx shadcn@latest add @blank/features-01`
- [Features 02](https://useblank.design/blocks/features-02): Pro — 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. — `npx shadcn@latest add @blank-pro/features-02`
- [Features 03](https://useblank.design/blocks/features-03): Pro — 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. — `npx shadcn@latest add @blank-pro/features-03`
- [Features 04](https://useblank.design/blocks/features-04): Pro — 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. — `npx shadcn@latest add @blank-pro/features-04`
- [Footer 01](https://useblank.design/blocks/footer-01): Free — A four-column link footer with a logo, a newsletter field with a subscribed state, a live status link and social icon buttons. — `npx shadcn@latest add @blank/footer-01`
- [Footer 02](https://useblank.design/blocks/footer-02): Pro — A minimal one-row footer with a logo, copyright line, quiet links and social icon buttons that wraps cleanly on small screens. — `npx shadcn@latest add @blank-pro/footer-02`
- [Footer 03](https://useblank.design/blocks/footer-03): Pro — 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. — `npx shadcn@latest add @blank-pro/footer-03`
- [Hero 01](https://useblank.design/blocks/hero-01): Free — 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. — `npx shadcn@latest add @blank/hero-01`
- [Hero 02](https://useblank.design/blocks/hero-02): Pro — 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. — `npx shadcn@latest add @blank-pro/hero-02`
- [Hero 03](https://useblank.design/blocks/hero-03): Pro — 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. — `npx shadcn@latest add @blank-pro/hero-03`
- [Hero 04](https://useblank.design/blocks/hero-04): Pro — 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. — `npx shadcn@latest add @blank-pro/hero-04`
- [Hero 05](https://useblank.design/blocks/hero-05): Pro — 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. — `npx shadcn@latest add @blank-pro/hero-05`
- [Inbox 01](https://useblank.design/blocks/inbox-01): Pro — 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. — `npx shadcn@latest add @blank-pro/inbox-01`
- [Kanban 01](https://useblank.design/blocks/kanban-01): Pro — 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. — `npx shadcn@latest add @blank-pro/kanban-01`
- [Logos 01](https://useblank.design/blocks/logos-01): Pro — 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. — `npx shadcn@latest add @blank-pro/logos-01`
- [Logos 02](https://useblank.design/blocks/logos-02): Pro — 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. — `npx shadcn@latest add @blank-pro/logos-02`
- [Navbar 01](https://useblank.design/blocks/navbar-01): Pro — 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. — `npx shadcn@latest add @blank-pro/navbar-01`
- [Navbar 02](https://useblank.design/blocks/navbar-02): Pro — 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. — `npx shadcn@latest add @blank-pro/navbar-02`
- [Navbar 03](https://useblank.design/blocks/navbar-03): Pro — 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. — `npx shadcn@latest add @blank-pro/navbar-03`
- [Newsletter 01](https://useblank.design/blocks/newsletter-01): Pro — An inline newsletter signup with email validation, an animated subscribed state and a row of recent issues. — `npx shadcn@latest add @blank-pro/newsletter-01`
- [Onboarding 01](https://useblank.design/blocks/onboarding-01): Pro — 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. — `npx shadcn@latest add @blank-pro/onboarding-01`
- [Pricing 01](https://useblank.design/blocks/pricing-01): Free — 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. — `npx shadcn@latest add @blank/pricing-01`
- [Pricing 02](https://useblank.design/blocks/pricing-02): Pro — 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. — `npx shadcn@latest add @blank-pro/pricing-02`
- [Pricing 03](https://useblank.design/blocks/pricing-03): Pro — 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. — `npx shadcn@latest add @blank-pro/pricing-03`
- [Settings 01](https://useblank.design/blocks/settings-01): Pro — 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. — `npx shadcn@latest add @blank-pro/settings-01`
- [Stats 01](https://useblank.design/blocks/stats-01): Pro — 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. — `npx shadcn@latest add @blank-pro/stats-01`
- [Stats 02](https://useblank.design/blocks/stats-02): Pro — 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. — `npx shadcn@latest add @blank-pro/stats-02`
- [Data Table 01](https://useblank.design/blocks/data-table-01): Pro — 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. — `npx shadcn@latest add @blank-pro/data-table-01`
- [Team 01](https://useblank.design/blocks/team-01): Pro — 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. — `npx shadcn@latest add @blank-pro/team-01`
- [Testimonials 01](https://useblank.design/blocks/testimonials-01): Pro — A masonry grid of quote cards with initials avatars, names and roles under a calm heading. — `npx shadcn@latest add @blank-pro/testimonials-01`
- [Testimonials 02](https://useblank.design/blocks/testimonials-02): Pro — 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. — `npx shadcn@latest add @blank-pro/testimonials-02`
- [Testimonials 03](https://useblank.design/blocks/testimonials-03): Pro — Two rows of quote cards drifting in opposite directions on the Marquee, pausing on hover, off-screen and under reduced motion. — `npx shadcn@latest add @blank-pro/testimonials-03`

## Optional

- [Pricing](https://useblank.design/pricing): Free, Pro and Team plans
- [Component gallery](https://useblank.design/components)
- [Block gallery](https://useblank.design/blocks)