# ReUI, full catalog

> 1,264 free shadcn/ui examples across 87 categories, 27 ReUI primitives, 654 Pro blocks in 7 groups, 667 motion icons. The index is at https://reui.io/llms.txt; this file lists every block and example, one line each. Every block and example page listed also answers as markdown at its URL plus `.md`, with its guidance for agents.

Install rule: ReUI items install with the shadcn CLI as `@reui/<name>` (`npx shadcn@latest add @reui/<name>`) or through the hosted MCP server (`https://mcp.reui.io`). For a block or example below, `<name>` is the last segment of its URL. Pro blocks and icons need a license key on the `@reui` registry entry. Stock shadcn/ui components are not ReUI items: install them by bare name (`npx shadcn@latest add button`). Templates are not registry items either: download each one from its page.

## Pro blocks (654)

Full-page sections in 7 groups: Application, Data Grid, Charts, Solutions, AI & Agents, eCommerce, Marketing. Every block ships in 8 design styles, on Base UI and on Radix. Licensed: https://reui.io/pricing.

### Application: App Shell (35)

- [Collapsible icon-rail sidebar app shell with workspace switcher, nested nav, and user menu](https://reui.io/blocks/application/app-shell/app-shell-1): Dashboard app shell with an icon-collapsible sidebar: workspace switcher, nested platform nav with count badges, pinned resources with row action menus, theme toggle, breadcrumb header. ReUI Badge, shadcn Sidebar, DropdownMenu, Avatar, Breadcrumb.
- [Floating icon-collapsible sidebar shell with command-K search, nested nav, and workspace switcher](https://reui.io/blocks/application/app-shell/app-shell-2): App shell with a floating collapsible-to-icon Sidebar, command-K search Dialog, nested Platform nav with a live status pulse, workspace switcher Dropdown, and Breadcrumb header. Uses Sidebar, Breadcrumb, Avatar, Dialog, Kbd. Dashboard, admin panel.
- [Inset sidebar app shell with per-project progress rings and a multi-type notifications popover](https://reui.io/blocks/application/app-shell/app-shell-3): Inset collapsible sidebar dashboard shell with workspace switcher, command search, project donut progress rings, usage limit meter, and notifications popover. ReUI Frame, Badge, Rating plus shadcn Sidebar, Popover, DropdownMenu, Progress, Avatar.
- [Mail inbox app shell with icon-rail folder sidebar, wide message list, and selected-message action header](https://reui.io/blocks/application/app-shell/app-shell-4): Mail and inbox shell: folder icon rail plus a wide 440px message list with live search, filter tabs, rich preview rows, and a selected-message action header (reply, star, delete). ReUI Badge, shadcn Sidebar, Tabs, Avatar, DropdownMenu.
- [Calendar app shell, icon-rail sidebar switching Calendar, Schedule, Contacts, Notifications panels](https://reui.io/blocks/application/app-shell/app-shell-5): Calendar workspace with a dual-pane icon-rail Sidebar swapping mini-Calendar accounts, date-grouped Schedule, searchable Contacts, and Notifications. Uses ReUI Badge with shadcn Sidebar, Calendar, Avatar, DropdownMenu.
- [Dual Sidebar App Shell with Dark Nav Rail and Slide-In Calendar Context Panel](https://reui.io/blocks/application/app-shell/app-shell-6): Three-column workspace shell: dark collapsible nav rail with command search, team list and usage meter, breadcrumb header, and a slide-in right Calendar panel with agenda and account toggles. ReUI Frame, Badge, Rating plus shadcn Sidebar, Calendar.
- [Breadcrumb-switcher sidebar app shell with org/app/environment dropdowns and a live system monitor popover](https://reui.io/blocks/application/app-shell/app-shell-7): Header-first shell with a breadcrumb of org, app, and environment switcher dropdowns, a live system monitor popover with resource sparklines, command-palette search, and collapsible nested sidebar nav. shadcn Badge, Kbd, Sidebar, DropdownMenu.
- [Inset icon-rail sidebar app shell with per-section secondary nav, org/app/env switchers, and notifications](https://reui.io/blocks/application/app-shell/app-shell-8): Two-level dashboard shell: icon rail plus a per-section secondary nav with live-metric/storage footers, org/app/env switchers, command-K search, and notifications drawer. ReUI Badge, Rating; shadcn Sidebar, Sheet, Dialog. Inventory, ops admin.
- [Dark inset-sidebar team workspace shell with member presence rail and notifications feed](https://reui.io/blocks/application/app-shell/app-shell-9): Dark collapsible-sidebar team shell: presence member rail, notifications feed, command search, AI-credit usage card, workspace switcher. ReUI Frame, Badge; shadcn Sidebar, Avatar, DropdownMenu, Progress. For SaaS dashboards and team apps.
- [AI Agents App Shell with Collapsible Sidebar, Active-Project Rings, and Rich Notifications](https://reui.io/blocks/application/app-shell/app-shell-10): Inset sidebar shell for an AI agents console: command-K search, collapsible agent nav, projects with progress rings, usage-limit card, org and theme switcher, notifications popover. ReUI Frame, Badge, Rating; shadcn Sidebar, Popover, DropdownMenu.
- [Operations sidebar app shell with four toggleable regions and a resizable bottom workbench sheet](https://reui.io/blocks/application/app-shell/app-shell-11): Dense operations console: collapsible nav, resizable split panes, an expandable bottom workbench sheet, and a right calendar and agenda rail. ReUI Badge, Frame, Rating with shadcn Sidebar, Resizable, Tabs, Calendar. Admin shell, SaaS dashboard.
- [Icon-rail sidebar app shell with command-K search, notifications feed, apps grid, and theme menu](https://reui.io/blocks/application/app-shell/app-shell-12): Dashboard shell: collapsible icon-rail sidebar with nested nav, Soon badges, and project progress rings, plus a header command-K search, rich notifications feed, apps grid, and theme account menu. ReUI Badge, Rating; shadcn Sidebar, Popover, Dialog.
- [Community feed app shell with full-width header above a collapsible icon-rail sidebar](https://reui.io/blocks/application/app-shell/app-shell-13): Full-width header over a collapsible icon-rail sidebar for community feed apps. Search, Create button, avatar menu, theme toggle, grouped nav with badges, nested Manage Feeds dropdown. ReUI Badge, shadcn Sidebar, Button, Card, DropdownMenu, Avatar.
- [Mini icon-rail sidebar app shell with per-section secondary nav and a tabbed workspace toolbar](https://reui.io/blocks/application/app-shell/app-shell-14): Three-region workspace shell: icon rail, a toggleable secondary nav that swaps per section, and a toolbar with List, Kanban, Calendar, Dashboard tabs plus Sort, View, Filter, Search. ReUI Badge, shadcn Sidebar, Tabs, DropdownMenu, Avatar.
- [Dark full-width topbar app shell with workspace switcher, pinnable sidebar nav, and favorites](https://reui.io/blocks/application/app-shell/app-shell-15): Dashboard shell with a fixed dark topbar over an icon-collapsible sidebar: workspace switcher, pin/unpin nav with badges, favorites group, gradient Upgrade menu, team avatars. ReUI Badge, shadcn Sidebar, DropdownMenu, Avatar, Button, Card.
- [Dual sidebar app shell with icon rail and collapsible secondary navigation panel](https://reui.io/blocks/application/app-shell/app-shell-16): Two-level dashboard layout: icon rail plus a toggleable secondary nav that swaps per section, with workspace switcher, breadcrumb header, search, and account menu with theme toggle. ReUI Badge, shadcn Sidebar, DropdownMenu, Avatar.
- [AI chat assistant app shell with floating sidebar, model picker grid, and prompt composer](https://reui.io/blocks/application/app-shell/app-shell-17): AI chat workspace: floating collapsible sidebar with a GPT-4/Claude/Gemini model picker, pinned and recent threads, a welcome canvas, and an InputGroup composer. shadcn Sidebar, DropdownMenu, Avatar, ReUI Badge. LLM assistant, chatbot, copilot UI.
- [Task workspace app shell with collapsible floating sidebar and a toggleable AI chat assistant panel](https://reui.io/blocks/application/app-shell/app-shell-18): Three-panel to-do shell: floating Sidebar with task lists, count Badges, color tags and a Progress focus card, plus a toggleable AI chat panel (in-flow at desktop, Sheet on mobile). Built on ReUI Badge, shadcn Sidebar, Dialog, DropdownMenu.
- [Calendar app shell with inset sidebar date picker, up-next agenda, and Day/Week/Month view switcher](https://reui.io/blocks/application/app-shell/app-shell-19): Calendar app layout: inset Sidebar with a Calendar date picker, up-next agenda, calendars menu, account menu, and a header Day/Week/Month switcher. ReUI Badge, shadcn Sidebar, Calendar, DropdownMenu, Avatar. For scheduling apps and planners.
- [Mail client app shell with folder sidebar, split list and reading panes, and icon app rail](https://reui.io/blocks/application/app-shell/app-shell-20): Email workspace: inset Sidebar with account menu, compose dialog, folders, labels and contacts, a search and category-filter message list, a reading pane, and a right icon rail. shadcn Sidebar, Card, Empty, Dialog, ReUI Badge. Mail inbox, webmail UI.
- [AI chat app shell with resizable thread sidebar, collapsible icon rail, and model picker](https://reui.io/blocks/application/app-shell/app-shell-21): AI chat workspace: resizable thread sidebar collapsing to an icon rail, pinned and grouped chats, a search palette, and a header model picker with memory toggle. shadcn Resizable, Sidebar, Dialog, ReUI Badge. Chatbot UI, AI assistant, LLM chat.
- [Photo banner app shell with crossfading hero images, pixel dissolve, glass icon rail and pill nav](https://reui.io/blocks/application/app-shell/app-shell-22): Fleet operator console: sticky rail with a Robots section menu and account menu, a sonner access-request toast (host mounts Toaster), Sheet drawer below lg. shadcn Sidebar, DropdownMenu, Tooltip, ToggleGroup. Hero header dashboard, SaaS layout.
- [Team and project switcher topbar app shell with indented sidebar route groups and a 3x3 apps menu](https://reui.io/blocks/application/app-shell/app-shell-23): Operations admin layout: Transport, Inspection and Recharge mission templates and a 9-row notifications Sheet with approvals and ratings. shadcn Sidebar, Breadcrumb, DropdownMenu, Sheet; ReUI Badge, Rating, Icon Tile. Robotics, IoT dashboard.
- [Inset notifications sheet app shell with route search palette and topbar section pills](https://reui.io/blocks/application/app-shell/app-shell-24): Robotics ops shell: section nav folding into a bottom Drawer, ops toggles, presence status avatar badges and a sidebar footer account card. shadcn Sidebar, Sheet, Dialog, Drawer, DropdownMenu; ReUI Badge, Rating. Fleet admin, warehouse console.
- [Mission control app shell with icon rail, 4-tab missions panel and expandable robot event feeds](https://reui.io/blocks/application/app-shell/app-shell-25): Delivery robot dispatch console: per-mission tick chart, run stats, collapsible Scheduled, Active, Paused and Failed sections, and a header search that filters robots. ReUI Frame, Badge; shadcn Sidebar, Tabs, InputGroup. Fleet ops, logistics.
- [Security console app shell with icon scope tabs and a drag-to-reorder collapsible scope tree](https://reui.io/blocks/application/app-shell/app-shell-26): SOC dashboard layout: top bar with workspace picker, section pills, Cmd+K search, notifications feed and Run Scan; add or duplicate scopes. ReUI Sortable, Badge, Rating; shadcn Sidebar, Tabs, Drawer, Popover. SIEM, threat monitoring, admin UI.
- [Searchable route sidebar shell with a 48px icon rail fold and a Security, Assets, Events scope tree](https://reui.io/blocks/application/app-shell/app-shell-27): Robot fleet security console with no top bar: Cmd+F focuses route search, grip-handle sub-scope reordering, Add buttons that append draft rows, count and status badges. ReUI Sortable, Badge; shadcn Sidebar, Tabs, Sheet. SOC, IoT admin console.
- [Single rounded-panel app shell framing a grouped nav rail and body under top icon section tabs](https://reui.io/blocks/application/app-shell/app-shell-28): Robot admin console: section tabs collapse to a current-section dropdown and the rail to a Sheet below lg, Cmd+K search Dialog, 3-alert notifications menu. shadcn Sidebar, Sheet, DropdownMenu, ToggleGroup. Ops, logistics dashboard.
- [Section tile rail shell with a 3x3 tile grid, workspace tabs and a status-badged robot network tree](https://reui.io/blocks/application/app-shell/app-shell-29): Rail for robot, crew and event workspaces: tabs swap tile grids and trees, the rail folds to a tooltip icon strip or moves into a left Sheet under lg. ReUI Badge; shadcn Tabs, Collapsible, Sheet, DropdownMenu. Admin dashboard, device console.
- [Sidebar-free top nav app shell with an 8-tab segmented view track and a count-badge page header](https://reui.io/blocks/application/app-shell/app-shell-30): Robot delivery console: icon sections and view tabs fold into Sections and Workspace views dropdowns on small screens, plus Onboard Robot, New Mission and Open Chat actions. ReUI Badge, Rating; shadcn Tabs, Sheet, DropdownMenu. Top navbar admin.
- [Folder-tab workspace app shell with floating pill-group rail, color wash and assistant column](https://reui.io/blocks/application/app-shell/app-shell-31): Glassmorphism dashboard: 9 icon sections with a lit active rim, 3 SVG-cut tabs (Operations, Structure, Insights), a theme toggle that keeps the account menu open. shadcn Tabs, ToggleGroup, DropdownMenu, Sheet, Skeleton. Fleet console, AI copilot.
- [Fleet protection app shell with endpoint and threat counts, mission dialog and docked AI assistant](https://reui.io/blocks/application/app-shell/app-shell-32): Endpoint security console: Security, Assets, Events scope tree with drag-to-reorder and Add drafts, and an assistant that answers from fleet runbooks and shows what it read. ReUI Sortable, Badge; shadcn Dialog, Combobox, MessageScroller. EDR, SOC.
- [Fleet center app shell with an always-dark side card, pinnable view tiles and a connected apps rail](https://reui.io/blocks/application/app-shell/app-shell-33): Robot delivery console: a searchable 4-section scope tree with reorderable sub-scopes, count and status badges, Quick Add and System menus, a skeleton body. ReUI Sortable, Badge; shadcn Collapsible, InputGroup, DropdownMenu, Sheet. Fleet ops.
- [3-way invoice matching app shell with a PO tree, linked check markers and a docked AI advisor](https://reui.io/blocks/application/app-shell/app-shell-34): Accounts payable review console: order search, a Review, Ready, Overdue filter, 3 checks per PO with issue count badges, and an AI advisor that answers from AP policies. ReUI Badge, Frame; shadcn Collapsible, Tabs, MessageScroller. Procure-to-pay.
- [Whiteboard app shell with a fixed icon rail, centered board view tabs and editing-now avatars](https://reui.io/blocks/application/app-shell/app-shell-35): Whiteboard workspace layout: an icon rail that becomes a left sheet below md, and 4 board views that fold into a bottom drawer below lg. Share, Export and a board menu with a Delete Board confirm. shadcn Sidebar, Drawer, Tabs, AlertDialog.

### Application: Auth (20)

- [Split-screen login page with animated grid backdrop and editorial image panel](https://reui.io/blocks/application/auth/auth-1): Sign-in page pairing an email or username and password form with show/hide toggle and Google plus Apple buttons over a masked animated grid and a full-height photo. Uses shadcn Field, InputGroup, Separator, Button, Card. Login, auth, sign in screen.
- [Split-screen login with an autoplay founder testimonial carousel and Trustpilot rating panel](https://reui.io/blocks/application/auth/auth-2): Email or username and password sign-in with show/hide toggle and Google, Apple, GitHub buttons, beside a dark panel with an autoplay founder testimonial carousel and Trustpilot rating. shadcn Carousel, Card, Field, InputGroup. Login, social auth.
- [Split-screen magic-link sign-in with testimonial and trust-brand sidebar on a dot-grid canvas](https://reui.io/blocks/application/auth/auth-3): Passwordless magic-link sign-in with a single work-email field and Google, Apple, GitHub buttons, beside a testimonial and trust-brand sidebar on a twinkling dot canvas. shadcn Field, Input, Button, Avatar, Separator. Login, passwordless auth.
- [Split-screen magic-link sign-in with left image sidebar and social login buttons](https://reui.io/blocks/application/auth/auth-13): Magic-link login page: work email field sends a secure sign-in link, plus Google, Apple, and GitHub social buttons. Two-column split with a full-cover image sidebar. ReUI Frame, shadcn Field, Input, Button, Separator.
- [Framed password sign-in card with email or username, social provider row, and footer nav](https://reui.io/blocks/application/auth/auth-4): Login on a noise-textured background: ReUI Frame card with email-or-username and password fields, show/hide toggle, full-width submit, plus a Google/Apple/GitHub row and footer nav. shadcn Field, Input, InputGroup, Button. Sign in / log in page.
- [Split-screen workspace sign-in with animated stacked media panel and social SSO](https://reui.io/blocks/application/auth/auth-14): Two-column workspace login page: email and password with show/hide toggle, forgot-password, and Google, Apple, GitHub SSO buttons beside an auto-cycling stacked photo panel. Uses Field, Input, InputGroup, Button, Separator.
- [Split-screen marketing trial signup page with animated gradient blob background and social login](https://reui.io/blocks/application/auth/auth-5): Full-page registration with a marketing hero, OAuth buttons (Google, GitHub), email and show/hide password fields, and a brand logo trust strip over drifting gradient blobs. ReUI Frame, shadcn Button, Field, InputGroup, Separator.
- [Split magic-link sign-in with a framed testimonial and customer logo wall trust sidebar](https://reui.io/blocks/application/auth/auth-10): Split passwordless login: magic-link email field plus Google, Apple, and GitHub SSO, beside a Frame trust card with a star-rated testimonial and brand logo wall. ReUI Frame; shadcn Field, Input, Button, Avatar. Login, social auth, SaaS onboarding.
- [Split-screen login with social OAuth and testimonial sidebar over an animated grid background](https://reui.io/blocks/application/auth/auth-6): Two-column sign-in page: email or username, password with show/hide toggle, Forgot password, and Google/Apple/GitHub OAuth, beside a customer testimonial and brand-logo panel on an animated grid. Uses Button, Input, InputGroup, Field, Separator.
- [Split-screen login with testimonial sidebar and animated dot backdrop](https://reui.io/blocks/application/auth/auth-11): Two-column login: email or username plus password with show/hide toggle, Google and Apple buttons, and a sidebar with a star-rated testimonial and trust-brand wordmarks over a twinkling dot canvas. shadcn Field, InputGroup, Button, Separator, Avatar.
- [Full-page sign-in with app header, SSO and email-continue form, and customer logo trust strip footer](https://reui.io/blocks/application/auth/auth-16): Single-column sign-in: app header with create-workspace link, centered Google, GitHub, and SSO buttons over one work-email Continue field, plus a footer customer logo wall. shadcn Button, Field, Input, Separator. Login, social auth, SaaS onboarding.
- [Blueprint-framed passwordless sign-in card with magic-link email and customer trust logos](https://reui.io/blocks/application/auth/auth-7): Centered dark magic-link sign-in: email field sends a sign-in link, with Google, Apple and GitHub OAuth, a dashed crosshair-cornered frame, and a customer logo trust strip. Uses Button, Field, InputGroup. For login and auth pages.
- [Split login method picker with passkey, SAML SSO, and a framed brand-logo testimonial sidebar](https://reui.io/blocks/application/auth/auth-12): Login with Google, email, WebAuthn passkey, SAML SSO, and backup code, a two-step email reveal, and a framed sidebar with an animated brand-logo grid and rotating star testimonials. ReUI Alert; shadcn Button, Field, Input, Avatar. Sign-in, SSO.
- [Centered Frame login card over a softened photo backdrop with social provider sign-in](https://reui.io/blocks/application/auth/auth-8): Single-card sign-in centered on a blurred Unsplash photo with noise grain: email or username and password fields, show/hide toggle, Forgot password, and Google, Apple, GitHub buttons. ReUI Frame; shadcn Field, InputGroup, Button. Login page.
- [Split magic-link sign-in with an animated brand-logo grid sidebar and rotating star testimonial](https://reui.io/blocks/application/auth/auth-9): Split passwordless login: a work-email field emails a 15-minute magic link, with Google, Apple, GitHub buttons, beside a sidebar of brand logos animating in a grid under a rotating star testimonial. shadcn Field, Input, Button, Avatar. Login, auth.
- [Passwordless workspace sign-in page with magic-link work email and Google plus GitHub login](https://reui.io/blocks/application/auth/auth-19): Full-page login screen that emails a secure sign-in link to an approved work address, with Google and GitHub OAuth buttons above an or divider. Built from shadcn Card, Field, InputGroup, Separator, Button. For SSO, magic link, passwordless signin.
- [Centered magic-link email login with logo, social sign-in buttons, and legal footer](https://reui.io/blocks/application/auth/auth-15): Passwordless email login that sends a magic link, plus Google, Apple, and GitHub sign-in and a terms and copyright footer. Built with shadcn InputGroup, Field, Button, Separator. For login, SSO, passwordless auth screens.
- [Centered login method picker with WebAuthn passkey sign-in and email reveal step](https://reui.io/blocks/application/auth/auth-17): Two-step sign-in: a centered method picker (Google, email, SAML SSO, passkey, backup code) that reveals an email field, with real WebAuthn passkey auth and toasts. Uses shadcn Button, Input, Field, Item and ReUI Alert. Login / auth page.
- [Split-screen sign-in with testimonial sidebar, social login, and password show/hide toggle](https://reui.io/blocks/application/auth/auth-18): Two-column login: email or username field, password Input with show/hide toggle, Google and Apple buttons, plus a testimonial and trust-brand sidebar. Uses shadcn Field, InputGroup, Avatar, Item, Separator, Button. For login and sign-in pages.
- [Centered sign-in card with Google and Apple buttons, password visibility toggle, and email login](https://reui.io/blocks/application/auth/auth-20): Login page with social sign-in (Google, Apple), an email or username field, and a show or hide password toggle, plus forgot-password and create-account links. Built on shadcn Card, Field, Input, InputGroup, Button, and Separator.

### Application: Card (43)

- [Brand logo grid card with centered icon tile and linked name per company](https://reui.io/blocks/application/card/card-1): Responsive grid of compact brand cards, each centering a company logo in a bordered tile over a linked name. ReUI Frame plus shadcn Item, ItemMedia. For integrations, partners, tech stack, or logo wall.
- [Feature highlights grid of icon-tile cards with a faded dot-pattern background](https://reui.io/blocks/application/card/card-2): Container-query feature cards that scale from one to four columns, each pairing a bordered icon tile, linked title, and muted blurb over a dotted backdrop. ReUI Frame, shadcn Item. For benefits, services, capabilities sections.
- [Investor profile card with availability badge, stats strip, and ranked funding sources list](https://reui.io/blocks/application/card/card-3): Investor profile card: avatar, name, status badge, three-column stats strip, and a ranked funding sources list with colored icon tiles and amounts. ReUI Frame, Badge plus shadcn Item, AspectRatio, Button. For fundraising, VC, fund directory cards.
- [Colorful dark KPI stat cards with trend badge, grid-mesh background, and footer report link](https://reui.io/blocks/application/card/card-4): Grid of dark metric cards on colored panels, each with a big value, an up-trend Badge with percent, an icon tile, and a footer report link. Built with ReUI Frame and Badge plus shadcn Item for KPI, stats, and analytics dashboards.
- [Integration Cards with Brand Logo, Connector Diagram, and Tier Badge over a Dotted Backdrop](https://reui.io/blocks/application/card/card-5): Integration cards pairing a brand logo (Resend, PayPal, Supabase) with flanking icons on a dashed connector line over a dotted canvas, plus a title link, tier Badge, and blurb. ReUI Frame, Badge, shadcn Item. Marketplace, connectors, plugins.
- [Numbered setup-step card grid with ordinal labels and a responsive one to four column Frame layout](https://reui.io/blocks/application/card/card-6): Onboarding or setup walkthrough showing numbered steps (0.1 to 0.4) as titled, hover-linked cards in a responsive container-query grid that flows one to four columns. Built on ReUI Frame and FramePanel. For getting-started and how-it-works sections.
- [Detail stat card grid with label, value, and swappable logo, badge, or avatar group accent](https://reui.io/blocks/application/card/card-7): Responsive grid of compact detail cards, each with a labeled value plus a trailing brand logo, status Badge, or stacked Avatar group. Uses ReUI Frame, Badge and shadcn Avatar. For dashboards, company, profile, and metric cards.
- [Service status card grid with icon box, linked title, color-coded status dot and timestamp](https://reui.io/blocks/application/card/card-8): Three-column grid of status cards, each pairing an icon box, a linked title, a color-coded status dot and label (Online, Synced, Idle) and a timestamp on a dot-pattern panel. ReUI Frame, shadcn Item. For infrastructure and uptime monitoring.
- [Applicant profile card with detail columns, copy-action contact fields, and skill badges](https://reui.io/blocks/application/card/card-9): Horizontal candidate summary card: labeled columns for role, location, and contact with copy-icon buttons, plus a wrapped skill-badge row over a dot-pattern panel. ReUI Frame, Badge, shadcn Button. For ATS, recruiting, and applicant detail views.
- [Color-tinted stacked Frame cards with date header, actions menu, and category badges](https://reui.io/blocks/application/card/card-10): Responsive card grid of pastel stacked Frames, each with an uppercase date, ReUI Frame and Badge plus shadcn DropdownMenu, Button, and Separator. For reports, updates, announcements, and activity feeds.
- [Minimal text-only notice card grid with accent label and faded dot-pattern background](https://reui.io/blocks/application/card/card-11): Responsive container-query grid of text-only notice cards built on the ReUI Frame, each pairing an accent-colored label with a description over a faded dotted SVG pattern. For reminders, tips, alerts, status callouts.
- [Compact icon-and-title link card grid, no description text, built on ReUI Frame](https://reui.io/blocks/application/card/card-12): Responsive grid of clickable cards, each a link with a top icon and title only and no body copy, with hover and focus-ring states. Uses ReUI Frame and FramePanel. For category tiles, quick-link menus, dashboard navigation, and feature shortcuts.
- [Two-column card grid with link title, description, and a row of bordered logo chips](https://reui.io/blocks/application/card/card-13): Showcase sponsors, affiliates, or integration partners: each card pairs a hover link heading and muted description with a wrap of bordered brand logo badges. Built with ReUI Frame and shadcn Item.
- [Delivery tracking card with icon-labeled detail rows, status badge, header menu, and notes section](https://reui.io/blocks/application/card/card-14): Single order delivery card showing address, ETA, and tracking number as icon rows with a Home badge, a notes block, and a header actions menu. Built with ReUI Frame and Badge plus shadcn Item, DropdownMenu, Button. Order tracking, shipment status.
- [Meeting cards grid with attendee avatars, duration badge, and a Join Meeting link](https://reui.io/blocks/application/card/card-15): Two-column grid of agenda meeting cards: title, time, duration badge, attendee AvatarGroup with overflow count, kebab menu, and a Google Meet Join link. ReUI Frame, Badge with shadcn Avatar, DropdownMenu, Button. For calendars, schedules, agendas.
- [Dark integration app card with patterned header, status badge, ellipsis menu and avatar group](https://reui.io/blocks/application/card/card-16): Integration card for app marketplaces: patterned dark header with status Badge and ellipsis DropdownMenu, brand logo, title, description, user AvatarGroup and full-width outline Button. Uses ReUI Frame, Badge with shadcn Avatar, Button, DropdownMenu.
- [Shortcut cards grid with colored icon tiles, dotted canvas backdrop, and a labeled action link](https://reui.io/blocks/application/card/card-17): Responsive grid of navigation shortcut cards, each with a colored rounded icon tile, a masked dot-pattern canvas background, title, description, and a chevron action link. ReUI Frame, FramePanel with shadcn Item. Quick links, hub, launcher, jump-to.
- [Compact info card grid with icon-label header, description, and source link in framed panels](https://reui.io/blocks/application/card/card-18): Responsive 3-column grid of compact info cards using ReUI Frame, FrameHeader, and FramePanel. Each card pairs an icon-and-label header with a short description and an underlined source link. For stat tiles, resource lists, or dashboard cards.
- [Crypto asset price card with ticker, large quote, percent-change delta and Follow plus Trade actions](https://reui.io/blocks/application/card/card-19): Asset overview card showing a market ticker, large price quote, green percent-change delta, last-updated time, and outline Follow plus primary Trade buttons. ReUI Frame, shadcn Button. For crypto, stock, watchlist, and trading dashboards.
- [Help center guide cards grid with colored icon badge and bordered article link list](https://reui.io/blocks/application/card/card-20): Three-up help center grid where each ReUI Frame card pairs a colored icon badge, title, and summary with a bordered list of guide links carrying arrow icons. Docs hub, knowledge base, resource directory. Built with ReUI Frame and shadcn Item.
- [Project task cards grid with client name, due-date countdown, and share action](https://reui.io/blocks/application/card/card-21): Three-column grid of project cards, each with an icon badge, project title link, client name, and a Due countdown. Built with ReUI Frame, shadcn Button and Item. For project lists, task boards, deadlines.
- [Centered promo card with overlapping tilted image pair, pill badge, and rounded CTA button](https://reui.io/blocks/application/card/card-22): Vertical promo card pairing two rotated, overlapping square thumbnails with an outline Badge, heading, subtext, and icon Button. For upsell, demo, feature highlight, or onboarding tiles. Built with ReUI Frame plus shadcn AspectRatio, Badge, Button.
- [AI monitoring promo card with stacked Frame, 24/7 uptime metric, integration logo tiles, and CTA](https://reui.io/blocks/application/card/card-23): Stacked two-panel ReUI Frame promo: a large 24/7 monitoring metric over a faded grid with AI integration logo tiles, plus a headline, blurb, and shadcn Button CTA. For uptime, monitoring, and SaaS marketing cards.
- [Recommended job role card with company logo, location, work mode, and salary meta row](https://reui.io/blocks/application/card/card-24): Job recommendation card with company logo tile, role title, and an icon meta row for location, work mode, and salary, plus a description and Quick Apply / View Details buttons. ReUI Frame, shadcn Button, Separator. Job board, careers, hiring.
- [Account balance summary card grid with colored icon tiles and signed percent-change indicators](https://reui.io/blocks/application/card/card-25): Multi-account balance overview: per-account cards showing balance, type label, and color-coded gain/loss delta with a colored icon tile. Built on ReUI Frame, FramePanel, and shadcn Item. For wallet, treasury, and finance dashboards.
- [Three-column metric card grid with icon-and-label headers and linked titles in framed panels](https://reui.io/blocks/application/card/card-26): Responsive 3-up grid of compact stat cards built on the ReUI Frame, each with an icon and label header plus a panel holding a clickable title link and muted description. For dashboard metrics, KPI summaries, and overview tiles.
- [Horizontal application summary card with labeled metadata columns, status dot, and team avatar group](https://reui.io/blocks/application/card/card-27): Single-row record card with details in labeled columns (created, status, mobile, email, domain, team), a green status dot, info Badge, and overflow avatar group on a faded dot grid. ReUI Frame, Badge, shadcn Avatar group. Account summary row.
- [KPI metric card grid with two-tone numeric values and per-panel trend Badge with period label](https://reui.io/blocks/application/card/card-28): Responsive 1 to 4 column stat grid where each panel shows a large two-tone value with faint decimals, a metric label, and an up or down trend Badge with percent and period. ReUI Frame, FramePanel, Badge. Dashboard KPIs, analytics tiles.
- [KPI metric stat grid in a bordered frame with per-cell area charts and trend badges](https://reui.io/blocks/application/card/card-29): Dashboard KPI stat grid: bordered Frame splits into metric cells, each with an icon, large value, delta Badge, and an area chart. ReUI Frame, FramePanel, Badge. Analytics overview, stats cards, metric tiles.
- [Stat card grid with icon tile, actions menu, and trend badge per metric](https://reui.io/blocks/application/card/card-30): Responsive metric card grid (1 to 4 columns); each tile has an icon, large value, label, colored status badge with trend arrow, and an actions dropdown (Edit, Copy, Delete). KPI dashboard, analytics summary. ReUI Frame, Badge; shadcn DropdownMenu.
- [KPI stat cards in a responsive grid with faded line-grid backgrounds and glossy colored icon tiles](https://reui.io/blocks/application/card/card-31): Four-up metric cards showing a big number, label, and a colored icon tile over a masked square-mesh grid pattern. Built on ReUI Frame and FramePanel. For dashboards, analytics overviews, and KPI stat summaries.
- [Horizontal stats summary card with labeled metric columns, status icons, and a team avatar group](https://reui.io/blocks/application/card/card-32): Single-row summary splitting metrics across divided columns, each with a colored status icon, value, and unit, plus an overflow team avatar column. Built with ReUI Frame and shadcn Avatar, AvatarGroup. For compliance, security, or KPI overview cards.
- [Inventory stat card grid with gradient icon badge, dotted backdrop, and per-card actions menu](https://reui.io/blocks/application/card/card-33): Responsive four-up grid of inventory stat cards, each with a gradient icon badge, dotted backdrop, linked title, value, and an ellipsis menu (Edit, Copy link, Delete). Uses ReUI Frame, shadcn DropdownMenu, Item, Button. Dashboard KPIs and stats.
- [KPI metric cards with bold value, faint decimal fraction, and up or down trend badge per period](https://reui.io/blocks/application/card/card-34): Responsive grid of compact stat cards: each shows a metric label, large value with a faded decimal tail, and a colored trend Badge (up or down) with a period label. Built on ReUI Frame, FramePanel, Badge. For dashboards, analytics, KPI summaries.
- [KPI stat card grid with metric label, large value, and halftone dot-pattern backdrop](https://reui.io/blocks/application/card/card-35): Responsive grid of compact metric cards, each pairing a muted label with a bold value over a masked halftone dot pattern. Built on the ReUI Frame and FramePanel. For dashboard KPI tiles, stats overview, and analytics summary cards.
- [KPI stat card grid with big metric over label and a masked dot-grid backdrop](https://reui.io/blocks/application/card/card-36): Responsive container-query grid of compact KPI stat cards, each pairing a large metric value with a muted label over a masked dot-grid pattern. Built on ReUI Frame and FramePanel for dashboards, analytics, and metrics overviews.
- [Compact KPI stat tile grid with muted labels and green metric icons](https://reui.io/blocks/application/card/card-37): Responsive 3-column grid of compact KPI tiles, each a muted label over a green icon plus bold metric value (MRR, revenue, growth). Built on ReUI Frame and FramePanel for stats summaries, metric cards, company snapshots.
- [Horizontal stat strip card with divided metric columns and a dotted accent cell](https://reui.io/blocks/application/card/card-38): Horizontal KPI strip in a ReUI Frame: equal stat columns with bold value over muted label, hairline dividers, and a dotted-texture final cell. Profile or dashboard summary stats, metric row.
- [Icon-badge resource card grid linking to help, docs, and platform sections](https://reui.io/blocks/application/card/card-39): Responsive grid of clickable resource cards, each with an icon badge, title link, and short blurb. Built on ReUI Frame and FramePanel with shadcn Item and ItemMedia. For docs hubs, help centers, onboarding, and platform overview sections.
- [Compact two-column metric stat grid with large value, unit, and muted label tiles](https://reui.io/blocks/application/card/card-40): Two-column grid of metric tiles, each pairing a large value with a small unit and a muted label, for KPI summaries, fitness and activity stats, and dashboard quick stats. Built on ReUI Frame and FramePanel.
- [Topic Link Card Grid with Colored Icon Tiles and Hover Title Links](https://reui.io/blocks/application/card/card-41): Responsive grid of compact topic cards, each a colored icon tile, linked title, and one-line summary. Built on ReUI Frame with shadcn Item and ItemMedia. For help center topics, quick links, resource and feature shortcuts.
- [Profile card with verified name, online badge, team avatar group, stats row, and connect button](https://reui.io/blocks/application/card/card-42): Profile card with avatar, online status badge, verified name, company and email, team avatar group, 3-column stats row, and a Connected button. ReUI Frame with shadcn Avatar, AvatarGroup, Item, Separator, Button. For team, contact, or account cards.
- [Profile card with cover banner, verified avatar, and horizontal project portfolio rail](https://reui.io/blocks/application/card/card-43): Profile card with a desaturated cover banner, ring avatar with status badge and verified check, and a horizontal-scrolling portfolio rail of project thumbnails. Uses ReUI Frame, shadcn Avatar, ScrollArea, Button. For team or contributor profiles.

### Application: Dashboard (8)

- [Operations dashboard with KPI stat cards, capacity charts, and a filterable exception data grid](https://reui.io/blocks/application/dashboard/dashboard-1): Fulfillment control center: metric cards, shift performance, capacity allocation tabs, a donut flow chart, and a searchable paginated exception queue. Uses ReUI Frame, Badge, DataGrid plus Tabs, Select, Progress, breadcrumb, and a date-range picker.
- [Operations Dashboard with Sparkline Metric Cards and Searchable Module Data Grid](https://reui.io/blocks/application/dashboard/dashboard-2): Operations console: sticky navbar with team presence and invite, three area-chart metric cards, and a paginated module DataGrid with progress rings, search, sort, and status filters. ReUI DataGrid, Badge; shadcn Card, Avatar, Popover, DropdownMenu.
- [Project delivery dashboard with tabbed header and weekly per-person worklog timesheet grid](https://reui.io/blocks/application/dashboard/dashboard-3): Delivery workspace: tabbed header with breadcrumb and collaborator avatars, account summary cards, a filterable weekly worklog timesheet DataGrid with week navigation, integration cards and Empty tab states. ReUI Frame, DataGrid, Badge; shadcn Tabs.
- [Voice Agent Call Analytics Dashboard with Tabbed Metric Switcher and Composed Area Chart](https://reui.io/blocks/application/dashboard/dashboard-4): Call analytics overview for voice AI ops: six-metric tab switcher (calls, duration, cost, LLM cost) over a recharts area-line chart, ranked agent bars, and integration status list. ReUI Frame, Badge with shadcn Button, Select, Chart, Item.
- [Edge Security Telemetry Dashboard with KPI Sparkline Tiles, Threat Charts and Node Load Bars](https://reui.io/blocks/application/dashboard/dashboard-5): Security ops dashboard: 4 KPI tiles with SVG sparklines, threat-vector and network-flow charts, per-node cluster load bars, active threat progress lanes, date-range picker. ReUI Badge, shadcn Card, Chart, Breadcrumb. SOC, NOC, monitoring.
- [Field Workforce Coverage Dashboard with Crew Table, Action Queue, and Supply vs Forecast Chart](https://reui.io/blocks/application/dashboard/dashboard-6): Workforce ops dashboard for shift coverage: metric tiles, a crew Table with coverage progress bars and status, an action queue, and a stacked supply vs forecast ComposedChart. Uses ReUI Frame, Badge with shadcn Table, Avatar, Item, Chart, Breadcrumb.
- [Retail revenue dashboard with KPI sparkline cards, stacked sales charts, and a sortable order queue](https://reui.io/blocks/application/dashboard/dashboard-7): Commerce revenue dashboard: 4 KPI cards with sparklines and trend deltas, a stacked area revenue chart, a channel-mix bar chart, and a searchable, paginated order queue with fulfillment bars. ReUI Frame, Badge, DataGrid; shadcn Chart and Calendar.
- [Creator royalty payout dashboard with sweep-lane payout control and a sortable ledger DataGrid](https://reui.io/blocks/application/dashboard/dashboard-8): Creator finance desk to clear royalties: command band with claimable balance, receipts vs buffer area chart, payout buffer progress and sweep lanes, plus a searchable ledger. ReUI Frame, Badge, DataGrid; shadcn Calendar, Select, DropdownMenu, Chart.

### Application: Dialog (14)

- [Duration picker dialog with start and end time selects plus quick preset toggles](https://reui.io/blocks/application/dialog/dialog-1): Modal for choosing a time span: start and end time Selects plus quick presets (30 min to 1 day) that auto-adjust the end time. Built with shadcn Dialog, Select, ToggleGroup, Field, Tooltip, Button. Time range picker, schedule, booking duration.
- [Workspace invite dialog with multi-email input and role select dropdown](https://reui.io/blocks/application/dialog/dialog-2): Team invite modal that parses comma or space separated emails, dedupes them, and shows a live 'Send N invites' count. Pick a role per invite. Uses ReUI Badge with shadcn Dialog, Input, Field, Select, Button.
- [Plan cancellation dialog with multi-select reason checkboxes, feedback textarea, and warning banner](https://reui.io/blocks/application/dialog/dialog-3): Subscription offboarding dialog: warning Alert with dismiss and manage actions, a checkbox grid of reasons, a feedback Textarea, and a Cancel plan button gated until a reason is picked. ReUI Alert, shadcn Dialog, Checkbox, Tooltip. Churn flows.
- [Workspace launch checklist dialog with accordion sections and inline-editable fields](https://reui.io/blocks/application/dialog/dialog-4): Setup dialog with accordion sections, status badges, click-to-edit field rows, and a searchable connected-apps list with Connect or Manage. ReUI Badge, shadcn Dialog, Accordion, Item, InputGroup. Workspace setup, launch checklist, settings wizard.
- [Wide template library dialog with category rail, live search, and selectable template cards](https://reui.io/blocks/application/dialog/dialog-5): Template gallery picker dialog: fixed category rail (radio group), live search input, and selectable cards with thumbnail and badges. Uses ReUI Badge with Dialog, Input, ScrollArea, RadioGroup, Item. Starter library, template browser, asset picker.
- [App connection dialog with searchable integration grid and single-select checkbox cards](https://reui.io/blocks/application/dialog/dialog-6): Modal to connect a workspace app: search-filtered grid of brand-logo cards with round single-select Checkbox and a footer add button disabled until a pick. Uses shadcn Dialog, InputGroup, Kbd, Item, Empty. Integrations picker, marketplace.
- [Help and support hub dialog with self-serve routes plus advisor and direct-desk escalation cards](https://reui.io/blocks/application/dialog/dialog-7): Support hub modal: help routes (guides, walkthroughs, feedback) above an escalation grid pairing an advisor office-hours card with an email-support desk. Uses shadcn Dialog, Item, Card, Avatar, Button and ReUI Badge. Contact support, help center.
- [Multi-row collaborator invite dialog with per-row email field and role select](https://reui.io/blocks/application/dialog/dialog-8): Invite teammates by email with a per-row role select (Member, Contributor, Reviewer, Admin), add and remove rows, and inline email validation. Uses shadcn Dialog, Input, Field, Select, Button. Team invite modal, add members, share access.
- [Create project dialog with cover image upload and status, priority, assignee, and label comboboxes](https://reui.io/blocks/application/dialog/dialog-9): Modal new-project form with drag-and-drop cover upload, name, key, brief fields, single-select status and priority plus multi-select assignee and label comboboxes. Dialog, Combobox, Avatar, Tooltip, Alert. Add project, create workspace.
- [Tabbed account settings dialog with sidebar rail for profile, workspace, team and billing](https://reui.io/blocks/application/dialog/dialog-10): Modal account settings dialog with a 5-tab sidebar (Profile, Workspace, Team, Billing, Preferences); each scrollable panel pairs labels with avatar upload, Inputs, Selects, Switches and a verified Badge. Uses Dialog, Tabs, ScrollArea, Field.
- [Two-pane finance account creation dialog with live account card preview](https://reui.io/blocks/application/dialog/dialog-11): Split dialog to create a finance account: account name, acct_ tag, and statement label fields beside a live-updating account card on a gradient panel. Uses shadcn Dialog, Card, Field, Input, InputGroup, Button. For payout, banking, onboarding setup.
- [Tabbed create-entry dialog with status, assignee, due date, priority and label comboboxes](https://reui.io/blocks/application/dialog/dialog-12): Quick-create record dialog with five entry-type tabs, each a title and notes field plus shared Status, Assignee, Due date, Priority and Labels comboboxes. Uses shadcn Combobox, Tabs, Dialog, Calendar, Avatar. For task creation and new-item modals.
- [Full-screen create project dialog with template prefill and multi-select labels](https://reui.io/blocks/application/dialog/dialog-13): Full-screen create-project form: a template dropdown prefills fields, status, assignee, due date and priority Selects with avatars and dots, plus checkbox label cards with a selected count. ReUI Badge, shadcn Dialog, Select, InputGroup, Field.
- [OAuth connection consent dialog with provider logo rail and radio sync-scope picker](https://reui.io/blocks/application/dialog/dialog-14): App integration consent modal: paired provider logos, permission notes, and a radio-group scope selector with cancel/continue. Built with shadcn Dialog, RadioGroup, Item, Field, Button. For OAuth handoff, connect-account, grant-access flows.

### Application: Empty State (14)

- [Records empty state with stacked-cards illustration, dual primary actions, and quick-guide link rows](https://reui.io/blocks/application/empty-state/empty-state-1): First-run empty state for a records or workspace table: stacked-cards illustration, Connect source and Upload CSV buttons, plus a two-up Quick guides list. Uses shadcn Empty, Button, and Item. Use for zero-data, onboarding, or no results screens.
- [Search no-results empty state with suggestion chips and a stacked result-card illustration](https://reui.io/blocks/application/empty-state/empty-state-2): Workspace search zero-state: a stacked result-card illustration, paired Browse library and Refine filters actions, and a 'Try these searches' row of pill suggestion chips. Built with shadcn Empty, ButtonGroup, Button. For no-results, search hints.
- [Projects empty state with hero illustration, dual actions, and quick-start template list](https://reui.io/blocks/application/empty-state/empty-state-3): No-projects empty state for a workspace: hero illustration, New project and Explore templates buttons, and a Quick starts grid of clickable template cards. Uses shadcn Empty, Button, Item. Good for onboarding, first-run, zero-data screens.
- [Two-column reports empty state with icon, dual actions, and preview screenshot slot](https://reui.io/blocks/application/empty-state/empty-state-4): Split empty state for an empty reports or analytics workspace: icon, title, helper copy, and Add report plus View sample buttons beside a blank screenshot preview panel. Uses shadcn Card and Empty with shadcn Button.
- [Two-column empty state in a ReUI Frame with icon, dual actions, and a preview panel](https://reui.io/blocks/application/empty-state/empty-state-5): Split empty state for a no-data briefing or report view. Left column pairs an icon, title, and description with primary and outline Buttons; right column is a preview surface. Uses ReUI Frame, shadcn Empty and Button. For blank dashboards.
- [Team workspace onboarding empty state with two action buttons and three colored setup-step tiles](https://reui.io/blocks/application/empty-state/empty-state-6): Centered team workspace onboarding empty state pairing two outline action Buttons with three colored clickable setup tiles. Uses shadcn Empty and Item primitives. For workspace setup, first-run onboarding, getting-started checklist.
- [Workspace member invite empty state with circular icon and dual invite and copy-link buttons](https://reui.io/blocks/application/empty-state/empty-state-7): Centered empty state prompting the first workspace invite, with a ring-framed icon, title, description, and two CTAs (Invite members, Copy invite link). Uses shadcn Empty and Button. For team onboarding, members page, no-members placeholder.
- [Project settings empty state with line tabs and per-section setup prompts](https://reui.io/blocks/application/empty-state/empty-state-8): Settings header over line-style Tabs (project states, labels); each tab shows a left-aligned Empty with icon, title and Enable button. ReUI IconStack with shadcn Tabs, ScrollArea, Empty, Button. For settings onboarding and zero-states.
- [Workspace member invite empty state with layered 3D icon-stack illustration and dual invite actions](https://reui.io/blocks/application/empty-state/empty-state-9): Centered empty state prompting the first workspace invite, with a stacked-card icon illustration, title, supporting text, and primary Invite members plus outline Copy invite link buttons. Uses ReUI IconStack, shadcn Empty, Button.
- [Card-wrapped empty state with section heading and horizontal media-beside-text layout](https://reui.io/blocks/application/empty-state/empty-state-10): Empty state inside a Card under a section heading for a template or blueprint library with no items. Horizontal media beside title, description, and two buttons. ReUI IconStack with shadcn Card, Empty, Button. For blank library or first-run views.
- [Section-header empty state with action button above a muted card and stacked icon illustration](https://reui.io/blocks/application/empty-state/empty-state-11): Empty state for a list or feed section: heading, subtext, and Add button over a muted Card holding a layered stacked-icon illustration, title, and hint. ReUI IconStack with shadcn Empty, Card, Button. For zero-data panels and intake views.
- [Activity exports empty state with audience, workspace, and date-range filter toolbar](https://reui.io/blocks/application/empty-state/empty-state-12): Export empty state: header, three dropdown filters (audience, workspace, date range), and a split Execute button with CSV, PDF, and scheduled delivery. Uses ReUI IconStack, shadcn Empty, ButtonGroup, DropdownMenu. For export no-results screens.
- [File sources empty state with cloud storage connector grid (Dropbox, R2, Drive, OneDrive)](https://reui.io/blocks/application/empty-state/empty-state-13): Empty state for linking cloud storage: header, IconStack illustration, and a responsive grid of brand-logo connect buttons (Dropbox, Cloudflare R2, Google Drive, OneDrive). ReUI Frame, IconStack, shadcn Empty, Separator. For integrations screens.
- [Organizations setup empty state with framed enable card, building icon, and tooltip help link](https://reui.io/blocks/application/empty-state/empty-state-14): Organizations settings empty state to enable multi-org with team members and role-based access. Framed card with stacked building icon, enable CTA, and a tooltip help link. ReUI Frame, IconStack, shadcn Empty, Button, Tooltip, Separator.

### Application: Event Calendar (6)

- [Event calendar with month, week, day, N-day, and agenda views plus drag-and-drop editing](https://reui.io/blocks/application/event-calendar/event-calendar-1): Scheduling workspace on ReUI Event Calendar: month, week, day, N-day, agenda and resource views, drag to move, resize and create events, recurrence, and an edit dialog. ReUI Event Calendar with shadcn Dialog, Select. Booking calendar, scheduler.
- [Calendar workspace with mini month picker, calendars visibility list, and up-next agenda sidebar](https://reui.io/blocks/application/event-calendar/event-calendar-2): Two-panel calendar workspace: a sidebar mini month picker, calendars visibility list, and up-next agenda drive a week-view event calendar with drag, resize, and full event plus calendar CRUD.
- [Hotel front-desk booking board with arrivals agenda and color-coded service streams](https://reui.io/blocks/application/event-calendar/event-calendar-3): Front-desk hotel booking board on a week time grid: a sidebar mini month picker, arrivals agenda, and colour-coded service streams drive an hourly calendar of check-ins, check-outs, housekeeping turnovers, functions, and guest services, with drag, resize, and full booking plus stream CRUD.
- [Workforce shift roster with coverage avatars, open-slot warnings, and a double-booking guard](https://reui.io/blocks/application/event-calendar/event-calendar-4): Workforce shift scheduling board for HR and operations teams: a day, week, and month event calendar of staffing shifts grouped into color-coded departments, with per-shift coverage showing assigned staff avatars, required headcount, and open-slot warnings, plus search across shifts and staff, an open-slots filter, drag and resize with a double-booking guard, publish and unpublish locking, and full CRUD on shifts, assignments, and departments.
- [Clinic chair board with per-practitioner columns, status-tinted chips, and drop-rejecting clinic holds](https://reui.io/blocks/application/event-calendar/event-calendar-5): Clinic day board on the event calendar resource view: one column per practitioner with avatar headers and live patient counts, status-tinted appointment chips, hatched clinic holds that reject drops, a searchable patient lookup, day and week switching, a multi-select chair picker and status filters, full appointment CRUD, and a Log History tab fed by every desk action.
- [Commercial lending calendar with multi-row deal chips and covenant detail cards on hover](https://reui.io/blocks/application/event-calendar/event-calendar-6): Commercial lending calendar in month, week, day, and agenda views. Multi-row chips carry a loan reference, category tag, counterparty, attendee avatars, and a task progress bar, stage, or join-call row. Hovering a chip opens a detail card with the covenant clause, due date, and pass or fail tallies.

### Application: Flow (4)

- [Automation workflow canvas with step cards showing owner, duration and last run status](https://reui.io/blocks/application/flow/flow-1): Build trigger, condition and action flows on React Flow. Add, duplicate or delete steps from a node toolbar or right click menu, edit them in an inspector. ReUI IconTile, Badge, shadcn ContextMenu, AlertDialog. For no-code automation, lead routing.
- [AI agent flow tree with auto layout, named branch paths and add step buttons on every connector](https://reui.io/blocks/application/flow/flow-2): LLM agent editor: cards show the app called and a last test run strip with tokens or latency, a docked inspector edits each step, copy as JSON. React Flow, ReUI IconTile, Badge, shadcn Item, Select, AlertDialog. For agent builder, AI workflow.
- [Data pipeline run canvas with dependency-ordered replay and a human approval gate](https://reui.io/blocks/application/flow/flow-3): ETL DAG run monitor: 6 run states, connection, test and model attachments, and retry or focus for the failed task. React Flow, ReUI IconTile, Badge, shadcn Tabs, ContextMenu, Progress. For orchestration dashboard, scheduled job status.
- [Growth impact map linking initiatives to a north star metric, with correlation scored metric links](https://reui.io/blocks/application/flow/flow-4): Ties work to results: initiative cards with progress and status, metric cards with a goal and per period value and change, an inspector to relink edges. React Flow, ReUI Frame, IconTile, Badge, shadcn Tabs, ToggleGroup. For KPI driver tree, OKR map.

### Application: Form (12)

- [Business Verification Review Page with Editable Detail Sections and Dialog Forms](https://reui.io/blocks/application/form/form-6): KYC business verification summary with read-only Frame panels for legal, public, and ownership details, each opening a Dialog edit form. ReUI Frame, Badge plus shadcn Dialog, Field, Select, Tooltip. Account review, onboarding, compliance.
- [Profile settings card form with completion badge and date-plus-time availability picker](https://reui.io/blocks/application/form/form-1): Profile settings Card form: avatar upload, birth date and availability date-time Calendar pickers, multi-select specialty Combobox chips, visibility Select, available-to-hire Switch, completion Badge. For account settings, edit profile, preferences.
- [Hosted checkout setup form with label-and-control rows, Select dropdowns, and checkbox groups](https://reui.io/blocks/application/form/form-2): Configure a hosted checkout: offer type, button copy, and handoff via ReUI Frame and Badge with shadcn Field rows, Select, Checkbox groups, InputGroup, Tooltip, and Button. Settings form, payment config, store admin panel.
- [Invoice creator form with editable line-items table and live discount, tax, and total summary](https://reui.io/blocks/application/form/form-3): Invoice builder with customer combobox, date pickers, currency and term selects, an editable line-items table, and a live subtotal, discount, tax, and total panel. ReUI Badge with shadcn Card, Table, Combobox, Calendar. For billing and invoicing.
- [Authentication settings form with line tabs for email, phone, password, passkey, and lockout policy](https://reui.io/blocks/application/form/form-4): Auth method config page: line tabs switch Email, Phone, Password, Passkeys, Protection, and User Model panels of Switch, Select, RadioGroup, and Input rows with Pro/Beta badges, tooltips, alerts, and a save/discard toast footer.
- [Tabbed user profile settings form with sticky audit rail and activity heatmap](https://reui.io/blocks/application/form/form-5): Admin profile editor with Profile, Organizations, Security tabs, a sticky audit rail of IDs and timestamps, completion Progress, and activity heatmap. ReUI Badge with shadcn Card, Field, Combobox, Switch. For account settings, member detail pages.
- [Inline-editable ticket details panel with per-row save, status and SLA badges, tags and owner chips](https://reui.io/blocks/application/form/form-7): Support ticket detail panel where each field edits inline with save, cancel, and async saving toasts. Status, priority, SLA, due-date, tag and owner chips. ReUI Frame, Badge with Select, Combobox, Calendar, Switch. For helpdesk and issue trackers.
- [API keys management panel with per-stack env snippet quick-copy and reveal, rotate, revoke rows](https://reui.io/blocks/application/form/form-8): API keys settings page: copy framework .env snippets, reveal, rotate, or revoke masked keys, plus a create-key dialog with scopes, owners, and expiration. ReUI Frame, Badge, Alert with Dialog, Combobox, Select, InputGroup.
- [Enterprise member invite form with searchable role permission tree and access guardrails](https://reui.io/blocks/application/form/form-9): Invite teammates and assign scoped workspace roles: email combobox chips, workspace and expiry selects, member-type radios, SSO switches, and a searchable checkbox role tree with privileged badges. ReUI Badge and Tree, shadcn Card. For RBAC.
- [Customer onboarding intake form in a Card with labeled rows and multi-owner combobox](https://reui.io/blocks/application/form/form-10): New-workspace setup form: company, slug, intent radios, team size, launch window, template, data source, owner chips, sample-data toggle, notes. Uses ReUI Badge, shadcn Card, Combobox, RadioGroup, Select, Switch, Textarea. Account setup wizard.
- [New App Launch Form with Gradient Summary Banner and Label-Control Rows](https://reui.io/blocks/application/form/form-11): App launch form in a Card with a gradient banner that live-mirrors picks. Rows pair a brief Textarea, prefixed App URL InputGroup, name Input, and starter, source, runtime, region Selects. For deploy and project setup wizards.
- [Ecommerce product creation form with image upload, pricing, inventory, and collections combobox](https://reui.io/blocks/application/form/form-12): Create product form in a Card with label-control rows: multi-image thumbnail dropzone, Select status and category, currency InputGroup pricing, SKU and stock, Switch toggles, multi-select Combobox collections. Product catalog, add product, admin.

### Application: Gantt (4)

- [Project gantt with resizable tree columns, split timeline panes, and inline editing](https://reui.io/blocks/application/gantt/gantt-1): Project timeline on ReUI Gantt: task tree in a resizable split pane beside a day-to-year timeline, drag and resize bars with live validation, progress rollups, and an edit dialog. ReUI Gantt with shadcn Dialog, Select. Roadmap, project planner.
- [Day dispatch gantt with technician rows and timed jobs on an hour grid](https://reui.io/blocks/application/gantt/gantt-2): Hour grid day dispatch with technician rows and timed jobs
- [Agent playbook gantt with enforced stage dependencies, retry lanes, and a critical path](https://reui.io/blocks/application/gantt/gantt-3): Agent playbook board with enforced stage dependencies, retry lanes and critical path
- [Capacity-aware resource gantt with booking cards, drag guardrails, and full CRUD](https://reui.io/blocks/application/gantt/gantt-4): Capacity aware resource gantt with booking cards, drag guardrails and full CRUD

### Application: Kanban Board (10)

- [Drag-and-drop issue tracking kanban board with six status columns and per-task completion rings](https://reui.io/blocks/application/kanban-board/kanban-board-1): Bug tracking board: drag tasks across six status columns, reorder columns, with priority, signal dots, owner avatars, due dates, and SVG completion rings. ReUI Kanban, Badge; shadcn Card, Avatar, Button. Sprint board, backlog, task tracker.
- [Workflow kanban board with collapsible status columns and draggable cards plus columns](https://reui.io/blocks/application/kanban-board/kanban-board-2): Drag-and-drop kanban for project and CRM workflows: 8 status columns collapse to vertical rails, reorderable cards and columns, count badges, deal value and assignee avatars. Uses ReUI Kanban and Badge with shadcn Card, Button, Avatar.
- [Sales pipeline kanban board with draggable deal cards and reorderable stages](https://reui.io/blocks/application/kanban-board/kanban-board-3): CRM sales pipeline board with drag-and-drop deals across six stages. Deal cards show company logo, value, next step, owner avatar, star rating, and attachment/comment counts. ReUI Kanban, Badge, Rating, shadcn Card, Avatar, Button.
- [Feature roadmap kanban board with vote-weighted cards across six delivery stages](https://reui.io/blocks/application/kanban-board/kanban-board-4): Drag-and-drop product roadmap board with six status columns and reorderable cards showing votes, vote-trend arrows, progress bars, and impact or ARR. Feature voting, planning board, backlog. ReUI Kanban, Frame, Badge with Progress, Button.
- [Workflow status kanban board with collapsible column rails and per-task progress rings](https://reui.io/blocks/application/kanban-board/kanban-board-5): Drag-and-drop status workflow kanban: reorder cards and columns, collapse columns to vertical rails, with progress rings, owner avatars, and status badges. ReUI Kanban, Badge plus shadcn Card, Item, Avatar. Task board, project tracker, sprint board.
- [Support escalation kanban board with SLA timer chips, priority badges, and draggable columns](https://reui.io/blocks/application/kanban-board/kanban-board-6): Help-desk board with six SLA-state columns. Drag-and-drop ticket cards and reorderable columns show SLA countdown chips, priority badges, and assignee avatars. ReUI Kanban, Badge; shadcn Card, Item, Avatar. For support queue and ticket triage tools.
- [Customer renewals risk kanban board with ARR, health score, and risk-tier account cards](https://reui.io/blocks/application/kanban-board/kanban-board-7): Drag-and-drop renewals board, six risk stages, account cards with ARR, renewal date, days left, color-coded health bar, owner, and Critical/Warning/Clear status. CSM pipeline, churn risk. ReUI Kanban, Badge; shadcn Card, Progress, Avatar.
- [Release readiness kanban board with risk badges, checklist progress, and drag-and-drop change cards](https://reui.io/blocks/application/kanban-board/kanban-board-8): Six-column pipeline (Intake to Shipped) with draggable change cards showing risk badge, service, environment, owner avatar, launch window, and checklist progress. ReUI Kanban, Frame, Badge plus shadcn Item, Avatar, Progress. Deploy and release board.
- [Recruiting pipeline kanban board with candidate match scores and scorecard status](https://reui.io/blocks/application/kanban-board/kanban-board-9): Applicant tracking board: six draggable pipeline stages from Sourced to Offer, candidate cards with match-score progress bars, scorecard badges, and risk flags. ReUI Kanban, Frame, Badge, shadcn Progress, Avatar, Button for ATS and hiring boards.
- [Access review kanban board with risk badges, star confidence rating, and reviewer avatars](https://reui.io/blocks/application/kanban-board/kanban-board-10): IAM access certification board with draggable cards and columns across Intake, Owner Review, Risk, Exception, Removal, Certified. Risk-tiered cards show request IDs and avatars. ReUI Kanban, Badge, Rating with shadcn Card. Access governance, audit.

### Application: List (11)

- [Order Metrics List Card with Icon Tiles and Up Down Trend Badges](https://reui.io/blocks/application/list/list-1): Compact KPI metric list: framed icon tile, large value, colored up/down trend badge, and open-details button per divided row. ReUI Frame, Badge, shadcn Item, Button, Separator. Stats summary, dashboard, finance overview.
- [Capital inflows fund leaderboard list with logo badges and a range filter select](https://reui.io/blocks/application/list/list-2): Ranked fund inflow rows with a colored brand-logo badge, name, and Capital In amount, plus a Select to switch Top 3 / Top 5 / All. ReUI Frame, shadcn Select, Item, Separator. For leaderboards, top contributors, investor summary widgets.
- [Capital Inflows Card with Period Tabs and Ranked Fund List Showing Amount and Share](https://reui.io/blocks/application/list/list-3): Capital inflows widget switching ranked fund rows by period tabs (Weekly, All Time); each row shows logo, name, dollar amount, percentage share. ReUI Frame, shadcn Tabs, Tooltip, Separator. For finance dashboards, top contributors, leaderboards.
- [Crypto Portfolio Snapshot List with Period Tabs and Per-Asset Trend Badges](https://reui.io/blocks/application/list/list-4): Crypto holdings card switching between Weekly and All Time tabs, listing coins with logo, price, up or down trend badge, value and holdings. ReUI Frame, Badge with shadcn Tabs, Button, Separator. Portfolio, watchlist, asset tracker.
- [Crypto Transactions List with Color-Coded Credit and Debit Amounts](https://reui.io/blocks/application/list/list-5): Compact crypto transaction history list with directional credit/debit icons, title, date, and color-coded amounts. Uses ReUI Frame plus shadcn Item, Tabs, Separator. For wallet activity feeds and finance dashboards.
- [Crypto transaction list card with period tabs and dual-token swap amounts](https://reui.io/blocks/application/list/list-6): Wallet activity card listing received, sent, swapped, and failed crypto transfers with token logos, truncated addresses, and color-coded amounts. Weekly and All Time tabs plus a View All footer. Uses ReUI Frame with Tabs, Item, Separator, Button.
- [Wallet Transactions List with Period Tabs and Color-Coded Category Icons](https://reui.io/blocks/application/list/list-7): Transaction card with Weekly and All Time tabs; each row pairs a colored category icon with title, date, and a signed amount tinted green for credits or red for debits. ReUI Frame, shadcn Tabs, Item, Button. For wallet, banking, fintech feeds.
- [Integrations directory list with brand logos and per-row Connect buttons](https://reui.io/blocks/application/list/list-8): Integrations directory card listing apps with brand logos, name, description, and a per-row Connect button, plus a See All footer link. ReUI Frame with shadcn Button and Separator. App marketplace, connected accounts, settings.
- [Manual integrations picker list with icon tiles, per-row add buttons, and Browse More footer](https://reui.io/blocks/application/list/list-9): Integrations picker list with icon tiles, name plus truncated description per row, plus-button add actions, dashed dividers, and a Browse More footer. Uses ReUI Frame with shadcn Item, Button, Separator.
- [Recent Investments Card with Searchable Gain-Loss Table and Company Logos](https://reui.io/blocks/application/list/list-10): Investments card: header with ⌘K search input, fixed table of company logo, name, date, sector, and green or red value change. ReUI Frame, FramePanel; shadcn Table, InputGroup, Item, Kbd.
- [Top movers list table with company logos, status badges, and up/down trend values](https://reui.io/blocks/application/list/list-11): Top movers leaderboard table: company rows with logo and location, status badges (Active, New, On Hold), and a trend column with gain/loss value and up/down arrow. Header search with Cmd-K hint. ReUI Frame, Badge, shadcn Table, InputGroup, Kbd.

### Application: Navbar (13)

- [Project workspace navbar with breadcrumb, line tabs, and a collaborator avatar stack](https://reui.io/blocks/application/navbar/navbar-1): Project workspace header: breadcrumb trail, line tabs with a count Badge, search/star/more actions, an expanding Create New button, and a collaborator Avatar stack. Uses ReUI Badge, shadcn Tabs, Breadcrumb, Avatar, DropdownMenu, Button.
- [Sticky workspace navbar with breadcrumb trail, team presence avatars, and filter and sort menus](https://reui.io/blocks/application/navbar/navbar-2): Slim sticky app bar: breadcrumb trail, team avatar group with invite popover, and filter, sort, and overflow dropdown menus. shadcn Breadcrumb, AvatarGroup, Popover, DropdownMenu, Button. For workspace headers and project toolbars.
- [Developer platform top navbar with breadcrumb org, project and environment switchers](https://reui.io/blocks/application/navbar/navbar-3): Header for dev tools and PaaS dashboards: breadcrumb of organization, project and color-dotted environment switchers, docs and settings menus, Upgrade button, avatar menu with light/dark/system theme toggle. shadcn Breadcrumb, DropdownMenu, Avatar.
- [Admin console top navbar with centered Cmd+K command search and a notifications popover feed](https://reui.io/blocks/application/navbar/navbar-4): Admin top bar: brand, centered Cmd+K command search Dialog with Kbd hint, notifications Popover feed (avatars, actions, progress, ratings) and a user DropdownMenu with theme toggle. ReUI Badge, Rating.
- [Compact workflow editor navbar with active toggle, Test Run action, and history](https://reui.io/blocks/application/navbar/navbar-5): Slim sticky toolbar for a workflow or automation builder: back link, active/inactive Switch, run-history button, Test Run action, and a more-options DropdownMenu (Export JSON, Duplicate, Share, Delete). Uses Button, Switch, Separator, DropdownMenu.
- [Two-row analytics dashboard navbar with date range picker, compare toggle, and command-K search](https://reui.io/blocks/application/navbar/navbar-6): Sticky analytics toolbar with breadcrumb title, calendar date range picker, compare toggle, auto-refresh select, share, export/embed dropdown, and command-K search dialog. shadcn Breadcrumb, Popover, Calendar, Select, DropdownMenu, Dialog, Kbd.
- [CMS editor navbar with co-presence avatars and a split Publish button](https://reui.io/blocks/application/navbar/navbar-7): Sticky editor toolbar for content apps: back link and breadcrumb, AvatarGroup co-presence, Preview, and a ButtonGroup split Publish with Schedule and Save as draft, plus a more-actions DropdownMenu (duplicate, history, archive, delete).
- [AI agent marketplace navbar with category filter pills, Deploy CTA, and notifications popover](https://reui.io/blocks/application/navbar/navbar-8): Sticky AI agent marketplace navbar: centered category filter pills, Deploy CTA, notifications popover (avatar groups, star rating, progress, actions), and avatar dropdown with theme toggle. ReUI Badge, Rating, shadcn ButtonGroup, Popover.
- [Code editor app header with repo path breadcrumb and branch dropdown selector](https://reui.io/blocks/application/navbar/navbar-9): Sticky IDE-style navbar for a code collaboration tool: brand tile, org/repo Breadcrumb path, branch-picker DropdownMenu with deploy targets, and Share plus Run Button actions. shadcn Breadcrumb, DropdownMenu, Button, Item, Separator.
- [API developer portal navbar with service switcher, HTTP request bar, and account menu](https://reui.io/blocks/application/navbar/navbar-10): Top bar for an API console or dev portal: brand, service switcher (OpenAI, Stripe, Supabase logos), an inline HTTP method Select with endpoint Input and Send button, and an avatar menu with theme toggle. Uses ButtonGroup, DropdownMenu, Avatar.
- [Design system manager top navbar with center section tabs, version badge, and sync source switcher](https://reui.io/blocks/application/navbar/navbar-11): DesignOps app header: brand mark, version Badge, centered Tabs (Patterns, Tokens, Icons, Motion), sync-source DropdownMenu (shadcn, Cursor, Paper), and avatar menu with light/dark/system theme toggle. For design-system, tokens, and admin toolbars.
- [Marketing navbar with icon mega-menu dropdowns and a sliding-arrow Get Started button](https://reui.io/blocks/application/navbar/navbar-12): Marketing top bar with two-column mega-menu dropdowns for Product and Company, a Pricing link, and a Get Started button with a hover slide-in arrow. Built on shadcn NavigationMenu, Item, Separator, Button. For SaaS site header or landing page nav.
- [Compact editor action bar navbar with close button, document title, and submit action](https://reui.io/blocks/application/navbar/navbar-13): Focused-mode bar for an invoice or document editor: close (X) button, vertical Separator, truncating title, a preview collapse toggle, and a submit button that confirms after click. Uses shadcn Button and Separator. For editor toolbar, draft bar.

### Application: Onboarding (9)

- [Six-step workspace onboarding wizard with stepper progress and a live inbox preview pane](https://reui.io/blocks/application/onboarding/onboarding-1): Multi-step account and workspace setup flow: profile, role, discovery source, workspace, goals, invites, then a success state, with a synced product preview. ReUI Stepper plus shadcn Card, Combobox, RadioGroup, Select, Switch, Field.
- [Six-step workspace onboarding wizard with left sidebar vertical stepper and animated success state](https://reui.io/blocks/application/onboarding/onboarding-2): Six-step setup wizard (profile, role, source, workspace, goals, invites) with a clickable sidebar stepper, animated transitions, and a success screen. ReUI Frame and Stepper plus shadcn Field, Combobox, RadioGroup, Switch. Onboarding, signup wizard.
- [Split-screen workspace onboarding wizard with vertical stepper sidebar and animated dot-sphere panel](https://reui.io/blocks/application/onboarding/onboarding-3): Six-step signup: profile, role, source, workspace, goals, invites, plus success screen. Dark sidebar pairs a vertical ReUI Stepper with animated dot-sphere canvas. Field, Combobox, RadioGroup, Checkbox, Switch, Select. Setup wizard, account creation.
- [Six-step workspace onboarding wizard with top progress bar and success screen](https://reui.io/blocks/application/onboarding/onboarding-4): Multi-step flow to create a team workspace: profile with avatar upload, role and goal pickers, team size, teammate invites, animated top progress bar and ready screen. Uses ReUI Frame, Stepper, shadcn Combobox, Select, Field. Onboarding wizard.
- [Multi-step workspace onboarding dialog with dot stepper, animated steps, and success screen](https://reui.io/blocks/application/onboarding/onboarding-5): Six-step modal wizard (profile, role, workspace, goals, teammate invites) with clickable dot stepper, animated steps, and a success screen. shadcn Dialog, Field, Combobox, Select, RadioGroup, Switch, Avatar upload, Button. For signup, get started.
- [Eight-step workspace onboarding wizard with progress stepper, AI agent picker, copyable API setup](https://reui.io/blocks/application/onboarding/onboarding-6): Eight-step workspace onboarding wizard ending in AI agent selection and API key setup with copyable terminal commands. Profile, role, goals, and invite steps. ReUI Stepper, Frame plus shadcn Combobox, RadioGroup, Select. Account setup flow.
- [Six-step workspace onboarding wizard with top progress bar and screenshot carousel rail](https://reui.io/blocks/application/onboarding/onboarding-7): Multi-step signup flow: profile, role, source, workspace, goals, invites, with a top Stepper progress bar, animated stacked-screenshot rail, and a success state. ReUI Stepper, Badge; shadcn Field, Combobox, RadioGroup, Select, Switch.
- [Dark 8-step workspace onboarding wizard with progress bar, agent picker, and CLI setup checklist](https://reui.io/blocks/application/onboarding/onboarding-8): Full-page dark onboarding flow: profile, role, workspace, goals, teammate invites, AI agent pick, and Codex CLI setup with a success screen. Animated progress bar, copyable commands. ReUI Stepper, Frame, Badge plus Combobox, Select, RadioGroup.
- [Six-step workspace onboarding wizard with marketing hero and animated progress bar](https://reui.io/blocks/application/onboarding/onboarding-9): Profile, role, source, workspace, goals, and invite steps beside a marketing hero, with photo upload, goal pickers, timezone Combobox, success state. ReUI Stepper plus shadcn Card, Select, RadioGroup, Switch. First-run setup, getting-started flow.

### Application: Profile (10)

- [Account settings shell with vertical sidebar tabs for profile, workspace, team, and billing](https://reui.io/blocks/application/profile/profile-1): SaaS account settings page: a vertical Tabs sidebar switching Profile, Workspace, Team, and Billing panels on ReUI Frame and Badge, plus a searchable, filterable, paginated ReUI DataGrid of team members and shadcn Field, Input, Switch, and Combobox.
- [Admin settings page with line tabs spanning profile, members, permissions, and integrations](https://reui.io/blocks/application/profile/profile-2): Tabbed workspace admin settings: profile form, member DataGrid with row actions, permission checkbox matrix, notification and integration toggles. Account settings, team admin, access control. ReUI DataGrid, Badge, Alert, shadcn Tabs, Switch, Card.
- [Profile settings form with avatar upload, verified email, and regional preferences in a single card](https://reui.io/blocks/application/profile/profile-3): Account profile settings page: avatar upload, identity fields (name, verified email, username, role, phone), regional preferences (timezone, week start, language), dismissible sync alert. ReUI Alert, Badge, PhoneInput; shadcn Card, InputGroup.
- [Outreach inbox account settings page with connected mailboxes, reply routing, and signature toggles](https://reui.io/blocks/application/profile/profile-4): Mailbox settings page: account cards with status badges, per-row dropdown actions, connect-provider buttons, and signature toggles. ReUI Badge, shadcn Card, Item, Avatar, DropdownMenu, Switch. For outreach, inbox, and email account settings.
- [Notification settings with daily digest controls and a per-channel email and in-app alert matrix](https://reui.io/blocks/application/profile/profile-5): Notification preferences page: a daily digest stat summary with Progress bars and tooltips, a Switch toggle, plus a per-alert email and in-app delivery matrix. ReUI Badge with Card, Table, Checkbox, Switch, Field, Progress.
- [Partner referral rewards profile with copy-link share card, reward tier ladder, referral activity](https://reui.io/blocks/application/profile/profile-6): Referral and partner rewards page: metric cards with progress, a copy-link InputGroup share card, an unlocked/next/locked reward ladder, next-unlock progress, and a referrals activity list. ReUI Badge, shadcn Card, Progress, Avatar, Tooltip.
- [Meeting Capture Settings Card with Recording Mode, Consent, Notes Template, and Output Toggles](https://reui.io/blocks/application/profile/profile-7): Single-card meeting recording settings: capture mode, consent, and notes template selects, output checkbox group, prompt textarea, auto-share and transcript switches, Reset and Save with toast. ReUI Badge, shadcn Card, Select, Checkbox, Switch.
- [Billing settings page with plan summary, 3-column usage metrics, and invoice history table](https://reui.io/blocks/application/profile/profile-8): Subscription billing settings page: trial alert, plan summary with renewal facts, 3-column usage metrics, billing detail rows with tooltip hints, and an invoice history table. Built with ReUI Alert, Badge, shadcn Card, Table, Field, Tooltip, Button.
- [Account settings hub with grouped collapsible sidebar navigation and 11 swappable form panels](https://reui.io/blocks/application/profile/profile-9): Workspace settings page where a collapsible grouped sidebar switches 11 card-based form panels: authentication, profile, billing, API keys, webhooks, audit. ReUI Badge with shadcn Sidebar, Card, Field, Input, Select, Switch, Checkbox, RadioGroup.
- [Developer API keys page with masked token copy, roll and revoke, and 5 language SDK samples](https://reui.io/blocks/application/profile/profile-10): Developer API keys page with masked tokens, roll and revoke on active keys, delete once revoked, confirm dialogs with undo toasts, and SDK samples in 5 languages. ReUI Badge and CodeBlock with shadcn Table, AlertDialog, DropdownMenu.

### Application: Rich Text Editor (5)

- [Tiptap Document Editor With Formatting Toolbar, Link Bubble and Task Lists](https://reui.io/blocks/application/rich-text-editor/rich-text-editor-1): Fluid rich text editor on Tiptap that fills any app shell content area: formatting toolbar with shortcuts, link popover and bubble, highlight colors, shadcn task checkboxes, edit and view modes, live word count. For docs, briefs, notes.
- [Tiptap Page Editor With Slash Commands, Mentions, Tables and an Outline Rail](https://reui.io/blocks/application/rich-text-editor/rich-text-editor-2): Fluid block page editor on Tiptap that fills any app shell: slash command menu, @ mentions, resizable tables with a row and column bar, a live contents block and a right-edge outline rail that opens on hover. For wikis, docs, playbooks.
- [Tiptap Contract Redline Editor With Suggesting Mode and a Sticky Review Margin](https://reui.io/blocks/application/rich-text-editor/rich-text-editor-3): Chromeless contract editor on Tiptap where edits become attributed insert, delete and replace suggestions: accept or reject each or all, step through changes, Final and Original previews, sticky toolbar header. For redlines, legal review, approvals.
- [Tiptap Collaborative Editor With Live Cursors, Presence, Offline Merge and Comments](https://reui.io/blocks/application/rich-text-editor/rich-text-editor-4): Real time co-editing on Tiptap and Yjs: named teammate carets and selections, a presence stack you can follow, an offline switch that queues edits and merges them with no conflicts, and comment threads that sync. For specs, docs, wikis.
- [Tiptap AI Document Assistant With Streamed Suggestions, Step Trace and Review Dock](https://reui.io/blocks/application/rich-text-editor/rich-text-editor-5): Agentic document editor on Tiptap: a floating assistant dock runs tasks on the page or a selection, streams its edits in as tracked suggestions with a live cursor, shows each step, then steps through accept or reject. For AI writing, docs, plans.

### Application: Schedule (10)

- [Schedule with date-picker calendar and filterable day agenda of status events](https://reui.io/blocks/application/schedule/schedule-1): Two-pane schedule: a month Calendar with event dots beside a status-filterable day agenda of event cards with status Badge, attendee AvatarGroup, time and location. ReUI Frame, Badge plus shadcn Calendar, Select, Avatar. Planner, appointments.
- [Session time picker card with start and end Selects, quick-duration presets and live duration](https://reui.io/blocks/application/schedule/schedule-2): Booking card to pick a meeting or work-session time: ReUI Frame with Avatar header, Select start and end menus, quick-duration preset Buttons, Tooltip and live duration, Cancel and Apply. Schedule, time-slot, duration picker.
- [Meeting scheduler card with calendar, time-slot list, duration and recurrence selects, and switches](https://reui.io/blocks/application/schedule/schedule-3): Schedule a meeting: pick a date, choose an available time slot, set duration and recurrence, add title and notes, toggle waiting room and auto-record. Booking form using ReUI Frame, shadcn Calendar, Select, Switch, Input, Textarea, Button.
- [Calendly-style meeting booking widget with month calendar, availability dots, and time-slot picker](https://reui.io/blocks/application/schedule/schedule-4): Pick a date on the month calendar (available days dotted), choose a time slot, confirm. Side panel shows host, session type, platform, duration. ReUI Frame with shadcn Calendar, Select, Avatar, ScrollArea. Appointment scheduling, booking pages.
- [Compact team attendance calendar card with status filter and bar-chart stat rows](https://reui.io/blocks/application/schedule/schedule-5): Team attendance widget: month Select, status filter DropdownMenu, single-date Calendar with today highlight, AvatarGroup, and Attendance/Absences/Delayed rows with bar sparklines. ReUI Frame, Badge; shadcn Calendar, Avatar, Chart. Presence tracker.
- [Schedule creation form with member multi-select, date picker, and file upload](https://reui.io/blocks/application/schedule/schedule-6): Schedule creation form: name input, member multi-select with avatars, date picker, start and end time selects, drag-drop image upload, link and description. ReUI Frame, shadcn Combobox, Avatar, Field, Calendar, Select. For meeting and booking forms.
- [Webinar event detail card with collapsible overview, presenters, and Yes/Skip/Maybe RSVP sections](https://reui.io/blocks/application/schedule/schedule-7): Event card with three collapsible sections: overview rows with live stream and recording switches, presenters, and agenda with Yes/Skip/Maybe RSVP. ReUI Frame and Badge, shadcn Collapsible, Avatar, Switch, Button. For meeting invites and webinars.
- [Compact month calendar card with per-day category dots, filter chips, and attendee-avatar agenda](https://reui.io/blocks/application/schedule/schedule-8): Month calendar card with colored category dots per day, category filter chips, and a scrollable day agenda of events with attendee avatar groups. ReUI Frame, shadcn Calendar, Select, Avatar, ScrollArea. Mini schedule, team agenda widget.
- [Session booking scheduler with single-date calendar, duration toggle, and scrollable time slots](https://reui.io/blocks/application/schedule/schedule-9): Appointment booking widget for meetings and consultations. Single-date Calendar with month and year dropdowns, 15m to 90m duration toggle, scrollable time-slot picker, confirm footer. ReUI Frame, shadcn Calendar, Select, ScrollArea, Button.
- [Date and Time Scheduling Popover with Quick Shortcut Rows, Calendar, and Time Slots](https://reui.io/blocks/application/schedule/schedule-10): Schedule a date and time: quick shortcut rows (Today, Tomorrow, Next week), month and year calendar, and scrollable time-slot column with disabled slots. Uses ReUI Frame, shadcn Calendar, Item, Select, ScrollArea, Button. Due-date / deadline picker.

### Application: Settings (16)

- [Import services settings step with selectable integration cards and a 2-pick limit](https://reui.io/blocks/application/settings/settings-1): Wizard step to import data from third-party services. Selectable integration cards with logo, status badge, and checkbox, capped at 2 picks via a toast, with back and next. ReUI Badge, Frame; shadcn Card, Checkbox, Button. Connect integrations.
- [Privacy and preferences settings card with mixed-control rows, switches, buttons and Pro/Beta badges](https://reui.io/blocks/application/settings/settings-2): Privacy settings panel of icon rows whose action varies per setting: toggle switch, single button, or a paired Enable all / Disable all control, plus Pro and Beta tags. ReUI Frame, Badge; shadcn Switch, Button, Item. Account privacy, preferences.
- [General Settings Form with Per-Row Controls, Required and Pro Badges](https://reui.io/blocks/application/settings/settings-3): Stacked settings rows in a ReUI Frame, each pairing a labeled description with its own control: Input, prefixed URL InputGroup, Select, ToggleGroup, color swatches, Switch list, plus Required and Pro badges. Preferences, app config, account settings.
- [App connections settings page with integrations grouped into labeled sections and per-row status](https://reui.io/blocks/application/settings/settings-4): Connected apps settings: integration rows grouped into labeled sections, each with brand logo, Connected or Needs review status, and a per-row menu to sync, manage, or disconnect. ReUI Frame, Badge; shadcn Item, DropdownMenu, Button.
- [Role Permissions Settings Panel with Two-Column Switch Toggle Grid](https://reui.io/blocks/application/settings/settings-5): Role-based access settings: a two-column grid of outlined permission cards, each with title, description, and on/off Switch, under a header with a New Permission button. ReUI Frame, Badge; shadcn Item, Switch, Button. For roles, access control, RBAC.
- [Integrations settings list with brand-logo cards and connect or disconnect toggle buttons](https://reui.io/blocks/application/settings/settings-6): Connected apps settings page: per-integration cards with brand logo, name, and Connect/Disconnect button that reveals per-channel notification toggles. ReUI Frame plus shadcn Item, Button, Switch. App connections, integrations, webhooks.
- [Account settings page with side-tab navigation for profile, security, notifications, and billing](https://reui.io/blocks/application/settings/settings-7): Tabbed account settings shell with a side tab rail. Profile with avatar upload, two-step verification, active sessions, delete account, and billing plans. ReUI Alert and Badge with shadcn Tabs, Card, Field, Input, Select, Switch, Item, Avatar.
- [Webhook endpoints settings list with per-endpoint delivery-health alerts and enable toggle](https://reui.io/blocks/application/settings/settings-8): Webhook developer settings managing endpoint routes with delivery-health tooltip alerts, status badges (Delivering, Retrying, Paused), enable Switch, copy URL, rotate-secret and remove actions. ReUI Frame, Badge; shadcn Item, Switch, DropdownMenu.
- [Workspace Preferences Settings With Collapsible Sections of Select and Switch Rows](https://reui.io/blocks/application/settings/settings-9): Workspace settings page grouping preference rows into collapsible General and Display sections, each row mixing select dropdowns and switch toggles with status badges. ReUI Frame, Badge; shadcn Collapsible, Item, Select, Switch, Separator.
- [Workspace security settings in Frame cards mixing toggles, a timeout select, and plan-tier badges](https://reui.io/blocks/application/settings/settings-10): Security settings page grouping session policy, login methods, and access restrictions into ReUI Frame cards. Rows mix Switch toggles, a timeout Select, and plan-tier Badges (Basic, Business, Enterprise) on shadcn Item. For 2FA, SSO, access controls.
- [Notification preferences settings with tabbed channel matrix table for Email, Slack, and In-app](https://reui.io/blocks/application/settings/settings-11): Notification settings grouping events under Projects, Messages, Reports, and System tabs, each a table with per-row Email/Slack/In-app checkboxes. Uses shadcn Tabs (line), Table, Checkbox. For alert preferences and channel opt-in.
- [Notification settings page with per-channel delivery modes and collapsible auto-follow toggles](https://reui.io/blocks/application/settings/settings-12): Notification preferences page: per-channel delivery-mode Selects for inbox, email, browser, and mobile, Slack, Zoom, and Google Meet connect rows, plus a collapsible auto-follow section. Uses ReUI Badge with shadcn Card, Select, Switch, Collapsible.
- [Integrations settings gallery, app cards in a grid with connect button and toggle switch](https://reui.io/blocks/application/settings/settings-13): Integrations settings page: responsive grid of app cards with brand logo, description, connect/disconnect button and a toggle switch. Connected apps marketplace, integration directory. ReUI Frame with shadcn Item, Button, Switch.
- [API integrations settings data grid with copyable keys, status switches, and pause-all toggle](https://reui.io/blocks/application/settings/settings-14): Sortable, paginated table of connected API integrations: brand logos, copy-to-clipboard API key badges, daily call counts, per-row enable switches, and a pause-all toggle. ReUI DataGrid, Frame, Badge; shadcn Switch. Connected apps, API keys settings.
- [Workspace settings with grouped preference cards, toggles, badges, and a team avatar row](https://reui.io/blocks/application/settings/settings-15): Workspace preferences page grouping AI, publishing, collaboration, and notification settings into Frame cards with Switch toggles, status Badges, action Buttons, and an AvatarGroup team row.
- [Connected apps integration settings with per-row status badges and connect actions](https://reui.io/blocks/application/settings/settings-16): Connected apps panel listing integrations as rows with logo, name, status badge (Connected, Available, Preview), and Configure or Install action. Uses ReUI Frame, Badge, shadcn Item, Button. For integrations, connectors, app directory.

### Application: Sheet (24)

- [Inset right project create Sheet with inline metadata comboboxes and target date picker](https://reui.io/blocks/application/sheet/sheet-1): Create-project side drawer: name Input and description Textarea over inline Combobox pickers for status, priority, lead, members, milestone, target date, labels. Uses shadcn Sheet, Combobox, Calendar, Dialog, AvatarGroup. New project or issue form.
- [Right-side help and support Sheet with search field and grouped guide links](https://reui.io/blocks/application/sheet/sheet-2): Help center side panel: searchable InputGroup, grouped guide Items with status Badges and Tooltips, scrollable body, footer support links. For in-app help, docs drawers, support menus. ReUI Badge, shadcn Sheet, InputGroup, Item, ScrollArea, Tooltip.
- [Searchable keyboard shortcuts reference in a right inset sheet, grouped by section](https://reui.io/blocks/application/sheet/sheet-3): Right-side inset Sheet listing app keyboard shortcuts grouped into sections with Kbd key chords, a live search InputGroup, ScrollArea, and empty state. For a shortcuts panel, cheat sheet, or hotkeys help. Sheet, Kbd, InputGroup, ScrollArea, Empty.
- [Inset right AI assistant sheet with model selector, suggestion chips, and composer toolbar](https://reui.io/blocks/application/sheet/sheet-4): Floating right-side AI chat panel with a header model-switch Select, user and assistant message bubbles, suggestion chips, and an InputGroup composer toolbar. Uses shadcn Sheet, InputGroup, ScrollArea, Tooltip. AI copilot drawer, chatbot panel.
- [Inset right comment thread Sheet with reply, react, resolve and open-only filter](https://reui.io/blocks/application/sheet/sheet-5): Client discussion sheet for collaboration and review apps. Comments with reply, emoji react, resolve and reopen, open-versus-all filter and a composer. ReUI Badge, shadcn Sheet, Item, Avatar, InputGroup, DropdownMenu, ScrollArea, Tooltip.
- [Inset right view customizer sheet with quick toggles and layout mode picker](https://reui.io/blocks/application/sheet/sheet-6): Floating right sheet to customize a workspace view: Switch toggles plus a RadioGroup of layout cards with SVG skeleton previews and a hint Tooltip. shadcn Sheet, Field, Switch, RadioGroup, ScrollArea. Settings panel, preferences drawer.
- [Inset right notifications sheet with unread badge, mark-all-read, and rich activity feed](https://reui.io/blocks/application/sheet/sheet-7): Floating right-anchored notification panel for in-app activity. Scrollable feed with unread count, mark-all-as-read, approvals, attachments, avatar groups, ratings, and progress. ReUI Badge, Rating; Sheet, Avatar, Button, ScrollArea.
- [Inset right settings sheet with scrollable two-section form, header and sticky footer](https://reui.io/blocks/application/sheet/sheet-8): Floating inset right Sheet for relay settings, with scrollable Delivery and Routing sections, Input, Select, and Switch fields, tooltip hints, and a sticky Reset / Save footer. shadcn Sheet, Field, Select, Switch. Settings panel, preferences drawer.
- [Inset right ticket details Sheet with inline per-row editing and save actions](https://reui.io/blocks/application/sheet/sheet-9): Right-side ticket panel where each field edits in place via Select, Combobox, Calendar, Switch, or InputGroup, with Badge status, avatar chips, and async save toast. ReUI Badge, shadcn Sheet, Combobox. Ticket detail, issue properties, record drawer.
- [Inset right AI assistant chat sheet with prompt suggestions and pinned composer toolbar](https://reui.io/blocks/application/sheet/sheet-10): Floating right-side AI chat panel with scrollable history, prompt suggestion chips, and a pinned InputGroup composer (attach, voice, send) plus header new-chat and refresh actions. Uses Sheet, ScrollArea, DropdownMenu. Copilot, assistant drawer.
- [Right-Side Metric Detail Sheet with Target Progress, Owners, Alert Rule, and Changes Timeline](https://reui.io/blocks/application/sheet/sheet-11): Right drawer for one KPI: current value with delta badge, target progress bar, definition facts, owner avatars, alert rule, and a recent-changes timeline. ReUI Badge, Timeline; shadcn Sheet, Progress, AvatarGroup. Metric detail, analytics drilldown.
- [Cron job detail sheet with run history logs, duration chart and schedule settings](https://reui.io/blocks/application/sheet/sheet-12): Scheduled task drawer with a failure alert, a cron field breakdown with the next 5 runs, per-run logs with Retry, and Run Now and Pause. ReUI Badge, Alert, CodeBlock, NumberField; shadcn Sheet, Tabs, Chart. Cron monitor, job scheduler.
- [New cron job sheet with schedule presets, cron validation and a next runs preview](https://reui.io/blocks/application/sheet/sheet-13): Create form for a scheduled command: preset chips, a cron input read back in plain words, owner, service and cluster pickers, and a first run time. ReUI Badge; shadcn Sheet, ToggleGroup, InputGroup, Select, Switch. Cron job form, task scheduler.
- [Audit event detail sheet with config diff, raw JSON and request trace](https://reui.io/blocks/application/sheet/sheet-14): Security audit log inspector with actor, target and request facts, a denied or failed alert, J and K stepping and Mark reviewed with Undo. ReUI Timeline, CodeBlock, Alert, Badge; shadcn Sheet, Tabs, Kbd. Compliance review, activity log drawer.
- [Deploy rollout sheet with a live canary pipeline, streaming logs and health charts](https://reui.io/blocks/application/sheet/sheet-15): Release drawer for a canary in flight: Promote, Roll back and Pause controls, error rate and latency against the baseline, and the release's commits. ReUI CodeBlock, Frame, Alert, Badge; shadcn Sheet, Tabs, Chart, AlertDialog. Progressive delivery.
- [Failed deploy sheet with stage pipeline, full log and one-click retry](https://reui.io/blocks/application/sheet/sheet-16): CI/CD post-mortem drawer that opens on the failed run's log with wrap, download and copy, plus pipeline, health and changes tabs and J and K stepping. ReUI CodeBlock, Frame, Alert, Badge; shadcn Sheet, Tabs, Chart. Build failure, pipeline debug.
- [New firewall rule sheet with a condition builder and live match preview against recent traffic](https://reui.io/blocks/application/sheet/sheet-17): WAF and edge rule create form: IP, country, ASN, path, bot score and rate conditions, a live expression, and Block, Challenge, Allow or Log actions. ReUI Filters, CodeBlock, Frame; shadcn Sheet, RadioGroup, Select. Security rules, access control.
- [Firewall rule edit sheet with a condition builder, live match preview and sampled log matches](https://reui.io/blocks/application/sheet/sheet-18): Edit an existing WAF or access rule: conditions, action and an Enabled switch, with 24 hour hits, last hit, sampled log events, and Delete with Undo. ReUI Filters, CodeBlock, Frame, Badge; shadcn Sheet, Tabs, AlertDialog. Security rule editor.
- [Firewall request detail sheet with a decision trace and raw log JSON](https://reui.io/blocks/application/sheet/sheet-19): Inspect one logged WAF request: a verdict alert, IP, ASN, bot score and rate facts, J and K stepping, and Block IP, Allow IP or Create Rule actions. ReUI Alert, CodeBlock, Badge; shadcn Sheet, Tabs, Kbd. Firewall event log, edge security.
- [SLO detail sheet with error budget burn-down, burn rate alerts and event exclusions](https://reui.io/blocks/application/sheet/sheet-20): Service level objective drawer for SRE teams: fast and slow burn alerts, hourly burn on a log axis, 5 burn windows, alert rules and Copy as OpenSLO. ReUI Alert, Badge, Frame, NumberField; shadcn Sheet, Tabs, Chart. Uptime, reliability.
- [New SLO sheet with objective presets, burn alert switches and a live error budget preview](https://reui.io/blocks/application/sheet/sheet-21): Create form for a service level objective: an availability, latency, freshness or correctness indicator, a 99% to 99.99% target and a rolling window. ReUI NumberField; shadcn Sheet, ToggleGroup, Select, Switch, Textarea. SRE, uptime target.
- [Data connection detail sheet with sync health, dataset linking and masked data preview](https://reui.io/blocks/application/sheet/sheet-22): Data source drawer with auth and token alerts, Sync Now and Pause, schema drift on linked datasets, and a connection test in settings. ReUI Frame, Alert, Badge; shadcn Sheet, Tabs, Table, Chart. ETL, data pipeline, integration.
- [New connection wizard sheet with integration catalog, connection test and dataset picker](https://reui.io/blocks/application/sheet/sheet-23): 3 step data source setup: search integrations, paste a secret or authorize OAuth, pass a connection test, then check the datasets to sync. ReUI Stepper, Frame, IconTile, Badge; shadcn Sheet, InputGroup, Checkbox. ETL, integration onboarding.
- [Dataset preview sheet with masked sample rows, a schema view and upstream column drift](https://reui.io/blocks/application/sheet/sheet-24): Sample one connected table as rows or schema, with a Mask PII switch, an audit warning on unmask, copy query, resample and Accept for new columns. ReUI Frame, Alert, Badge; shadcn Sheet, Table, ToggleGroup, Select. Data catalog, table explorer.

### Application: Stats (17)

- [KPI stat card grid with up or down trend badges and a per-card overflow action menu](https://reui.io/blocks/application/stats/stats-1): Responsive four-column KPI cards: large formatted metric, colored up or down delta badge, vs-last-month line, plus a per-card overflow menu. Uses ReUI Frame and Badge with shadcn DropdownMenu, Button, Separator. Stats overview, metrics, analytics.
- [Color-block KPI stat cards with delta badge, vs-last-month row, and overflow menu](https://reui.io/blocks/application/stats/stats-2): Four KPI metric cards on solid color backgrounds with delta arrow badge, vs-last-month comparison, and per-card overflow menu. Built with ReUI Badge, shadcn Card, Button, DropdownMenu. Dashboard stats, KPI tiles, scorecard.
- [Subscription stats card with plan-tier segmented bar and expiring-soon renewal list](https://reui.io/blocks/application/stats/stats-3): Subscription metrics card: revenue and subscriber counts, a stacked Free/Pro/Enterprise tier bar with legend, and an Expiring Soon list with plan badges, days left, and renew links. ReUI Badge, shadcn Card, Select, Tooltip. For SaaS billing.
- [Leads overview stats card with range filter, progress bar and segmented returning-leads meter](https://reui.io/blocks/application/stats/stats-4): Lead summary card with a time-range Select, new vs returning counts, percent Badge, Progress bar and a 30-segment meter, plus top source and conversion rate Tooltip. ReUI Frame, Badge; shadcn Progress, Select, Tooltip. For CRM, marketing dashboards.
- [Dark balance stat card with segmented multi-currency allocation bar and topup action](https://reui.io/blocks/application/stats/stats-5): Wallet balance card with total amount, positive percent change, and a color-coded segmented bar splitting holdings by currency (USD, GBP, EUR) plus a Topup button. Uses shadcn Card and Button. For finance dashboards, crypto and banking apps.
- [Staff performance card with KPI trend grid, pipeline progress bar, and activity feed](https://reui.io/blocks/application/stats/stats-6): Sales rep performance summary: a 3-up KPI grid with up/down trend deltas, a pipeline progress bar, a recent activity list, and a quarter filter. ReUI Frame, Badge with shadcn Progress, Select, DropdownMenu, Button. For dashboards and scorecards.
- [Three-column stats panel with divided cells, large metric values and trend badges](https://reui.io/blocks/application/stats/stats-7): Bordered ReUI Frame panel split into three divided cells, each with a title, large metric value, colored trend Badge and period comparison subtext. KPI overview, dashboard stats, sales and churn metrics row.
- [Three-column KPI stat cards with icon tiles, trend badges, and date range footer](https://reui.io/blocks/application/stats/stats-8): Responsive 1 to 3 column metric grid; each card pairs a colored icon tile with a value, label, up/down trend Badge, and reporting date range. ReUI Frame, Badge, shadcn Item. For dashboards, analytics overview, KPI summary.
- [Tasks overview stat card with animated completion progress bar and AI finish-time prediction](https://reui.io/blocks/application/stats/stats-9): Task summary card: animated Tasks Done Progress bar, range Select filter, 3-column Backlog/In Progress/In Review buckets with colored counts, and AI prediction footer. ReUI Frame, shadcn Progress, Select. Project dashboard, productivity stats widget.
- [Total Revenue stat card with trend badge, dropdown actions menu, and supporting metric rows](https://reui.io/blocks/application/stats/stats-10): Single KPI revenue card: large currency figure, USD label, red trend Badge for quarter-over-quarter change, and stacked metric rows. Built on ReUI Frame and Badge with shadcn Button and DropdownMenu actions. For dashboards, analytics, finance.
- [API call quota usage card with progress bar, billed cost, and renewal date](https://reui.io/blocks/application/stats/stats-11): Single-stat usage card tracking API calls against a monthly quota: Progress bar for used vs total, dollar cost, remaining free calls, and a renewal-date footer. ReUI Frame, shadcn Progress and Button. Usage meter, billing, plan limit.
- [Support metrics stat card grid with colored icon tiles and status badges](https://reui.io/blocks/application/stats/stats-12): Three-column support KPI grid: each Frame card pairs a colored bordered icon tile with a bold value, label, and status Badge (tickets, resolved rate, satisfaction). ReUI Frame, Badge, shadcn Item. For support dashboards and service overview stats.
- [Compliance checks stat card with segmented bar gauge and overflow actions menu](https://reui.io/blocks/application/stats/stats-13): Single-metric card tracking compliance checks passing with a segmented filled-block gauge, percentage readout, and actions dropdown. Built on ReUI Frame plus shadcn Button and DropdownMenu. For security, audit, and status dashboard widgets.
- [Feature adoption stat card with segmented stacked indigo bar chart and actions dropdown](https://reui.io/blocks/application/stats/stats-14): Single metric card showing a large 84% adoption rate over a segmented bar chart of graduated indigo blocks, plus a header actions menu. ReUI Frame with shadcn Button and DropdownMenu. For KPI, analytics, and feature usage dashboards.
- [Three color-filled hero stat cards with metric, summary, and dark CTA action bar](https://reui.io/blocks/application/stats/stats-15): Three full-bleed colored metric cards, each with an icon, large KPI value, title, summary line, and a dark bottom CTA bar with a sliding arrow. Built on shadcn Card. For dashboards, KPI highlights, and stats callouts.
- [Portfolio allocation cards for 3 asset sleeves with period tabs, delta badges and segmented meters](https://reui.io/blocks/application/stats/stats-17): Equities, fixed income and alternatives cards, each on its own 1W, 1M, 3M and 1Y tabs with an allocation share, a signed delta, a 40 bar meter, exposure and managers. ReUI Frame, Badge; shadcn Tabs, Tooltip, Avatar. Asset management, fund dashboards.
- [Capacity usage strip of 3 divided metric cells with value over total and segmented meters](https://reui.io/blocks/application/stats/stats-18): Operational capacity panel for invoices, stock and budget: each cell pairs an icon tile and caption with value of total, a derived percent, a 40 bar meter and an actions menu. ReUI Frame, IconTile; shadcn DropdownMenu, Button. Ops dashboards.

### Application: Timeline (9)

- [Vertical customer activation timeline with collapsible milestone cards and status indicators](https://reui.io/blocks/application/timeline/timeline-1): Customer onboarding timeline where each activation milestone is a collapsible card with owner, priority and status badges, assignee avatars and due date. ReUI Timeline, Frame, Badge plus shadcn Avatar, Collapsible, Spinner. Onboarding tracker.
- [Vertical Account Rollout Timeline with Owner, Status Badges, Star Rating and File Attachments](https://reui.io/blocks/application/timeline/timeline-2): Vertical activity timeline of onboarding milestones, each with date, action title, owner, colored status and risk badges, optional star rating and downloadable attachment. ReUI Timeline, Badge, Rating. Customer success, audit log, milestone feed.
- [Finance activity timeline with avatar nodes, status badges, attachments, and inline actions](https://reui.io/blocks/application/timeline/timeline-3): Vertical finance feed of payouts, risk flags, invoices, ledger updates. Avatar nodes, dot plus colored status Badges, attachments, participant AvatarGroup, inline action Buttons. ReUI Timeline, Badge, shadcn Avatar, Button. Audit log, activity feed.
- [Team activity feed timeline with avatars, attachments, progress, ratings, and per-event action menu](https://reui.io/blocks/application/timeline/timeline-4): Vertical activity stream mixing actor avatars, attachment downloads, participant avatar groups, status badges, progress bars, star ratings, and a per-event action menu. Uses ReUI Timeline, Badge, Rating, shadcn Avatar, Progress, DropdownMenu.
- [Release changelog timeline with side date rail and color-coded type, impact, and change badges](https://reui.io/blocks/application/timeline/timeline-5): Vertical changelog feed: each release shows a version title, summary, and tagged badges for type (New, Fixed), impact, and changes, with a left date rail. ReUI Timeline, Badge. Release notes, product updates, version history.
- [Horizontal scrolling approval workflow timeline with file attachments, ratings, and owner avatars](https://reui.io/blocks/application/timeline/timeline-6): Horizontal scrollable timeline tracking approval steps, each with a phase status badge, attachment download, star rating, action button, and owner avatar. ReUI Timeline, Badge, Rating with shadcn Avatar, Button, ButtonGroup. For approval flows.
- [Account rollout activity dropdown with scrollable vertical timeline and per-step badges](https://reui.io/blocks/application/timeline/timeline-7): Dropdown holding a scrollable vertical timeline of rollout steps, each with date, owner, status badge, dot-meta badge, attachment and star rating. ReUI Timeline, Badge, Rating with shadcn DropdownMenu, ScrollArea. Activity feed, audit log.
- [Slide-out team activity timeline panel in a right sheet with avatars, badges, and progress](https://reui.io/blocks/application/timeline/timeline-8): Right-side activity feed panel listing team events as timeline entries with avatars, status badges, progress bars, attachments, ratings, and a per-item action menu. ReUI Timeline, Badge, Rating with shadcn Sheet, Avatar, DropdownMenu, ScrollArea.
- [Inset right sheet with a scrollable finance activity feed timeline and avatar indicators](https://reui.io/blocks/application/timeline/timeline-9): Floating right sheet with a scrollable activity feed of payouts, risk reviews, and ledger entries with avatar indicators, status badges, attachment downloads, and inline actions. ReUI Timeline, Badge; shadcn Sheet, Avatar. Audit log, notifications.

### Application: Whiteboard (2)

- [Excalidraw Whiteboard for shadcn/ui with Frames, Presence, Templates and Versions](https://reui.io/blocks/application/whiteboard/whiteboard-1): Embeddable Excalidraw whiteboard for shadcn/ui that fills any app content area and follows your tokens in light and dark: frames navigator, presence, templates, a shape library, PNG and SVG export, view only sharing and version restore.
- [Excalidraw Sprint Planning Board with Capacity Lanes, Presence, Follow Mode and Decision Log](https://reui.io/blocks/application/whiteboard/whiteboard-2): Excalidraw sprint planning room for shadcn/ui: lane frames that total story points against capacity as you drag cards, owner portraits, presence outlines with name tags, follow and present modes, and a decision log linked to the canvas.

### Application: Wizard (7)

- [Three-step billing setup wizard card with horizontal stepper, per-step validation, review summary](https://reui.io/blocks/application/wizard/wizard-1): Multi-step account and payment onboarding wizard in a Card: ReUI Stepper nav gates locked steps, validates each step, then shows a review summary with Badge. Uses Field, Input, InputGroup, Select, Switch, Button. For billing, checkout, onboarding.
- [Three-step procurement vendor onboarding wizard with per-step validation and review summary](https://reui.io/blocks/application/wizard/wizard-2): Multi-step vendor KYC intake: company details, compliance with repeatable beneficial owners and tax ID, then a document checklist and review summary. Per-step validation. ReUI Stepper, Frame, Badge plus shadcn Field, Input, Select, Checkbox, Tooltip.
- [Invoice send wizard with step progress bar, line-item table, and live tax and discount totals](https://reui.io/blocks/application/wizard/wizard-3): Four-step invoice send flow with progress Stepper, editable line-item Table, and live subtotal, tax, discount, and total. ReUI Stepper, Badge, shadcn Combobox, Card, Select, Calendar, Table, Tooltip. For billing, checkout, invoicing wizards.
- [Four-step billing upgrade wizard with live invoice preview sidebar and due-today total](https://reui.io/blocks/application/wizard/wizard-4): Plan, seats, payment, and review flow that recalculates seat subtotal, annual discount, and support fee into a draft invoice. Uses ReUI Stepper, Badge, Alert plus Card, RadioGroup, Slider, Select, and Calendar. For checkout and seat upgrade screens.
- [Three step team invitation wizard with per-row role assignment and pre-send review](https://reui.io/blocks/application/wizard/wizard-5): Add member emails with inline validation and per-row roles, set sender and expiry, then review a recipients table and send-readiness checks before queuing. ReUI Stepper, Frame, Badge plus shadcn Table, Select, Avatar. For onboarding and seat invites.
- [Five-step ecommerce product creation wizard with variant options and SKU matrix](https://reui.io/blocks/application/wizard/wizard-6): Add-product flow across details, image gallery, variant option groups, pricing, and a per-variant SKU matrix table. ReUI Stepper, Badge, Alert with shadcn Card, Select, Switch, Table, Dialog. Product setup wizard, multi-step form.
- [Four-step fund transfer wizard with payee search, currency combobox, and balance checks](https://reui.io/blocks/application/wizard/wizard-7): Money transfer flow over a 4-step Stepper: pick payee, set amount and funding source, review, authorize with a 6-digit code. Recent-payee grid, searchable saved accounts, multi-currency Combobox, low-balance Alert. ReUI Stepper plus shadcn Combobox.

### Data Grid: Base (8)

- [Customer CRM data grid with avatar rows, balance trends, and row actions menu](https://reui.io/blocks/data-grid/base/data-grid-base-1): Customer table for CRM and admin dashboards: search, status filter, avatar rows, balance trend tooltips, sortable resizable columns, pagination, and a row actions menu with delete confirm. ReUI DataGrid, Frame, Badge plus shadcn Avatar, DropdownMenu.
- [CRM contacts data grid with lead scoring, pinned rows, and a faceted filter builder](https://reui.io/blocks/data-grid/base/data-grid-base-2): Contacts table for a CRM or sales pipeline: pinned rows, a multi-field Filters builder, lead-score Progress bars, sparklines, status and category Badges, and column show/hide/resize/reorder. ReUI DataGrid, Filters, Frame, Badge, shadcn Avatar.
- [CRM sales opportunities data grid with pinned priority rows and faceted pipeline filters](https://reui.io/blocks/data-grid/base/data-grid-base-3): CRM deal pipeline table: pin top opportunities, filter by owner, stage, industry and alerts, sortable columns, circular progress rings, alert tooltips and a row actions menu. Uses ReUI DataGrid, Filters, Frame, Badge, shadcn Avatar, DropdownMenu.
- [Weekly team timesheet data grid with per-day hours and billable target tracking](https://reui.io/blocks/data-grid/base/data-grid-base-4): People rows plus seven day cells of logged hours with progress bars, and a weekly Total with target-coverage. Team, tracked-time, and billable Select filters, a Calendar week navigator, pagination. ReUI DataGrid, Frame; shadcn Avatar, Tooltip.
- [Support ticket queue data grid with SLA countdown, status filters, and bulk owner assignment](https://reui.io/blocks/data-grid/base/data-grid-base-5): Support ticket queue table in a Card: search, queue and multi-status filters, bulk assign-owner/status bar, SLA countdown cells, priority badges, close-ticket dialog. ReUI DataGrid, Badge; shadcn Card, Avatar, Select, Popover. Help desk, ticketing.
- [Members data grid with avatar rows, tabbed role and billing filters, and hover actions](https://reui.io/blocks/data-grid/base/data-grid-base-6): Team members table for admin and settings pages: avatar cells, billing status dots, search, a tabbed Role/Billing/Auth filter menu, and hover view, edit, delete actions. ReUI DataGrid, DataGridPagination, Badge with shadcn Avatar, DropdownMenu, Tabs.
- [Modules data grid with circular progress rings, status badges, and row actions](https://reui.io/blocks/data-grid/base/data-grid-base-7): Project modules table with per-row circular progress ring, task counts, date window, and status badges. Search, sort, status-filter, pagination, and row actions. ReUI DataGrid and Badge with shadcn DropdownMenu and InputGroup. For module manager.
- [Cloud SKU rate card data grid with stacked discounts, commit usage bars, and price breakdowns](https://reui.io/blocks/data-grid/base/data-grid-base-8): Price book table for usage billing: list-to-net rates with region uplift, header menus with live stats, AND/OR Filters, totals row, add/edit dialog with a live estimate. ReUI DataGrid, Filters, Frame; shadcn HoverCard. Price list, FinOps.

### Data Grid: Advanced (8)

- [Campaign performance grid with in-cell sparklines, ROAS bullet charts and new buyer share bars](https://reui.io/blocks/data-grid/advanced/data-grid-advanced-1): Paid media reporting table for 30 campaigns with a 6-tile KPI band that follows search and AND/OR rule filters, bulk pause and delete, and undo toasts. Rows open a 3-tab detail sheet. ReUI DataGrid, Filters, Cascader; shadcn Chart, Sheet. PPC, ROAS.
- [Store P&L grid with a geography tree, plan attainment bars and profit vs FY25 loss and gain cells](https://reui.io/blocks/data-grid/advanced/data-grid-advanced-2): Retail P&L for 28 stores in 10 markets, flat or as a Global, country, sub-region and state tree with rolled-up totals and a depth control. Region filter cards, range popovers, 3-tab sheet, undo. ReUI DataGrid, Cascader; shadcn Sheet. Retail, FP&A.
- [Campaign target grid with diverging ROAS and CPA bars, channel-grouped rows and a column filter row](https://reui.io/blocks/data-grid/advanced/data-grid-advanced-3): Paid media target review for 30 campaigns: ROAS and CPA each show target, tinted actual and a bar splitting misses from beats at one zero line. Verdict chips, range filters, 5-tab sheet, undo. ReUI DataGrid, Cascader; shadcn Sheet, Slider. PPC.
- [SLO error budget grid and linked lollipop chart with a shared objective and window override](https://reui.io/blocks/data-grid/advanced/data-grid-advanced-4): Reliability review of 18 SLOs: Exhausted, At Risk and Healthy tabs, a team filter, Runs Out, Alert and 90 day trend columns, and a 4-tab SLO sheet with burn-down, burn rate, events and edit. ReUI DataGrid, Frame; shadcn Chart, Sheet. SRE, uptime.
- [Wholesale application review grid with quick-update cells and expandable door rows](https://reui.io/blocks/data-grid/advanced/data-grid-advanced-5): Onboarding review for 24 retailer applications: in-cell decision, terms and check menus, a typed credit limit with undo, accounts that open into door rows with a rollup, and a 4-tab sheet. ReUI DataGrid, Filters, Cascader; shadcn Sheet, Calendar.
- [Retail Stock Mix Sheet With Categories as Columns, Pinned Totals and Range Editing](https://reui.io/blocks/data-grid/advanced/data-grid-advanced-6): Transposed stock mix sheet on ReUI DataGrid: categories as columns between pinned parameter and total columns, target over actual shares per season plan, range editing with paste and fill, a category sheet and purchase orders to submit.
- [Rental Property Pro Forma Grid With Section Subtotals, Pinned Returns and Line Editing](https://reui.io/blocks/data-grid/advanced/data-grid-advanced-7): Rental property pro forma on ReUI DataGrid: collapsible sections carry subtotals, a pinned footer totals the return, click to edit and pasted ranges write the monthly inputs, and row actions add, edit, duplicate, reset and remove lines.
- [Kitchen service visit planner with a three week day matrix and unbooked due markers](https://reui.io/blocks/data-grid/advanced/data-grid-advanced-9): Facilities planner for 18 restaurant kitchens: contractor visits by status on a 3 week day matrix, unbooked markers where a cycle runs out, vendor contact, sign-off with report numbers, CSV history. ReUI DataGrid, Frame; shadcn Popover, Calendar.

### Data Grid: Columns (5)

- [Workspace permissions data grid with tab-swapped scope columns and per-cell access toggles](https://reui.io/blocks/data-grid/columns/data-grid-columns-1): Access review matrix whose columns swap per General, Tags, and Permissions tab, each scope a Switch toggle cell with row pinning, sorting, role filter, and search. ReUI DataGrid, Frame, shadcn Tabs, Switch, Avatar. For RBAC admin, roles, team access.
- [Course Catalog Data Grid with Settings Popover for Density and Column Visibility](https://reui.io/blocks/data-grid/columns/data-grid-columns-2): Course catalog table with thumbnail rows, category Badge, star Rating, assignee AvatarGroup, and completion rings. Status Tabs, category Select, search, plus a Popover for density, resizable and movable columns, and column visibility. LMS admin grid.
- [Work queue data grid with table and card view toggle and column display controls](https://reui.io/blocks/data-grid/columns/data-grid-columns-3): Work queue task tracker with tabs, table/card view switch, and a Display popover for density, sticky header, resizable and movable columns, and toggled properties. Filter row, sorting, pagination. ReUI DataGrid, Filters, Badge plus shadcn Card, Tabs.
- [Members directory data grid with toggleable display columns and view settings popover](https://reui.io/blocks/data-grid/columns/data-grid-columns-4): Member directory table for admin and people pages. A settings popover toggles display columns, sets ordering, and hides paused members. Built with ReUI DataGrid, Filters, Badge, and Rating plus Avatar, Popover, Switch, and a row-actions DropdownMenu.
- [CRM companies grid with a drill-down cascader that adds real columns on demand](https://reui.io/blocks/data-grid/columns/data-grid-columns-5): Companies grid whose columns are added at runtime by a Cascader attribute picker: drillable groups, cross-level search, added columns checked, a footer submenu that creates an attribute by type. ReUI Filters, hide, reorder, pin.

### Data Grid: Drag & Drop (4)

- [Sprint backlog data grid with drag handle row reordering and live priority rank](https://reui.io/blocks/data-grid/drag-drop/data-grid-drag-drop-1): Drag-to-prioritize task table where reordering rewrites the rank column; row handles, move-to-top/bottom and remove menu, reset, empty state. ReUI DataGrid, Frame, Badge; shadcn Avatar, DropdownMenu. Backlog, sprint, priority queue.
- [Routing rules data grid with drag-to-reorder priority and per-row enable switches](https://reui.io/blocks/data-grid/drag-drop/data-grid-drag-drop-2): First-match-wins rule list where dragging a row sets precedence. Drag-drop rows, per-row Switch toggles, menu to move top/bottom or delete, reset, empty state. ReUI DataGrid, Badge; shadcn Card, DropdownMenu. For automations, routing config, rules.
- [Fulfillment dispatch data grid with drag-to-reorder columns and saved layout presets](https://reui.io/blocks/data-grid/drag-drop/data-grid-drag-drop-3): Warehouse wave dispatch board with draggable, resizable columns, layout preset buttons (Dispatch, Dock, Risk), reset, and a live numbered review-order strip. ReUI DataGrid, Frame, Badge, shadcn Button, status pills, capacity bars.
- [Shared drive tree grid with reparenting drag and drop and tri-state folder checkboxes](https://reui.io/blocks/data-grid/drag-drop/data-grid-drag-drop-4): Nested file storage browser on the ReUI DataGrid: a recursive folder tree with getSubRows and DataGridTableRowExpand depth indentation, file manager style tree drag and drop that reparents, dropping on a folder to go inside it and between rows to reorder, with an insertion line and a folder tint as the only feedback so no row moves for the length of a drag, the drop depth read off the pointer's horizontal travel, a closed folder reachable by a plain vertical drag and opened once it receives a row, and a carried folder taking its whole subtree, tri-state folder checkboxes that cascade to every descendant, rolled up folder size and item count, expand all and collapse all controls, a bulk selection bar, and an honest empty state.

### Data Grid: Editing (6)

- [Labels manager list with inline create and edit form, color picker, and drag-to-reorder rows](https://reui.io/blocks/data-grid/editing/data-grid-editing-1): Manage project labels in a sortable list: inline add and edit form with hex color picker Popover, drag-to-reorder rows, and delete confirmation. Uses ReUI Sortable plus shadcn Item, Input, Field, AlertDialog, Empty. For label, tag, and taxonomy UIs.
- [Inline-editable product inventory data grid with per-cell validation and a dirty-state save bar](https://reui.io/blocks/data-grid/editing/data-grid-editing-2): Edit inventory rows in place with text, number, and select cell editors, live validation, and a dirty-tracking Save / Discard bar. Search, status filter, add, duplicate, delete. ReUI DataGrid, Frame, Badge with shadcn Input, Select, Switch.
- [Inline-editable project intake data grid with dirty-state Save and Discard bar](https://reui.io/blocks/data-grid/editing/data-grid-editing-3): Editable request intake table with click-to-edit text, number, and select cells, validation, search, status and priority filters, approval Switch, and unsaved-change tracking. ReUI DataGrid, Badge; shadcn Card, Input, Select, AlertDialog.
- [Pricing Plan Editor With Per-Row Edit Mode and Inline Validation](https://reui.io/blocks/data-grid/editing/data-grid-editing-4): Per-row edit-mode data grid for pricing plans: the table is read-only until one row is checked out with Edit, its fields turn into inline inputs and selects bound to a single draft, and Save or Cancel commits or reverts that one row on its own with no global save bar and no bulk actions
- [Spreadsheet Task Grid With Cell Range Editing, Custom Cell Controls, and Undo](https://reui.io/blocks/data-grid/editing/data-grid-editing-5): Virtualized spreadsheet task grid with cell ranges, clipboard paste, drag-to-fill, in-cell selects and date pickers, and an undo stack instead of a save bar. Built on ReUI DataGrid, Frame and Cascader. For launch runbooks and Airtable style tables.
- [Spreadsheet Reorder Plan With On-Demand Column Filter Row and Summary Footer](https://reui.io/blocks/data-grid/editing/data-grid-editing-6): Stock replenishment sheet on a virtualized ReUI DataGrid: an on-demand filter row with text, select and numeric rule fields, switchable footer totals, range editing with undo and redo, and a status bar. For purchasing, inventory, Excel-style grids.

### Data Grid: Expansion (3)

- [Task queue data grid with expandable parent rows that reveal nested sub-tasks inline](https://reui.io/blocks/data-grid/expansion/data-grid-expansion-1): Issue tracker / task management grid where parent tasks expand to inline sub-tasks with their own checkboxes, status and assignee. Tabs, filters, settings popover for ordering and columns. ReUI DataGrid, Filters, Frame, Badge, shadcn Tabs, Checkbox.
- [Treasury Waterfall Data Grid with Expandable Lines and Actuals, Plan, Variance Tabs](https://reui.io/blocks/data-grid/expansion/data-grid-expansion-2): Cash-flow grid: expandable parent lines drill into child items, Actuals/Plan/Variance tabs, Calendar month-range picker, search, plan-match and variance tooltips. For treasury, FP&A, budget, and burn dashboards. ReUI DataGrid, Frame, Badge.
- [Release Review Data Grid with Expandable Rows Revealing a Checklist Card Rail](https://reui.io/blocks/data-grid/expansion/data-grid-expansion-3): Release approval queue where TanStack rows expand into a rail of check cards with rating and coverage rings. Search and status filters, View Settings popover, readiness rings, approve and escalate actions. ReUI DataGrid, Badge, Rating; shadcn Card.

### Data Grid: Filtering (4)

- [Billing transactions data grid with multi-field filter bar and async skeleton loading](https://reui.io/blocks/data-grid/filtering/data-grid-filtering-1): Transactions ledger grid with a Filters bar (text, searchable selects, contains/between operators), clear-all, async skeleton loading, sorting, pagination, and row actions. ReUI DataGrid, Filters, Frame, Badge. Payments, billing, fintech table.
- [Workflow automation library data grid with status tabs and a multi-field filter popover](https://reui.io/blocks/data-grid/filtering/data-grid-filtering-2): Automation library table with counted status tabs (Live, Needs approval, Draft, Paused) and a Filters popover for search, owner team, delivery mode and last updated. ReUI DataGrid, Frame, Filters, Rating, Badge; shadcn Tabs, Switch, DropdownMenu.
- [Renewals data grid with multi-field filter builder, bulk owner and stage actions](https://reui.io/blocks/data-grid/filtering/data-grid-filtering-3): Revenue-ops renewals table with a Filters builder (account, stage, risk, window, owner), a settings popover for density and column visibility, and bulk owner/stage reassign on row select. ReUI DataGrid, Filters, Badge; shadcn Card, Select, Popover.
- [Renewals risk data grid with multi-field filter builder and pinned at-risk accounts](https://reui.io/blocks/data-grid/filtering/data-grid-filtering-4): Customer success renewals queue: filter builder (account, owner, stage, signals, alerts), pinned at-risk rows, density and column settings, health Progress bars. ReUI DataGrid, Filters, Badge, shadcn Card, Popover, DropdownMenu, HoverCard.

### Data Grid: Grouping (7)

- [Roadmap Queue Data Grid Grouped by Stage with Collapsible Category Rows](https://reui.io/blocks/data-grid/grouping/data-grid-grouping-1): Tasks grouped under expandable stage rows with owner avatars, due dates, completion rings, and signal badges. Search, signal filter, density and column toggles. ReUI DataGrid, Badge, shadcn Avatar, Popover. Roadmap, issue tracker, project board.
- [Account revenue grouped by region with collapsible rows and ARR subtotals](https://reui.io/blocks/data-grid/grouping/data-grid-grouping-2): Region-grouped accounts, collapsible rows, per-region ARR and weighted NRR, grand-total footer. Health filter, search, density and column toggles. ReUI DataGrid, Frame, Badge; shadcn Button, DropdownMenu, InputGroup, Popover, Select. CRM, NRR.
- [Patient access cohort DataGrid with switchable grouping and outcome heatmap](https://reui.io/blocks/data-grid/grouping/data-grid-grouping-3): Grouped DataGrid bucketing intake signals by area, booking strength, or hold risk. Color-graded heatmap cells, footer totals, hold-risk filter, cohort benchmark. ReUI DataGrid, Frame, Badge; shadcn Button, Separator. Intake triage, cohort analysis.
- [Bill Of Materials Tree Grid With Rolled-Up Cost And Supply Risk](https://reui.io/blocks/data-grid/grouping/data-grid-grouping-4): Multi-level DataGrid tree mode for a bill of materials: recursive subRows at arbitrary depth, DataGridTableRowExpand depth indentation, quantity multiplied down the tree, cost and lead time rolled up, supply risk badges, a depth level control and a grand-total footer.
- [Reporting Hierarchy Tree Grid With Span Of Control And Cascading Selection](https://reui.io/blocks/data-grid/grouping/data-grid-grouping-5): Multi-level DataGrid tree mode for an HR org chart: recursive subRows at arbitrary depth, DataGridTableRowExpand indentation, org size and open roles rolled up each reporting line, tree-cascading row selection with a corrected tri-state checkbox, sticky header, depth control and a bulk selection bar.
- [Editorial Production Desk With Per Section Tables And Repeated Headers](https://reui.io/blocks/data-grid/grouping/data-grid-grouping-6): Sectioned DataGrid layout for an editorial story pipeline: one independent DataGrid per group so every stage repeats its own column header row, a switchable Stage, Desk or Issue grouping dimension, tinted stage bands with counts and an add button, AvatarGroup bylines, flag placement badges and asset and note count chips.
- [Delivery Board With Per Stage Column Headers And Segmented Completion Meters](https://reui.io/blocks/data-grid/grouping/data-grid-grouping-7): Studio delivery board grouped by stage: one DataGrid per stage so every stage repeats its full column header row, sharing one sort and selection state. Client brand tiles, a segmented completion meter, crew AvatarGroup, milestone dates. Search, stage filter, density and column toggles, per-stage select all.

### Data Grid: Virtualization (2)

- [Virtualized data grid with infinite scroll and bulk row actions](https://reui.io/blocks/data-grid/virtualization/data-grid-virtualization-1): Transaction table that virtualizes rows and loads on scroll. Search, sorting, filter dropdowns, column visibility, bulk export/refund. ReUI DataGrid, Frame, Badge, Filters; shadcn Button, InputGroup, Popover, Switch. Payments ledger, admin panel.
- [Virtualized shipment exception queue with infinite scroll](https://reui.io/blocks/data-grid/virtualization/data-grid-virtualization-2): Exception queue over 8,000 virtualized rows with infinite-scroll paging, row selection, bulk assign/release, faceted filters, search, and sorting. ReUI DataGrid, Frame; shadcn Button, Separator, Tooltip. Operations dashboard, shipment tracking.

### Charts: Area Chart (4)

- [Power generation mix ridgeline chart with 6 sources in 3D depth, a 2D toggle and baseline menu](https://reui.io/blocks/chart/area-chart/chart-16): Hourly grid output for one day by solar, wind, nuclear, gas, hydro and battery, a total vs forecast, last week or 30-day average, source presets, hour readout, CSV and JSON export. ReUI Frame, shadcn ToggleGroup, Dialog. Energy dashboard.
- [Campaign impressions chart of this period against the prior one, with 4 stats and a channel filter](https://reui.io/blocks/chart/area-chart/chart-17): Ad impressions summed across search, social, display and video as dashed current and prior period areas, plus total, daily average, peak and top channel stats, a mix tooltip, accent picker and CSV export. ReUI Frame, Badge, ColorPicker. Marketing.
- [Orders overview chart with orders, revenue and average order tabs over a hatched gradient area](https://reui.io/blocks/chart/area-chart/chart-18): Store performance card: a Day, Week, Month or Year menu, metric tabs with change on the prior period, a pinned value pill, curve and layer options, refresh, expand, CSV and copy export. ReUI Frame, shadcn Tabs, DropdownMenu. Ecommerce sales.
- [Monthly leads area chart comparing this year to last, with a widget toolbar and accent picker](https://reui.io/blocks/chart/area-chart/chart-52): Leads per month or quarter over an area fill with drifting dots, against last year in grey, with a trend line. Display and Trend menus, color picker, refresh, expand dialog, CSV and copy export. shadcn Card, ReUI ColorPicker. CRM dashboard.

### Charts: Bar Chart (12)

- [Yearly capital inflows chart with 3D prisms stacked by fund and a hatched run-rate estimate](https://reui.io/blocks/chart/bar-chart/chart-9): Net new capital per year across 6 funds, with KPIs for growth, top fund share and run rate. Year range and fund menus, a legend that isolates one fund, CSV and copy exports. ReUI Frame, Badge, IconTile; shadcn ToggleGroup. For treasury dashboards.
- [Weekly training volume bar chart with an accent week and last block ghost bars or plan finish tapes](https://reui.io/blocks/chart/bar-chart/chart-10): 12 weeks of running time or distance as patterned bars against the last block or the plan, with a week readout, legend totals, an Expand dialog and CSV or JSON exports. shadcn Card, Chart, ToggleGroup, Dialog. For marathon training logs.
- [Inventory velocity bar chart with pill bars toned by stock health, a warehouse filter and sorting](https://reui.io/blocks/chart/bar-chart/chart-29): Daily units sold for 12 categories as pill bars toned healthy, watch or slow by days of supply, with a stock health bar and a warehouse hover readout. Period, sort and warehouse menus, color picker, CSV. ReUI Frame, Badge, ColorPicker; shadcn Chart.
- [Diverging road and rail transit bar chart by region, ahead of or behind target on a live feed](https://reui.io/blocks/chart/bar-chart/chart-30): Road and rail lanes per region as capsules growing from the target line, ranked by gap and nudged by a live carrier feed. Median or P90 toggle, sort and overlay menus, CSV export. ReUI Frame, Badge; shadcn Chart, ToggleGroup. For logistics SLAs.
- [Hourly runner time stacked bar chart with outcome toggles and a timeout burn callout](https://reui.io/blocks/chart/bar-chart/chart-32): Cron runner time or run counts over 6, 12 or 24 hours as hourly bars stacked by succeeded, timed out and failed, with 4 stats, a searchable job picker, outcome presets and auto-refresh. ReUI Frame, Badge; shadcn Chart, Combobox.
- [Cron job run duration bars with status tones, a timeout line and a Run now toolbar](https://reui.io/blocks/chart/bar-chart/chart-33): A cron job's last 20 runs as Recharts bars split into queue, execute and teardown over a p50 to p95 band with outliers and deploys, in a pickable chart color. A bar opens its log tail and Retry in a shadcn Sheet. ReUI Frame, ColorPicker, CodeBlock.
- [Audit log event volume chart with stacked outcome pills, drag range selection and denial avatars](https://reui.io/blocks/chart/bar-chart/chart-35): Audit log event volume over 1h to 30d as stacked success, denied and failed pills, with category and actor filters, auto-refresh and CSV or JSON export. A readout and breakdown strip follow the hovered bar or dragged range. ReUI Frame.
- [Hourly firewall traffic pill grid with hour tooltips, a range and view toolbar and incident markers](https://reui.io/blocks/chart/bar-chart/chart-40): Firewall traffic per hour as pill columns of blocked, challenged and allowed requests that light up on load. Hover or focus opens an hour's breakdown tooltip; the toolbar sets range, view and layers, refreshes and exports.
- [Error budget burn-down with daily lollipop stems, an SLO picker and a budget ribbon](https://reui.io/blocks/chart/bar-chart/chart-42): SLO error budget burn-down as daily Recharts lollipops below 0% once overspent, with a forecast tail and drag to sum spend. A Select picks the SLO; menus mute burn alerts, freeze deploys, declare incidents and export. ReUI Frame. SRE dashboards.
- [SLO burn rate panel with hourly log scale lollipops, window tracks, alert rules and mute](https://reui.io/blocks/chart/bar-chart/chart-43): Multiwindow SLO burn rate panel: the last hour, log tracks for 5 windows from 5m to 3d and alert rules with state Badges. Hourly Recharts lollipops on a log axis with a 24h or 72h toggle, Mute alerts and CSV or JSON export. ReUI Frame, shadcn Item.
- [Hourly data sync activity chart for all connections with a Runs or Rows toggle and a source filter](https://reui.io/blocks/chart/bar-chart/chart-45): Data sync activity over 24 hours as Recharts columns stacked by outcome, under runs, landed, failed and rows synced stats. Tooltips name failing and slow connections; a menu exports CSV or copies a summary. ReUI Frame, Badge. ETL pipeline health.
- [Connection sync history card with hourly outcome columns and a recent runs list](https://reui.io/blocks/chart/bar-chart/chart-47): Sync history for one data connection: success rate against the prior 24h with freshness and next sync, 24 hours of hatched Recharts columns by rows or runs, and the 5 newest runs with errors and Retry. ReUI Frame, Badge, IconTile. ETL monitoring.

### Charts: Composed Chart (5)

- [Lending pool liquidity chart with asset-stacked supply, withdrawals below zero and a TVL lane](https://reui.io/blocks/chart/composed-chart/chart-19): Lending pool supply stacked by asset over withdrawals below zero, with TVL in a lane above, 30D, 90D or 1Y ranges, an asset filter and a menu for layers, CSV and copy. ReUI Frame, Badge, IconTile; shadcn Chart, Dropdown Menu.
- [Sales vs goal line chart with an attainment and YTD tooltip, quarter close marker and accent picker](https://reui.io/blocks/chart/composed-chart/chart-20): Closed sales by month against a dashed goal and last year. Tooltip with attainment, deltas and running YTD; range and display menus, color picker, refresh, expand, CSV and copy export. shadcn Card, ReUI ColorPicker, Badge. Quota dashboard.
- [Cashflow composed chart with a balance panel, in and out columns, net flow dots and a waterfall](https://reui.io/blocks/chart/composed-chart/chart-21): Operating cashflow card: a balance panel over a reserve floor above in and out columns with net flow dots, or a Waterfall from the opening; closing cash, burn and low point KPIs, a 3 row breakdown, CSV export. ReUI Frame, Badge. Finance dashboards.
- [Operating margin chart with revenue and opex bars, a margin lane, a target and hatched forecast](https://reui.io/blocks/chart/composed-chart/chart-36): Fiscal year P&L by month or quarter: revenue and opex columns, an operating margin line against a dashed target, hatched forecast months, YTD stats and CSV export. Recharts in a ReUI Frame with ToggleGroup. Finance and margin dashboards.
- [Canary latency chart with stacked baseline and regression columns, breach stats and a rollback track](https://reui.io/blocks/chart/composed-chart/chart-37): Canary latency for a rolled-back release, one stacked column per sample: the old version's baseline, the regression and the excess past a dashed limit, under a stage track ending on the rollback. Percentile switch, layers, replay and CSV export.

### Charts: Line Chart (6)

- [Portfolio balance line chart with range tabs, high and low markers and a benchmark overlay](https://reui.io/blocks/chart/line-chart/chart-4): Daily account balance over 1M, 3M, YTD or 1Y: a morphing Recharts line with high and low markers, a Compare benchmark toggle, an average line, a line color picker, a full readout tooltip, stats and CSV export. ReUI Frame.
- [Metric switcher trend chart with KPI tiles, a previous-period ghost line and event annotations](https://reui.io/blocks/chart/line-chart/chart-6): Storefront metrics card where four KPI tiles (orders, revenue, active users, p95 latency) switch one daily area trend, read against the previous period as a dashed line, with release and sale annotations, 7D to 90D ranges and CSV export.
- [Revenue trend line chart with subscription and one-time streams against the previous period](https://reui.io/blocks/chart/line-chart/chart-22): Net revenue over 7 days to 12 months beside subscription and one-time lines and a dashed baseline from the previous period or last year, with KPI deltas, a running total view and CSV export. ReUI Frame, Badge. SaaS finance dashboard.
- [Social engagement line chart comparing channels by metric with a per-channel breakdown table](https://reui.io/blocks/chart/line-chart/chart-23): Facebook, Instagram and LinkedIn lines over 24 hours to 12 months, switchable between engagement rate, engagements, impressions and link clicks, a format filter, previous-period ghosts and a per-channel table. ReUI Frame, Badge. Social analytics.
- [Dual-axis sales vs traffic line chart with period compare, line color pickers and store KPIs](https://reui.io/blocks/chart/line-chart/chart-24): Storefront sales and product views over 30 days, 13 weeks or 12 months, with previous period lines, per line color pickers, sales, views, conversion and order value KPIs, CSV or JSON export. shadcn Card, Chart, ToggleGroup. For e-commerce analytics.
- [NFT floor price line chart with a top bid spread band and a floor alert](https://reui.io/blocks/chart/line-chart/chart-26): Daily NFT collection floor price over 7D, 30D, 90D or 1Y against the top collection bid, with the spread as a band, a floor alert that tints every close below its level, a full readout tooltip, stats and CSV export. ReUI Frame.

### Charts: Pie Chart (3)

- [Capital inflows donut card with a period switch, change on the period before and a source breakdown](https://reui.io/blocks/chart/pie-chart/chart-13): Capital inflows card with a week, month or year switch, the total and its change on the period before, a ring of three tracked sources and a hatched rest, and source rows with share and change. ReUI Frame, Badge, shadcn Chart, ToggleGroup.
- [Browser usage donut with version drill-down, support line flags and a breakdown table](https://reui.io/blocks/chart/pie-chart/chart-27): Unique visitors by browser or rendering engine over 7, 30 or 90 days, drilling into versions flagged under a support line, with a previous period ring, share bars and change badges, CSV and summary export. ReUI Frame, Chart, Table, ToggleGroup.
- [Budget rose of cloud spend by category with overspend past a budget ring and service drill-in](https://reui.io/blocks/chart/pie-chart/chart-54): FinOps budget rose of amortized cloud cost: each wedge is as wide as its category's budget and as long as its use, breaking a dashed budget ring once over, with a drill into its services. ReUI Frame, Item, Select.

### Charts: Radial Chart (3)

- [SLO error budget card with concentric radial rings per objective, burn rate and a service switch](https://reui.io/blocks/chart/radial-chart/chart-7): Error budget card for one service: four striped concentric radial rings of the budget each objective has left, beside a table of target, attainment, budget bars, burn and status. ReUI Frame, Badge, shadcn Chart, Table, Select.
- [API health KPI panel with SLO ring gauges, trend arrows and region scope](https://reui.io/blocks/chart/radial-chart/chart-8): API health panel: availability, p95 latency, error rate and throughput as segmented SLO rings with a redline band, trend arrows vs the prior window, latest, peak and time past limit per region, auto refresh and CSV export.
- [Cash inflows radial day clock with source spokes and a source-stacked target ring](https://reui.io/blocks/chart/radial-chart/chart-12): Every day of the period as a spoke stacked by source, last period as ghost spokes, and a target ring of settled arcs per source plus cash in transit, with a pace bead, forecast figures and a source list. ReUI Frame, IconTile, Badge.

### Charts: Sankey Chart (3)

- [Income statement Sankey chart with revenue, cost and profit flows and a quarter picker](https://reui.io/blocks/chart/sankey-chart/chart-48): Quarterly P&L as a Recharts Sankey: 3 revenue lines merge, then split into costs and profit down to net income. KPI deltas vs last quarter, node pinning, a revenue, cost or profit highlight, CSV export. ReUI Frame, shadcn Select. Earnings report.
- [Trial conversion Sankey chart with channel signups, a drop-off node per stage and volume pulses](https://reui.io/blocks/chart/sankey-chart/chart-49): Trial journey as a Recharts Sankey: 4 channels merge into signups, then each stage splits into survivors and a drop-off node. Flows sweep in, pulses ride each link by volume, hover traces lineage. ReUI Frame, shadcn ToggleGroup. PLG onboarding.
- [Sales funnel Sankey chart with lead source ribbons, a draining entrance and leak drops](https://reui.io/blocks/chart/sankey-chart/chart-53): Deals by lead source as a centered funnel Sankey in a shadcn Card, under a stat strip of conversion, leads, won deals and the biggest leak. Ribbons drain in, drops leak by loss rate, ranges morph, hover reads each stage; CSV and copy export.

### Charts: Slope Chart (2)

- [Live error budget runway slope chart with traffic weighted lines and a current or baseline switch](https://reui.io/blocks/chart/slope-chart/chart-50): Services ranked by traffic slope to their days of error budget left, re-sorting live as burn drifts, below 4 fleet stats with an inspector footer and CSV export. ReUI Frame, Badge; shadcn ToggleGroup, Progress; Recharts. SRE wallboard.
- [Channel retention slope chart with a day ruler re-ranking channels from signups to Day N retention](https://reui.io/blocks/chart/slope-chart/chart-51): Acquisition channels ranked by signups slope to their rank by users kept, scrubbed from Day 1 to 90 through 3 lifecycle stages, with an insight footer and CSV export. ReUI Frame, Badge; shadcn Slider, ButtonGroup; Recharts. Cohort retention.

### Charts: Sparkline (11)

- [Inventory KPI summary card with period tabs and per-metric sparkline trends](https://reui.io/blocks/chart/sparkline/chart-1): Catalog health overview: Week/Month/Year tabs switch four inventory KPIs (in stock, out-of-stock, restock, slow movers), each with a recharts sparkline and tone-coded delta. ReUI Frame and Badge; shadcn Tabs, Chart, Button. Stats dashboard widget.
- [Four-column KPI stat row with corner line sparklines and trend badges](https://reui.io/blocks/chart/sparkline/chart-2): Bordered row of compact KPI stat cards, each pairing a big value with a top-right line sparkline (hover tooltip) and an up/down trend badge. Built with ReUI Frame and Badge plus shadcn Chart over Recharts. For dashboard metric strips and analytics.
- [Portfolio Balance Cards with Bottom-Anchored Line Charts on a Dotted Bed](https://reui.io/blocks/chart/sparkline/chart-3): Three-column grid of balance cards, each with an icon tile, total value, up or down percent change, and a full-width line chart over a dotted background. Built with ReUI Frame and shadcn ChartContainer for wallet, fund, and portfolio dashboards.
- [Finance KPI metric grid with delta badges, brand logo stacks and mini area sparklines](https://reui.io/blocks/chart/sparkline/chart-5): Finance overview KPI grid: net worth, portfolio, investments and cashflow cards with delta badges, brand logo stacks, and mini area-chart sparklines. Uses ReUI Frame and Badge plus shadcn Chart. For wealth, fintech, crypto dashboards.
- [Distance Metric Card with Week, Month, Year Tabs and Dotted Sparkline Fill](https://reui.io/blocks/chart/sparkline/chart-11): Cycling distance KPI card that swaps a dotted area sparkline and value across Week, Month, and Year tabs. Built with ReUI Frame and shadcn Tabs for fitness, activity, or analytics stat panels and metric widgets.
- [Three KPI stat cards with gradient sparkline area charts and hover tooltips](https://reui.io/blocks/chart/sparkline/chart-15): Responsive row of metric cards, each pairing an icon, label, period and big value with a compact gradient area sparkline and hover tooltip. ReUI Frame, Recharts AreaChart. KPI dashboard, revenue and user stats overview.
- [Order Metrics List Card with Per-Row Line Sparklines and Trend Badges](https://reui.io/blocks/chart/sparkline/chart-25): Vertical KPI metrics list: each row pairs a value, suffix, and up or down trend Badge with a compact line sparkline over a grid. Uses ReUI Frame, Badge and shadcn ChartContainer, Separator. For orders, spend and finance dashboards.
- [Cron job health KPI strip with SLO sparkline, failure split and next run track](https://reui.io/blocks/chart/sparkline/chart-31): 4 KPI tiles for a cron job fleet: active jobs by health, success rate against a dashed SLO line, failed vs timed out runs and the next scheduled run. Built on ReUI Frame, Badge, IconTile and shadcn Chart, Progress. For scheduler and job monitoring.
- [SLO health KPI strip with lollipop minis for budget left, hourly burn peaks and budget events](https://reui.io/blocks/chart/sparkline/chart-41): 4 KPI tiles for an SLO fleet: objectives meeting target, median budget left, hourly burn peaks and budget events, each with a lollipop or bead mini. Hover turns the footer into a column readout. ReUI Frame, Badge, IconTile, Recharts. Error budgets.
- [SLO error budget list with diverging lollipop pins, an attention filter and a New SLO dialog](https://reui.io/blocks/chart/sparkline/chart-44): A Frame list of service level objectives, each row pairing a diverging lollipop pin of error budget left or overspent with a 28-day bead sparkline. A filter, sort, New SLO dialog and CSV or JSON export sit in the header. SLO tracking.
- [Data connection KPI strip with health segment bars, a rows synced area trend and failure day bars](https://reui.io/blocks/chart/sparkline/chart-46): 4 KPI tiles for a data integration fleet: health and dataset sync segment bars, a rows synced area and failed syncs by day, the 2 daily plots with a day readout, toned change arrows. ReUI Frame, shadcn Chart on Recharts. ETL sync monitoring.

### Charts: Status Tracker (3)

- [Cron job run history list with capsule duration strips, a fleet summary, filters and CSV export](https://reui.io/blocks/chart/status-tracker/chart-34): Cron fleet run history: success rate and trend, run outcome mix, failing jobs and slowest p95 over a row per job with last run, a 10 or 20 run capsule strip of HoverCards and p95. Filter, sort, export. ReUI Frame, Badge, shadcn Item, Select.
- [Environment release lanes with live 6-stage meters, Promote gates and a service version matrix](https://reui.io/blocks/chart/status-tracker/chart-38): Staging, Sandbox and Production release lanes with live 6-segment stage meters and Promote connectors between them. A canary waits at a Promote gate behind an AlertDialog; a Collapsible matrix flags held and failed services with Badges. CI/CD board.
- [Pipeline runs list with segmented stage meters, an environment filter and a New deploy dialog](https://reui.io/blocks/chart/status-tracker/chart-39): A deploy history list in a Frame where each run shows its service, version, environment and status Badge beside a 6-segment stage meter. A filter, a New deploy Dialog and CSV or JSON export sit in the header. HoverCard stage breakdowns. CI/CD.

### Solutions: Dev Ops (6)

- [Dev Ops Cron Jobs Console with Run History Bars, Cron Editor and Job Detail Sheet](https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-1): Scheduled job grid with enable switches, health tabs, Filters and bulk run or pause, plus run logs, a run time chart and the next runs preview. ReUI Data Grid, Filters, Code Block, Frame. For Kubernetes CronJob, task scheduler.
- [Dev Ops Infrastructure Audit Log with Outcome Volume Chart, Saved Views and Diff Sheet](https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-2): Audit trail of deploys, config, secrets and access changes: a denied attempts review queue, chip filters, bulk mark reviewed and CSV or JSON export. ReUI Data Grid, Filters, Code Block, Timeline. For compliance log, change history.
- [Dev Ops Deployments Console with Promotion Lanes, Live Canary Rollout and Release Sheet](https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-3): Release console: Staging, Sandbox and Production lanes, a deploy history grid, streaming deploy logs, canary versus baseline charts and rollback. ReUI Data Grid, Filters, Code Block. For CI/CD dashboard, release management.
- [Dev Ops Edge Firewall Console with Ordered Rules, IP Lists, Protections and Traffic Log](https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-4): Edge firewall: drag to reorder rules, a condition builder with a match preview, WAF, bot and rate limit protections, and a request trace per verdict. ReUI Data Grid, Filters, Frame. For WAF, edge security, network policy.
- [Dev Ops SLO Console with Error Budget Burn-Down, Burn Rate Alerts and Objective Sheet](https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-5): SLO console: KPI tiles, a burn-down you drag to sum spend, an objectives grid with budget and alert columns, incident exclusions and OpenSLO copy. ReUI Data Grid, Filters, Frame. For SRE dashboard, service level objectives, uptime.
- [Dev Ops Data Connections Settings with Linked Datasets, Masked Data Preview and Sync Activity](https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-6): Settings for database, warehouse, app and file connections: stat cards, a needs attention list, 3 step setup with a test and credential rotation. ReUI Data Grid, Stepper, Filters. For integrations, data sources, ETL connectors.

### Solutions: AI Ops (9)

- [AI Operations Dashboard with Provider Failover Timeline and Token Activity Chart](https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-1): Full-page LLM ops dashboard for provider health, token usage, routing rules, and safety drift: metric cards, failover timeline, token activity chart, routing grid. ReUI Frame, Timeline, DataGrid, Badge; shadcn Button, Chart. Admin panel, monitoring.
- [AI model provider settings page with priority and fallback routing rows](https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-2): Manage AI model provider connections, route priority, fallbacks, and endpoint health with status badges and connect, pause, test, save actions. ReUI Badge, Frame; shadcn Button, Dialog, Dropdown-Menu, Item, Select, Switch. Provider and routing setup.
- [Tabbed AI Ops Prompt Registry Queue with Table and Card View Toggle](https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-3): AI operations prompt queue with tabs, owner/risk/status filters, table-and-card view switch, display settings, export, and row actions to advance review. Uses ReUI DataGrid, Filters; shadcn Tabs, Card, Button, Select. Operator console, review queue.
- [Prompt Editor with Configuration and Evaluation Details](https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-4): Full-page prompt editor with tabbed sections for overview, text, safety, evaluations, and access. Status badges, form fields, timeline, save-discard workflow. ReUI Badge; shadcn Button, Tabs. For AI ops dashboards and model operator portals.
- [AI Ops Routing Rules Settings with Risk-Tiered Policy Toggle Grid](https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-5): Full-page AI routing controls: per-route policy toggle grid, provider fallback Select with validation, and reset confirmation. ReUI Frame, Badge; shadcn Switch, Select, Dialog, Dropdown Menu. AI platform ops, model settings, risk management.
- [AI Feature Flags Data Grid with Rollout Stage Tabs and Inline Enable Switches](https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-6): Manage AI feature flags by rollout stage with tabs, owner and segment filters, inline enable switches, detail sheet, archive dialog, operations Kanban. ReUI DataGrid, Badge, Filters, Kanban; shadcn Sheet, Switch, Tabs. Flag console, rollout admin.
- [AI Safety Policy Builder Wizard with Stepper Rail and Policy Rule Coverage Table](https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-7): Four-step wizard to configure, validate, and review AI model safety policies: enforcement modes, risk tiers, evaluators, and a rule coverage table. ReUI Stepper, Alert, Badge; shadcn Card, Table, Select, Dialog. Use for AI governance, model risk.
- [AI Token Spend Ledger Data Grid with Budget Status and CSV Export](https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-8): Full-page grid auditing token usage and cost by model provider and prompt, with filtering, sorting, CSV export, a row-detail sheet, and budget-alert toggles. ReUI DataGrid, Filters, Frame, Badge; shadcn Button, Switch, Sheet. AI ops cost tracking.
- [AI Ops Cost Dashboard with Spend Pace Chart and Tabbed Provider Cost Grid](https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-9): Tracks AI model spend, token volume, and budget alerts with KPI cards, a spend-vs-budget line chart, provider mix breakdown, and a tabbed cost-event grid. ReUI Badge, Data Grid; shadcn Card, Tabs, Chart. For AI ops, cost monitoring, budgets.

### Solutions: CRM (9)

- [Sales Pipeline CRM Dashboard with Metric Charts and Open-Deals Grid](https://reui.io/blocks/solutions/crm/solution-crm-1): Sales pipeline command center tracking pipeline value, forecast, and win rate via metric charts, plus a dense open-deals grid for search, sort, stage filters, and row actions. ReUI Badge, DataGrid; shadcn Card, Button, Avatar. CRM sales dashboard.
- [CRM deal pipeline kanban board with risk signals and confidence scores](https://reui.io/blocks/solutions/crm/solution-crm-2): Sales pipeline board tracking deals across six stages by risk signal, value, close date, confidence, and owner. ReUI Kanban, Badge, IconStack; shadcn Card, Avatar, Progress, Button. Deal pipeline, CRM dashboard, sales board.
- [CRM Contacts Grid with Bulk Owner Assignment and Detail Sheet](https://reui.io/blocks/solutions/crm/solution-crm-3): Full-page contacts directory for sales teams. Sort and filter rows, multi-select for bulk owner assignment or add-to-list, open a contact detail sheet. ReUI DataGrid, Filters, Frame, Badge; shadcn Button, Avatar, Sheet, Select. CRM, leads, accounts.
- [CRM Deal Detail Sheet with Inline Stage Select and Win Probability](https://reui.io/blocks/solutions/crm/solution-crm-4): Right-side sheet to inspect and advance a deal: inline stage Select drives win-probability Progress, deal team avatars, activity Timeline, and tasks. ReUI Badge, Timeline; shadcn Sheet, Select, Avatar, Progress. For pipeline and deal management.
- [CRM Activity Timeline with Day Buckets, Type and Owner Filters](https://reui.io/blocks/solutions/crm/solution-crm-5): Chronological sales activity log grouped by day buckets (Today, Yesterday, This week) with type and owner filters, collapsible detail panels, and outcome badges. ReUI Badge, Frame, Timeline; shadcn ToggleGroup, Select. Activity log, deal tracker.
- [Five-Step CRM CSV Import Wizard with Column Mapping and Validation](https://reui.io/blocks/solutions/crm/solution-crm-6): Guides bulk CSV uploads into CRM contacts and deals via column mapping, row validation counts, and duplicate handling. ReUI Frame, Stepper, Badge, Alert; shadcn Select, RadioGroup, Table, Switch. Data import, bulk upload, onboarding wizard.
- [CRM Deal Pipeline Workspace with Table, Board, Calendar and Timeline Views](https://reui.io/blocks/solutions/crm/solution-crm-7): One deal set in four linked views: grouped table, stage board, next activity calendar and account timeline, with shared filters, inline edit and undo. ReUI Data Grid, Kanban, Event Calendar, Gantt, Filters. For sales workspace, forecast board.
- [CRM Forecast Call Workspace with Call Lanes, Rep Rollups and Target Attainment](https://reui.io/blocks/solutions/crm/solution-crm-8): Quarter forecast call: drag deals between call lanes, roll them up by rep in a banded table and track won plus commit against target. ReUI Kanban, Data Grid, Filters, Badge. For forecast review, commit call.
- [CRM Deal Desk with Deal Queue, Stage Path, Line Items and Buyer Conversation](https://reui.io/blocks/solutions/crm/solution-crm-9): Deal desk in 3 panes: a deal queue with Cmd+K search, the open deal with a stage path and line items, and a buyer conversation composer. ReUI Stepper, Badge; shadcn Card, Table, Tabs. For opportunity page, deal record.

### Solutions: Agents (10)

- [AI Agent Operations Dashboard with Run Queue, Throughput Chart and Incident Timeline](https://reui.io/blocks/solutions/agents/solution-agents-1): Full-page console to monitor autonomous agent runs, approval backlogs, tool reliability and incidents. KPI cards, throughput chart, incident timeline, filterable run queue with row actions. ReUI Frame, DataGrid, Badge; shadcn Chart. Agent ops.
- [Agent Run Queue with Collapsible Status Groups and Attention Filters](https://reui.io/blocks/solutions/agents/solution-agents-2): Triage table for agent runs in collapsible Running, Waiting, Failed, Completed groups with search, attention filter, density toggle, and per-row actions. ReUI DataGrid, Badge; shadcn Button, Avatar, Switch. For agent ops dashboards, run monitoring.
- [Agent Run Detail with Inline Step Trace and Editable Settings Panel](https://reui.io/blocks/solutions/agents/solution-agents-3): Single-page detail for one agent run: header with live actions, step trace with per-step tool calls and latency, plus a row-editable settings panel. ReUI Frame, Timeline, Badge, Alert; shadcn Avatar, Button. Use: run debugging, ops monitoring.
- [Agent Tool Access Matrix with Approval Routing and Run Policies](https://reui.io/blocks/solutions/agents/solution-agents-4): Per-agent tool governance: a DataGrid sets each tool's access mode (Auto Run, Approval, Blocked), rate limit, and approver, plus run-policy switches with save or discard. ReUI DataGrid, Filters, Frame; shadcn Switch, Select. Permissions, guardrails.
- [Agent Action Approval Inbox with Risk-Tiered Queue and Bulk Approve or Reject](https://reui.io/blocks/solutions/agents/solution-agents-5): Full-page console for triaging pending agent actions: filter by risk and status, bulk approve or reject, and inspect payloads in a detail sheet. ReUI DataGrid, Badge, Timeline; shadcn Sheet, Select, Checkbox. Approval inbox, human-in-the-loop queue.
- [Agent Playbook Builder Wizard with Live Summary Card and Tool Allowlist](https://reui.io/blocks/solutions/agents/solution-agents-6): Five-step wizard to build an agent playbook: trigger, condition rows, tool allowlist, approval gate, then review and publish with a live summary card. ReUI Stepper, Alert, Badge; shadcn Card, Select, RadioGroup. For workflow automation, approvals.
- [Failed Agent Run Triage Board with Detail Sheet and Retry Ladder](https://reui.io/blocks/solutions/agents/solution-agents-7): Triage failed agent runs in a data grid with metric cards, then open a detail sheet tabbed into error, retry attempts, and payload. ReUI Data Grid, Badge, Alert, Timeline; shadcn Sheet, Card, Button, Tabs. Agent ops, error monitoring, run dashboards.
- [Agent Evaluation Report with Pass Rate Trend and Release Markers](https://reui.io/blocks/solutions/agents/solution-agents-8): Read-mostly nightly agent eval report: pass rate trend with release markers, per-suite progress, and a regressions table comparing two releases. Period selector, regressions-only toggle, export. ReUI Frame, Badge, Filters; shadcn Chart, Progress.
- [Agent memory manager with scope rail and confidence-scored entries grid](https://reui.io/blocks/solutions/agents/solution-agents-9): Curate the facts agents retain: a scope rail with per-scope counts beside a confidence-scored grid, with pin, forget, and filter actions. Uses ReUI DataGrid, Badge, Filters, Frame; shadcn Button, Avatar. For agent ops and memory management pages.
- [Agent run-configuration settings form with picker, validated timeout, and locked policy row](https://reui.io/blocks/solutions/agents/solution-agents-10): Configure how an agent runs: pick an agent, set reasoning model, concurrency, validated timeout and autonomy, toggle sandbox and retry policies plus one locked PII row. ReUI Frame, Badge; shadcn Select, Button, InputGroup, Switch. Agent settings page

### Solutions: Analytics (9)

- [Product Analytics Dashboard with Scored Signal Backlog](https://reui.io/blocks/solutions/analytics/solution-analytics-1): Tracks activation, retention, adoption, and backlog risk. Scored signal grid with sparklines, filtering, reporting ranges, health overview, and export. ReUI Badge, Frame, Data-Grid; shadcn Button, Chart, Progress. Product analytics, SaaS dashboard.
- [Feature Adoption Analytics Report with Trend Chart and Scored Feature Grid](https://reui.io/blocks/solutions/analytics/solution-analytics-2): Read-only product analytics report comparing feature adoption by segment and period. Overview metrics, trend chart, and scored feature grid with sparklines and filtering. ReUI DataGrid, Badge, Frame; shadcn Chart, Select, Progress. SaaS usage report.
- [Activation Funnel Report with Conversion Area Chart and Segment Mix](https://reui.io/blocks/solutions/analytics/solution-analytics-3): Tracks workspaces from signup to week 4 retention via a stacked funnel chart, segment mix pie, and risk-flagged cohort grid with period, segment, and export filters. ReUI DataGrid, Badge, Frame; shadcn Button, Select, Tabs. Funnel and cohort reports.
- [Cohort Retention Analytics Report with Retention Curve Chart and Cohort Table](https://reui.io/blocks/solutions/analytics/solution-analytics-4): Period-over-period retention report: 4W-16W curve chart with period tabs, cohort health notes, and a sortable cohort grid by segment and event. ReUI Frame, DataGrid, Badge; shadcn Chart, Tabs, Item. For product analytics, retention, cohort views.
- [Event Explorer - Analytics Dashboard with Chart Grid](https://reui.io/blocks/solutions/analytics/solution-analytics-5): Event catalog with health metrics grid and dense data table. Filtering, sorting, bulk owner reassignment, detail drawer. Built with DataGrid, Select, Checkbox, InputGroup, Button. Use for event audits, catalog management, and quality assessment.
- [Segment validation workspace with health metrics, review calendar, and weekly rule coverage grid](https://reui.io/blocks/solutions/analytics/solution-analytics-6): Analytics segment-validation dashboard with health metric cards and sparklines, a review schedule calendar, and a filterable weekly rule coverage grid. ReUI Frame, DataGrid, Badge; shadcn Tabs, Calendar, Select. For segment management, reporting.
- [A/B Experiment Report with Ship Decision, Evidence Grid and Guardrails](https://reui.io/blocks/solutions/analytics/solution-analytics-7): Read-only experiment analysis: ship-decision verdict card, tabbed evidence grid with period/segment filters and export, rollout plan and guardrails. ReUI Badge, DataGrid; shadcn Card, Tabs, Button. For A/B test reports, variant lift analysis.
- [Single-Metric Analytics Detail Page with Target-Tracked Trend Chart](https://reui.io/blocks/solutions/analytics/solution-analytics-8): Single-metric detail page: health-badge header, four-up KPI rail, trend chart against a target line, cohort breakdown, changes timeline. ReUI Frame, Badge, Timeline; shadcn Chart, Select, Progress. For analytics dashboards, KPI tracking, metrics.
- [Alert Rules Settings Form with Tabs and Validation](https://reui.io/blocks/solutions/analytics/solution-analytics-9): Tabbed settings form for configuring alert thresholds, delivery channels, quiet hours, and escalation with validation and save/discard. ReUI Alert, Badge; shadcn Button, Card, Tabs, Select, Switch. Analytics settings, configuration form.

### Solutions: Billing (9)

- [Billing operator workspace with invoice ledger and past due recovery](https://reui.io/blocks/solutions/billing/solution-billing-1): Review the billing position and recover overdue invoices. Pairs a statement summary card and past due alert with a filterable invoice ledger. Uses ReUI Alert, Badge, DataGrid, Filters; shadcn Card, Button. For accounts receivable and billing pages.
- [Plan and pricing catalog editor with tiered plan tiles and status toggles](https://reui.io/blocks/solutions/billing/solution-billing-2): Plan catalog editor for billing teams to manage tiered plans, pricing, billing intervals, seats, entitlements, add-ons, and active/draft/archived status. ReUI Frame, Badge, Alert; shadcn Item, Button, Switch. For subscription and pricing settings.
- [Subscription Management Workspace with Quick-Action Cards and Lifecycle Grid](https://reui.io/blocks/solutions/billing/solution-billing-3): Manage subscriptions across active, trialing, past due, and canceled states. Quick-action cards with budget progress lead a filterable, searchable grid with row actions. ReUI Frame, DataGrid; shadcn Tabs, Select, Avatar. Billing ops, revenue recovery
- [Customer Billing Account Detail with Tabbed Invoices, Subscription, and Activity Rail](https://reui.io/blocks/solutions/billing/solution-billing-4): Single-account billing detail: identity header, tabbed invoice history, subscription, and payment methods beside a scoped activity timeline. shadcn Card, Tabs, Table, Button; ReUI Badge. Account detail, billing management, subscription page.
- [Four-step invoice builder wizard with a live receipt-style review preview](https://reui.io/blocks/solutions/billing/solution-billing-5): Guided invoice composer: pick a customer, edit line items with per-line tax and discount, then send. Live receipt review with draft and sent states. ReUI Stepper, Alert, Badge; shadcn Card, Table, Combobox, Select. For billing and invoicing pages.
- [Expandable Dunning Queue for SaaS Failed Payment Recovery](https://reui.io/blocks/solutions/billing/solution-billing-6): Sortable, filterable dunning queue for SaaS billing operators to recover failed charges. Expands inline to retry timeline. Features ReUI DataGrid, Frame, Filters; shadcn Button, Separator. Payment recovery, dunning list, failed billing.
- [Metered usage event ledger with tree meter scope selection](https://reui.io/blocks/solutions/billing/solution-billing-7): Audit metered events by meter and period with tree sidebar nav filtering, date picker, and export. ReUI DataGrid, Filters, Frame, Badge; shadcn Button, Calendar, Breadcrumb. Usage based billing, consumption tracking, subscription auditing.
- [Subscription Plan Change Wizard with Live Proration Preview](https://reui.io/blocks/solutions/billing/solution-billing-8): Stepped wizard to move a subscription to a new tier with a proration rail recomputing credit, charge, and due-today as plan and timing change. ReUI Stepper, Badge, Alert; shadcn Card, Button, RadioGroup, Item, Avatar. For plan upgrades, downgrades.
- [Coupon and promotion manager with inline redemption rule editor](https://reui.io/blocks/solutions/billing/solution-billing-9): Manage coupon and promo codes; each row expands inline to edit discount type, duration, redemption limits, and eligible plans. ReUI Badge, Frame; shadcn Button, Collapsible, Dialog, Select. Discount admin, promo codes, billing settings.

### Solutions: Bookings (3)

- [Salon Front-Desk Booking Dashboard with Appointment Queue and Chair Capacity](https://reui.io/blocks/solutions/bookings/solution-bookings-1): Front-desk surface for daily salon scheduling: KPI cards, a chair-capacity donut, and a searchable appointment queue with status badges and no-show tracking. ReUI Frame, Badge, DataGrid; shadcn Avatar. Booking dashboard, appointment scheduler.
- [Salon Appointment Calendar with Day/Week Views and Double-Book Alerts](https://reui.io/blocks/solutions/bookings/solution-bookings-2): Full-page booking calendar for salon operators: month grid with category dots, Day/Week toggle, staff filter, double-book conflict alerts. ReUI Alert, Badge; shadcn Calendar, Card, Select, ToggleGroup. Schedule, staff roster, appointment booking.
- [Appointment Detail Sheet with Deposit Payment and Booking Timeline](https://reui.io/blocks/solutions/bookings/solution-bookings-3): Inset right sheet over an appointment list showing client, service, staff, deposit-progress payment, internal note, and a booking activity timeline. Uses ReUI Badge, Timeline; shadcn Avatar, Button, Item, Progress, ScrollArea, Sheet, Textarea.

### Solutions: Files (1)

- [Drive Explorer with Folder Tree Rail and Switchable List or Grid Views](https://reui.io/blocks/solutions/files/solution-files-1): Drive Explorer is a full-height file manager module for browsing team storage: a headless-tree folder rail with secondary scope links and a storage meter, a folders band above the browse surface, a ReUI DataGrid list with owner, type, size and modified columns, a switchable card grid, a view settings popover for density, sort and visible properties, bulk selection actions, and separate empty states for an empty folder and a filtered miss.

### Solutions: Inventory (11)

- [SKU Inventory Operations Dashboard with Stock-Health Bar and Tabbed SKU Grid](https://reui.io/blocks/solutions/inventory/solution-inventory-1): Full-page inventory ops dashboard: KPI stat tiles, stock-health status bar, velocity chart, low-stock alerts, and a tabbed, filterable SKU table. ReUI Frame, Badge, DataGrid; shadcn Button, Tabs, Chart. For warehouse, stock, and ecommerce ops.
- [Full-Page SKU Inventory Ledger with Stock Health Metrics](https://reui.io/blocks/solutions/inventory/solution-inventory-2): Stock ledger with KPI and health bar, filterable SKU grid (search, category, supplier, location, status), row actions, bulk operations, and detail sheet. ReUI DataGrid, Frame, Badge; shadcn Button, Select. Inventory management and warehouse tracking.
- [Low Stock Reorder Queue with At-Risk Value KPI and Bulk Create PO DataGrid](https://reui.io/blocks/solutions/inventory/solution-inventory-3): At-risk value KPI and urgency bar over a searchable, filterable SKU DataGrid with multi-select bulk Create PO and a reorder detail sheet. ReUI DataGrid, Frame, Badge; shadcn Button, Select, InputGroup. For procurement and inventory dashboards.
- [Purchase Order Receiving Page with Line-Item Tracking and Activity Timeline](https://reui.io/blocks/solutions/inventory/solution-inventory-4): Full-page purchase order detail for receiving stock against a PO: supplier and terms form, line-item receive table with backorders, costs, totals, and a note timeline. ReUI Badge, Timeline; shadcn Card, Table, Input. PO receiving, inventory intake.
- [Shop Activity Dashboard](https://reui.io/blocks/solutions/inventory/solution-inventory-5): Inventory dashboard: 4 KPI stat tiles + inventory velocity bar chart + top categories list + tabbed shop activity table (Products / Recent activities / Orders). Composed by adapting existing application blocks (stats-1, chart-29, list-1) into a single shop-management surface.
- [Stock Health Grid](https://reui.io/blocks/solutions/inventory/solution-inventory-6): Inventory overview block: total asset value KPI + segmented stock health bar (in stock / low / out of stock) above a filterable product DataGrid with search, date range, category and supplier filters, row selection, and pagination.
- [Stock Planner](https://reui.io/blocks/solutions/inventory/solution-inventory-7): Stock planner sheet: a wide right-anchored sheet built on the sheet-6 shell. Header carries title, product name + Live badge, SKU/created/updated meta, and the Customer View / Remove / Edit Product action cluster. Scrollable two-column body pairs left-side Inventory KPIs, an Analytics card with two sparkline area charts, and a Variants table (size/color/price/availability/on-hand) with a right-side product gallery + thumbnails + spec list (category, fit, color swatches, sizes, star rating + reviews).
- [Stock Detail](https://reui.io/blocks/solutions/inventory/solution-inventory-8): Per-product stock detail sheet: a wide right-anchored Sheet (inset, sheet-6 anatomy) with a Current Stock + Reorder Now row, an Inventory Rules Frame (threshold / safe / reorder / lead-time inputs + status / delta / velocity / next-reorder / updated-by stats + Auto Reorder switch in the header), a Shipping Frame (Custom / Carrier tabs + package name, type, weight, dimensions + save-package checkbox), and a right-side product summary (image, name, description, SKU / category / rating / price). Footer: Print Label · Cancel · Save.
- [Track Shipping](https://reui.io/blocks/solutions/inventory/solution-inventory-9): Track Shipping sheet: a right-anchored single-column Sheet (sheet-6 + solution-inventory-7 anatomy) showing a shipment header (id + Shipped badge + placed-date / Order ID link meta + Cancel Order / Notify Customer actions), an origin-to-destination route with a carrier chip, a 4-step horizontal progress stepper (Picking / Packed / Shipping / Delivered with done / active / pending states), a Shipping Data summary (Total Time, Dep. Time, Exp. Arrival, Tracking No.), and a vertical Shipping Log timeline. Full-width Close button in the footer.
- [Create Shipping Label](https://reui.io/blocks/solutions/inventory/solution-inventory-10): Create shipping label dialog: a wide centered dialog with a sticky header carrying the title + close action, a two-column scrollable body, and a sticky footer with terms link plus Cancel / Buy Shipping Label actions. Left column stacks a pickup-to-destination route + order meta card, a Products card with per-item Weight inputs (kg), and a Packaging card with Custom Package / Carrier Package line tabs containing package name, type select, total weight, length/width/height + unit dropdown, and a save-for-future checkbox. Right column carries a Summary card (Shipping to + address + price details + total) followed by a Shipping Date input with calendar affordance and a Send Shipping Info to Customer checkbox.
- [Order Details](https://reui.io/blocks/solutions/inventory/solution-inventory-11): Order details sheet: a right-anchored fulfillment review surface that reuses the solution-inventory-7 sheet shell. Header carries an Order Details title row, the order id + Shipped badge, a Created / Customer meta line, and a vertically-centered Delete / Order Tracking / View Shipping Label action cluster. The scrollable two-column body pairs an Order Data Frame (Items, Total Price, Shipping Priority, Delivery Method), a Products Frame with Item-based rows (image + name + SKU/color, inline weight input on the right), and a title-less Shipping Frame combining a vertical route Timeline, a UPS Global carrier chip, a Separator, and a four-step Picking / Packed / Shipping / Delivered status stepper. The right rail is a Summary Frame with shipping-to address, price details (Subtotal / Shipping / Tax / Total), and a separated total row. All frames use `dense spacing="sm"` for an operator-density default. The footer mirrors the header action cluster with a Read Shipping Terms & Conditions link on the left.

### Solutions: Users (7)

- [Workspace Members Directory Grid with Roles, SSO/2FA Status, and Bulk Role Actions](https://reui.io/blocks/solutions/users/solution-users-1): Full-page admin console for workspace members: sort/filter rows, multi-select bulk role changes, SSO/2FA columns, member detail sheet. ReUI DataGrid, Frame, Filters, Badge; shadcn Button, Sheet. For user management, access control, team admin.
- [Member Detail Page with Sidebar Tabs for Access, Authentication, and Sessions](https://reui.io/blocks/solutions/users/solution-users-2): Full-page admin screen to manage one member's roles, teams, MFA factors, sessions, activity, and a danger zone via a vertical tab rail. ReUI Badge; shadcn Avatar, Tabs, Select, AlertDialog. User management, permissions, account security.
- [Workspace roles and permissions access matrix with locked Owner column and grouped scope toggles](https://reui.io/blocks/solutions/users/solution-users-3): Full-page matrix mapping workspace roles to grouped permission scopes: per-cell toggles, locked Owner access, group tabs, and a dirty save bar. ReUI DataGrid, Frame, Badge, Alert; shadcn Button, Tabs, Dialog. Admin panel, role management, RBAC.
- [Invitations Queue Data Grid with Status Filter and Bulk Resend or Revoke](https://reui.io/blocks/solutions/users/solution-users-4): Full-page invitations grid tracking pending, accepted, expired, and revoked invites with search, status filter, bulk resend or revoke, and an invite people dialog. ReUI DataGrid, Badge; shadcn Button, Select, InputGroup. Admin panel, team management.
- [Just-in-Time Access Request Queue with Inline Approvals and Policy Review](https://reui.io/blocks/solutions/users/solution-users-5): Admin grid to review, approve, or deny just-in-time access requests with inline decisions, bulk approve, and status/approver filters, plus a policy-check detail sheet. ReUI DataGrid, Badge; shadcn Sheet, Button. Access control, permission approval.
- [Day-Grouped Audit Log Timeline with Expandable Event Details and CSV Export](https://reui.io/blocks/solutions/users/solution-users-6): Full-page audit timeline grouping access events by day with severity badges, expandable details, type filters, and CSV export. ReUI Timeline, Frame, Badge; shadcn Avatar, Button, Collapsible, Select, ToggleGroup. Activity log, compliance, access.
- [Enterprise SSO and SCIM Security Settings Page with Policy Controls](https://reui.io/blocks/solutions/users/solution-users-7): Workspace admin page to manage SSO providers, SCIM provisioning, 2FA and password policy, session timeouts, and allowed domains, with status rows and a dirty-state save bar. ReUI Frame, Alert, Badge; shadcn Button, Select, Switch. Security settings.

### Solutions: Digital Twin (2)

- [3D stadium seat picker by sector for match tickets, with a synced 2D seating plan and price timeline](https://reui.io/blocks/solutions/digital-twin/solution-digital-twin-1): Match day ticket sales on a 3D stadium bowl you orbit, with sector prices, up to 6 seats per order, a view from the picked sector and sales stats. ReUI Frame, Badge; shadcn ToggleGroup, Dialog, Slider; React Three Fiber. Seating chart, ticketing.
- [Live kart race timing on a 3D circuit, with a gap to leader ladder, live standings and a driver card](https://reui.io/blocks/solutions/digital-twin/solution-digital-twin-2): Live timing for a 20 lap kart race: 15 karts lap a 3D circuit you orbit or a 2D plan, with a gap to leader ladder, live standings and a driver card. ReUI Frame, Badge; shadcn ToggleGroup, ButtonGroup, Spinner; React Three Fiber, Motion. Live timing, motorsport.

### AI & Agents: AI Chat (13)

- [AI copilot chat surface with streaming transcript and recent chats](https://reui.io/blocks/ai-agents/ai-chat/ai-chat-1): Full page AI copilot chat surface with a streaming transcript, a tabbed header thread switcher over pinned and recent chats, a starter view of prompt and thread shortcuts, model switching, and a docked composer with removable context chips.
- [Docked AI assistant chat panel beside a page with insert into draft](https://reui.io/blocks/ai-agents/ai-chat/ai-chat-2): Sticky right side AI copilot beside a page: streaming thread, grouped Message bubbles, markdown code block, model picker, quick replies, and an Insert action that writes the reply into the document. Sheet on mobile.
- [AI chat welcome screen with prompt starters and a docked composer](https://reui.io/blocks/ai-agents/ai-chat/ai-chat-3): AI assistant welcome screen and zero state: an Empty greeting with live workspace stats, one rail of start and resume rows that fill the composer and attach context, an InputGroup composer with Attachment chips, and a streaming reply with Stop. A new chat page with prompt suggestions and recent conversations.
- [Floating right chat sidebar that pushes the page and replies to a quoted sentence](https://reui.io/blocks/ai-agents/ai-chat/ai-chat-4): Reveal and hide a floating AI panel beside any page: select a sentence in an answer to reply to that line, a keyboard suggestion palette, a workspace Personalize toggle, thread switcher, model and mode picker, and a designed thinking indicator.
- [AI chat welcome screen where connected work apps set the answer scope](https://reui.io/blocks/ai-agents/ai-chat/ai-chat-5): A centered new chat screen whose composer sits in a ReUI Frame: the panel is the box you type into and the frame footer is a live integrations strip of Google Drive, Slack, Calendar, Dropbox, OneDrive, Box, Zoom and Loom. Switching a logo on or off changes what the assistant may read, four job modes rewrite the prompt, and sending returns a receipt per source with a Connect action on anything that was skipped.
- [Agentic side panel where the answers carry the controls](https://reui.io/blocks/ai-agents/ai-chat/ai-chat-6): A docked AI panel that runs a task end to end: confirm which workspace sources and attached files the agent may read, edit and run an ordered plan step by step, retry a step that fails, answer the question the agent raises mid run to drop a branch from its own plan, then assign the finished work as a ticket with the files the run produced. Model picker, live run status in the header, and a rewind whenever the context changes.
- [Split pane model comparison running one prompt against two AI models](https://reui.io/blocks/ai-agents/ai-chat/ai-chat-7): Side by side compare view: two resizable panes answer one docked prompt and stream at different speeds, with sortable data tables in the replies, a scroll lock that reads both answers at the same depth, and per answer copy and rating actions. Select a line to ask both models about it, regenerate or swap either pane, attach extra files, and watch a mirrored scoreboard for latency, output rate and cost settle into a verdict with an A or B vote.
- [Docked voice first assistant panel that answers in a different shape each time](https://reui.io/blocks/ai-agents/ai-chat/ai-chat-8): A floating assistant panel beside any page, driven by voice as readily as typing. Hold the mic and the take lands as a playable turn with a scrubbable transport and its transcription, then the answer arrives in whichever shape the question deserves: a move plan behind an approval gate, a set of times to choose between, a roster of who is free, a figure summary, a callout that carries its own next action, a trace of the steps taken, or prose with the documents it quoted. Also carries a thread switcher, meeting attachments, citation chips you can turn off, and a widen toggle.
- [Branching AI chat thread with reply versions, cited sources and code artifacts](https://reui.io/blocks/ai-agents/ai-chat/ai-chat-9): A standalone conversation under one minimal header: a tabbed thread switcher over pinned and recency lists, a favorite toggle and a fold for earlier turns, above replies that arrive as small documents with sections, bullets and code artifacts in markdown, yaml, json, typescript and sql, each one folding its working away behind a thought row and listing the sources its inline citations point back to, over a thread held as a tree so a regenerate or an edit adds a version on the fork rail instead of overwriting the turn.
- [AI chat welcome screen with scoped sources and structured answers](https://reui.io/blocks/ai-agents/ai-chat/ai-chat-10): Launch surface for a source grounded copilot: a greeting, a framed ask box whose header toggles which files the chat may read, and three starter asks. Replies come back as structured documents, with sortable tables, Shiki highlighted code artifacts and proportional comparison bars beside the prose. A file switched off is named as a gap rather than guessed around.
- [AI chat stage with framed answer receipts on a live dot field](https://reui.io/blocks/ai-agents/ai-chat/ai-chat-11): A self contained chat surface floating on an animated dot field. Asks stay bubbles while every reply renders as a framed receipt carrying the run behind it, a tool trace, a metric row or a code patch, with model, latency and token cost in the chrome bar. Streaming, stop, retry, thread switching and a scoped source picker are all live.
- [Ask AI docs support panel that shows the knowledge base being read](https://reui.io/blocks/ai-agents/ai-chat/ai-chat-12): A support assistant docked to a documentation page as a hideable right sidebar, answering only from the product knowledge base and showing its work while it does. Every question runs a visible retrieval: the search, then each matched article ticking from queued to read, then the write, and the finished answer folds that reading into a receipt naming how many articles were read and how many survived into the answer. Answers arrive as prose with numbered steps and a caveat, carry helpful and not helpful voting, and when the documentation genuinely does not cover a question the assistant says so and opens a support ticket instead of guessing.
- [Corner AI chat popup with history, expand and page context](https://reui.io/blocks/ai-agents/ai-chat/ai-chat-13): An in app assistant launched from a bottom right button: a non modal chat window over the page with starter questions, a streaming thread, chat history, attachable page context, and expand, minimize and end chat controls.

### AI & Agents: Agent Activity (5)

- [Agent run console that stops at approval steps for an inline Approve, Revise or Deny](https://reui.io/blocks/ai-agents/agent-activity/agent-activity-1): Human in the loop task view: queue badges on steps that will need you, an answer field for agent questions, and a declined approval skipping its gated steps. ReUI Frame, Badge, shadcn Marker, Progress, InputGroup. For approval flow, run log.
- [Live agent run feed with Summary, Detailed and Raw monospace log views](https://reui.io/blocks/ai-agents/agent-activity/agent-activity-2): Narrates an agent run as it works: steps name the file, command, query or issue they touched, Stop strikes the rest as cancelled, transcript copy and download. Built on ReUI Badge, shadcn Card, Marker, DropdownMenu. For activity log, tool timeline.
- [Research timeline from search query via cited sources and repo files to a confidence rated answer](https://reui.io/blocks/ai-agents/agent-activity/agent-activity-3): Shows how an AI agent reached its reply: steps land live, hover copy and open actions per row, publisher logos. ReUI Timeline, Badge; shadcn Card, Item, Spinner, Tooltip. For deep research, citations panel, grounded AI answers.
- [MCP call table attributing each tool call to its server, with the refused scope and a Grant](https://reui.io/blocks/ai-agents/agent-activity/agent-activity-4): Agent run permission review for a chat transcript: rows stream in over skeletons, a Denied only filter and a Dropped badge on a lost server. Built on ReUI Badge, shadcn Table, ToggleGroup, Empty. For MCP audit log, tool permissions, scope approval.
- [Agent run outcome report with a done, failed or skipped badge per item and a scoped retry](https://reui.io/blocks/ai-agents/agent-activity/agent-activity-5): Wrap-up card for a finished agent task: the command, record or reason behind each row, a Grant button for a missing scope, and Keep what succeeded with undo. Built on ReUI Frame, Badge, shadcn Item, ButtonGroup. For run summary, task results.

### AI & Agents: AI Usage (4)

- [Usage planner with a stepped token ruler, model cards and a live spend estimate](https://reui.io/blocks/ai-agents/ai-usage/ai-usage-1): Plan next month's AI spend: a stepped token ruler with graduated volume discounts, model cards, add-on chips and a projected total against a monthly budget. ReUI Frame, Badge; shadcn Slider, RadioGroup, ToggleGroup, Switch, DropdownMenu, Tooltip; Motion. Usage pricing, AI billing.
- [Spend map that fans monthly AI spend out by model, team, agent and API key](https://reui.io/blocks/ai-agents/ai-usage/ai-usage-2): Month to date AI spend as a fan map: a budget dial splits spend by model, team, agent and API key, flags caps at risk and scrubs one item's daily spend. ReUI Frame, Badge, IconTile; shadcn ToggleGroup, Progress, InputGroup; Motion. AI spend split.
- [Edge AI node fleet with an isometric inference box you open, inspect and power cap](https://reui.io/blocks/ai-agents/ai-usage/ai-usage-3): Manage on-prem edge AI inference nodes: a grouped node picker, an isometric box with a lifting lid, memory lit per model and watt-based power budgets, plus usage, models, power and settings tabs. ReUI Frame, Alert; shadcn Combobox, Tabs, Sheet.
- [Local model settings with a GPU server cutaway whose card LEDs show model memory](https://reui.io/blocks/ai-agents/ai-usage/ai-usage-4): Size open weight models on your own GPU server: an isometric server whose card LEDs show memory in use, model rows, an inspector, and a header to review pending changes, fit, copy, download or restart. ReUI Frame, Alert; shadcn Slider, Popover.

### eCommerce: Category Card (6)

- [Shop by Category Grid with Hover Browse Buttons and Badges](https://reui.io/blocks/ecommerce/category-card/category-card-1): Four-column image grid for browsing product categories. Each card has a photo with hover-reveal browse button, optional badge, name, and item count. ReUI Badge, shadcn Button, Breadcrumb. Shop-by-category, product taxonomy, ecommerce catalog.
- [Curated collection browse page with multi-filter toolbar and pagination](https://reui.io/blocks/ecommerce/category-card/category-card-2): Filterable collection grid with search, category, availability, and fit filters, sort, and pagination. Cards show clipped image with badge, title, tags, and count. ReUI Badge; shadcn Button, Select, Switch, Popover, Breadcrumb, Pagination.
- [Carousel collection filter with color-tinted category cards and hover browse buttons](https://reui.io/blocks/ecommerce/category-card/category-card-3): Paginated carousel for browsing product collections. Color-tinted cards with image zoom on hover, a reveal browse button, and page-count badge. ReUI Badge; shadcn Card, Button, Carousel. Category filter, shop landing, ecommerce browsing.
- [Ecommerce catalog page with featured department and scrollable category index](https://reui.io/blocks/ecommerce/category-card/category-card-4): Catalog landing pairing a large featured department hero with a scrollable sidebar of category tiles, breadcrumb header, item and price counts. ReUI Badge; shadcn Breadcrumb, Button, ScrollArea. For shop home, category browse, department directory.
- [Collection Guides Browser with Image-Led List Rows and Category Links](https://reui.io/blocks/ecommerce/category-card/category-card-5): Ecommerce collection guides browser with single-column image-led rows, status badges, item count and budget metadata, tag links, and per-collection actions. Uses ReUI Badge; shadcn Breadcrumb, Button. For product discovery and category guides.
- [Seasonal Category Grid with Full-Card Hover Reveal and Breadcrumb Header](https://reui.io/blocks/ecommerce/category-card/category-card-6): Image-first two-column category grid; each card reveals item count, description, and a shop button on hover, with a resting label and Badge. Uses ReUI Badge; shadcn Breadcrumb, Button. For collection, catalog, and category browsing pages.

### eCommerce: Checkout (7)

- [Multi-Step Checkout with Stepper Progress and Sticky Order Summary](https://reui.io/blocks/ecommerce/checkout/checkout-1): Four-step purchase flow for contact, address, delivery speed, and card/PayPal/Apple Pay payment, with promo code, validation, and a sticky order summary. Uses ReUI Stepper, Badge, Alert; shadcn Combobox, RadioGroup. For cart, order, checkout pages.
- [Multi-step checkout form with stepper and sticky order summary](https://reui.io/blocks/ecommerce/checkout/checkout-2): Four-step checkout (contact, delivery, payment, review) with order summary, promo codes, saved addresses, and card, PayPal, or Apple Pay payment. ReUI Stepper, Badge, Alert; shadcn Card, RadioGroup, Combobox. For e-commerce checkout and payment pages
- [Multi-step AI token credit checkout with stepper and auto top-up controls](https://reui.io/blocks/ecommerce/checkout/checkout-3): Three-step wizard to buy prepaid AI token credits: pick a provider, choose a bundle with auto top-up and usage alerts, then pay. ReUI Stepper, Frame, Alert, Badge; shadcn RadioGroup, Field, Input, Switch. Credit top-up, token billing, AI marketplace.
- [Two-pane express checkout with saved details and order summary rail](https://reui.io/blocks/ecommerce/checkout/checkout-4): Express checkout with saved contact, address, and card review rows, a CVV security field, and a collapsible new-card form beside a live order summary. ReUI Badge; shadcn Card, Button, Field, InputGroup, Separator. Payment, order review.
- [Four-step ecommerce checkout with stepper and order summary sidebar](https://reui.io/blocks/ecommerce/checkout/checkout-5): Four-step ecommerce checkout (contact, delivery, payment, review) with animated stepper, saved addresses, delivery and payment options, and promo codes. ReUI Frame, Stepper, Badge; shadcn Button, Combobox, RadioGroup. Use for: payment flow, checkout.
- [Two-column checkout with order summary and payment form](https://reui.io/blocks/ecommerce/checkout/checkout-6): Ecommerce checkout with order summary and payment form. Product list with totals, shipping details, card input with Apple Pay button and payment brand logos. Uses ReUI Badge; shadcn Button, Card, Checkbox, Field, Input, Item, Select, Separator, Tooltip.
- [Multi-step checkout with stepper navigation and live order summary](https://reui.io/blocks/ecommerce/checkout/checkout-7): Stepper-driven checkout for contact, shipping, delivery method, and payment, plus promo code discount, tax, and a live order summary. ReUI Stepper, Badge, Alert; shadcn RadioGroup, Select, Input, Button. For checkout page, payment, order review.

### eCommerce: Comparison (6)

- [Side-by-side product comparison table with grouped specs and sticky labels](https://reui.io/blocks/ecommerce/comparison/comparison-1): Compare products column by column with grouped feature rows, star ratings, hint tooltips, badges, pricing, and removable columns over a sticky-label scroll area. ReUI Badge; shadcn Button, Tooltip, Scroll Area. Specs table, product picker.
- [Two-Product Comparison with Auto Winner Indicators](https://reui.io/blocks/ecommerce/comparison/comparison-2): Side-by-side product comparison with swappable selector cards, multi-group feature table, and automatic winner highlighting. ReUI Badge; shadcn Button, Select, Tooltip. Perfect for purchase decisions, ecommerce comparison pages, product spec lookups.
- [Editor's pick comparison cards with ratings, feature checklist and add-to-cart](https://reui.io/blocks/ecommerce/comparison/comparison-3): Three recommendation cards labeled best value, editor's choice and top premium, each with a badge, star rating, price, feature checklist, key specs and add-to-cart. ReUI Badge; shadcn Button, Item. For product picks, comparison, buying guides.
- [Ranked product scorecard carousel with per-dimension score bars](https://reui.io/blocks/ecommerce/comparison/comparison-4): Carousel paging six products 3-up, ranked by overall 0-10 score across five dimensions with best-in-class bar highlights, top-pick ribbon, star ratings, and add-to-cart. ReUI Badge; shadcn Carousel, Button. Product comparison, buying guide, rankings.
- [Product Comparison with Focused Hero Card and Swappable Alternatives](https://reui.io/blocks/ecommerce/comparison/comparison-5): Compare a focal product against alternatives in a hero card plus stacked rivals showing price deltas, star ratings, and feature checklists; tap Switch to swap the hero. ReUI Badge, shadcn Button. For product, comparison, and buying-guide pages.
- [Interactive Product Comparison Builder with Live Spec Panel](https://reui.io/blocks/ecommerce/comparison/comparison-6): Catalog grid with compare toggles and live 4-slot comparison panel displaying specs side-by-side with automatic winner highlighting. Uses ReUI Badge and shadcn Button. Ideal for product comparison, feature comparison, and product selection pages.

### eCommerce: Coupon (6)

- [Split promo hero with copyable coupon code, expiry, and campaign image](https://reui.io/blocks/ecommerce/coupon/coupon-1): Two-column sale promo: eyebrow badge, headline, dashed promo-code panel with copy-to-clipboard button, fine-print terms, CTA, and image. ReUI Badge; shadcn Card, Button, Item. For discount banners, seasonal sales, promo landing pages.
- [Category-filterable coupon grid with one-click copy promo codes](https://reui.io/blocks/ecommerce/coupon/coupon-2): Filterable promotions grid of discount cards showing min spend, expiry, status badge, and a copy-code button with copied feedback. ReUI Frame, Badge; shadcn Button. For sales, deals, loyalty, and discount pages.
- [Hero coupon banner with copyable code and full-bleed image](https://reui.io/blocks/ecommerce/coupon/coupon-3): Split-panel promo hero with member badge, headline, copyable code, time limit indicator, fine print, and CTA paired with full-bleed image. ReUI Badge, Frame; shadcn Button, Item. Loyalty offers, early access, seasonal sales.
- [Coupon card with copyable promo code and discount offer terms](https://reui.io/blocks/ecommerce/coupon/coupon-4): Promotional offer card with one-click copyable promo code, discount headline, eyebrow badge, expiry and minimum-spend meta, fine-print checklist, and CTA. ReUI Badge; shadcn Card, Button, Item. For coupon pages, member offers, discount promos.
- [Full-width promo announcement bar with copyable discount code](https://reui.io/blocks/ecommerce/coupon/coupon-5): Dismissible top banner announcing an offer with a dashed promo code chip, copy-to-clipboard button with copied feedback, and a restore action. Uses shadcn Button. For sale bars, free-shipping notices, discount codes, store promotions.
- [Full-width dark promo bar with inline copyable discount code chip](https://reui.io/blocks/ecommerce/coupon/coupon-6): Dark full-width announcement strip with offer headline, dashed promo code chip, copy-to-clipboard button with copied feedback, and dismiss control. Built with shadcn Button. For flash sales, discount campaigns, promo banners, sale alerts.

### eCommerce: Filter Sidebar (7)

- [Faceted ecommerce product filter sidebar with active filter chips](https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-1): Refine a product catalog by category and brand checkboxes with counts, a price range slider, color swatches, and size buttons, with removable active chips plus apply and reset. shadcn Card, Checkbox, Slider, Button. Shop, faceted search, listing.
- [Product filter sidebar with active chips, price slider, and color swatches](https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-2): Ecommerce sidebar to refine listings by category, brand, price range, color swatches, and size, with result counts and removable filter chips. ReUI Frame; shadcn Button, Checkbox, Label, Slider, Separator. For product listing, shop, category browse.
- [Faceted ecommerce filter sidebar with department pills, price slider, and removable filter chips](https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-3): Filter sidebar with department pills, category/material/brand facets, price slider, color swatches, size buttons, star rating, removable chips, and stock/sale toggles. shadcn Checkbox, Slider, Switch; ReUI Rating. For catalog and search results.
- [Ecommerce product filter sidebar with department pills, color swatches, and removable filter chips](https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-4): Faceted product refinement panel with category, material, brand checkboxes, price slider, color swatches, size buttons, star ratings, quick toggles, removable chips. ReUI Frame, Rating; shadcn Checkbox, Slider, Switch. Faceted search, shop sidebar.
- [Slide-Out Ecommerce Product Filter Panel with Active Filter Chips](https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-5): Slide-out filter panel for ecommerce catalogs: departments, categories, materials, brands, colors, sizes, price slider, rating tiers, in-stock toggle, facet counts, removable chips, clear-all. ReUI Badge, Rating; shadcn Sheet, Slider. Faceted search.
- [Collapsible ecommerce filter sidebar with accordion facets and active filter chips](https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-6): Faceted product filter sidebar with collapsible accordion sections, price slider, color swatches, size and brand toggles, and removable active chips. ReUI Rating; shadcn Accordion, Card, Checkbox, Slider, Switch. For catalog, search, shop pages.
- [Ecommerce Filter Sidebar with Removable Chips and Accordion Facets](https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-7): Ecommerce filter sidebar with removable active-filter chips, multi-open Accordion facets, per-section count Badges, price Slider, color swatches, and size options. ReUI Frame, Badge, Rating; shadcn Accordion, Slider, Switch. Shopping catalog refine.

### eCommerce: Product Card (10)

- [Apparel Product Grid with Wishlist Toggle and Discount Badges](https://reui.io/blocks/ecommerce/product-card/product-card-1): Centered breadcrumb header over a responsive product grid with image hover, wishlist toggle, content and discount badges, and compare-at pricing. ReUI Badge; shadcn Breadcrumb, Button. Shop, catalog, gallery, ecommerce listing.
- [Ecommerce product grid with filters, sort, color swatches, and wishlist](https://reui.io/blocks/ecommerce/product-card/product-card-2): Shoppable catalog with category, availability, sale, and color filters, price/newest/featured sort, per-card color swatches with image variants, and wishlist toggle. shadcn Card, Button, Select, Switch; ReUI Badge. Storefronts, apparel, shop pages.
- [Quick-buy product card with image carousel, sale pricing, and size picker](https://reui.io/blocks/ecommerce/product-card/product-card-3): Horizontal quick-buy ecommerce card with image carousel, low-stock badge, strikethrough sale price, size grid, and add-to-bag plus wishlist actions. ReUI Badge; shadcn Button, Card, Carousel, Checkbox, Field, Tooltip. Shop, store, product page.
- [Similar products carousel of product cards with wishlist, discount and stock badges](https://reui.io/blocks/ecommerce/product-card/product-card-4): Shoppable carousel of product cards with wishlist toggle, percent-off discount and low-stock urgency badges, page counter, and prev/next controls. Uses ReUI Badge; shadcn Card, Carousel, Button. For related products, recommendations, and cross-sell.
- [Split Two-Column Product Card with Finish Selector and Wishlist](https://reui.io/blocks/ecommerce/product-card/product-card-5): Wide product card: left panel with stock badge, rating, discounted price, finish picker, add-to-bag and wishlist; right panel a masked image with hover zoom. ReUI Badge, Rating; shadcn Card, Button, Checkbox, Field, Tooltip. For product, store pages.
- [Masonry product gallery with hover-reveal detail overlay and filter or sort popover toolbar](https://reui.io/blocks/ecommerce/product-card/product-card-6): Image-led shop page: masonry columns of mixed-ratio photos revealing a product detail card on hover or focus, with discount badges, wishlist heart toggle, and a popover filter and sort bar. ReUI Badge, shadcn Popover, Select, Switch.
- [Latest Products Carousel with Wishlist Toggle and Hover Add-to-Cart](https://reui.io/blocks/ecommerce/product-card/product-card-7): Scrollable product carousel paginating four cards per page with hover image zoom, wishlist toggle, hover add-to-cart, status and discount badges, and arrival windows. ReUI Badge; shadcn Carousel, Card, Button. For store listings and new arrivals.
- [Filterable e-commerce product grid with sort, ratings, and wishlist](https://reui.io/blocks/ecommerce/product-card/product-card-8): Product listing page with breadcrumb header, a filter popover (category, status, sale-only), sort menu, star ratings, and wishlist toggles. Uses ReUI Badge, Rating; shadcn Breadcrumb, Button, Field, Popover, Select, Switch. For shop, catalog pages.
- [Four-Column Product Grid with Breadcrumb Header and Star Ratings](https://reui.io/blocks/ecommerce/product-card/product-card-9): Browsable ecommerce product grid with breadcrumb nav, category tags, star ratings, review counts, compare-at pricing, status badges, and add-to-cart buttons. ReUI Badge, Rating; shadcn Breadcrumb, Button. Catalog, shop page, marketplace.
- [Fashion Studio Product Grid with Hover-Reveal Details Panel](https://reui.io/blocks/ecommerce/product-card/product-card-10): Studio-shot fashion product grid where cards reveal a details panel on hover with categories, sizes, pricing, and New/Trending badges. ReUI Badge; shadcn Card, Button, Breadcrumb. For apparel catalogs, lookbooks, storefronts.

### eCommerce: Product Detail (6)

- [Ecommerce product detail page with image gallery, variant picker, and reviews](https://reui.io/blocks/ecommerce/product-detail/product-detail-1): Full product page with breadcrumb nav, carousel gallery, buy box with color and size variants, tabbed specs, shipping, reviews, and related items. ReUI Badge, Rating; shadcn Carousel, Tabs, Table, Card, Button. For storefront, catalog, retail PDP.
- [Editorial product detail page with filmstrip gallery, story chapters, and reviews](https://reui.io/blocks/ecommerce/product-detail/product-detail-2): Full-page showcase: filmstrip gallery, sticky buy box with swatches, rating and discount badge, narrative story chapters, grouped spec tables, and an autoplaying review carousel. ReUI Badge, Rating; shadcn Carousel, Card, Button. Product page, PDP.
- [Product Detail Page with Sticky Buy Box, Variant Pickers, and Reviews](https://reui.io/blocks/ecommerce/product-detail/product-detail-3): Ecommerce product page with stacked gallery, sticky buy box (color and connector pickers, quantity stepper), overview, specs table, rating breakdown, and related items. ReUI Badge, Rating; shadcn Breadcrumb, ButtonGroup, Table. Product page, PDP.
- [Ebook product detail page with Look Inside gallery, edition format picker, and chapter contents](https://reui.io/blocks/ecommerce/product-detail/product-detail-4): Editorial book PDP for ebook, audiobook, and bundle editions: captioned Look Inside gallery, sticky buy box with format picker, drop-cap sample, three-part chapter TOC, spec cards, autoplay review carousel. ReUI Rating, Badge, shadcn Card, Carousel.
- [Compact Product Detail Page with Sticky Thumbnail Gallery and Dense Buy Box](https://reui.io/blocks/ecommerce/product-detail/product-detail-5): Ecommerce product page: sticky thumbnail gallery, dense buy box with color and size pickers, quantity stepper, Add to Cart, Buy Now, wishlist, specs, rating breakdown and review carousel. ReUI Rating, Badge; shadcn Button, Carousel, Progress.
- [Editorial Single-Column Product Detail Page with Chapter-Numbered Story Body and Centered Buy Box](https://reui.io/blocks/ecommerce/product-detail/product-detail-6): Magazine-style PDP in a narrow centered column: gallery, price, color and size pickers, quantity stepper, Add To Cart, a chapter-numbered story body, specs table, and quote-carousel reviews. ReUI Rating, Badge with shadcn Item, ButtonGroup, Carousel.

### eCommerce: Product Grid (6)

- [Ecommerce Product Grid with Color Swatches, Hover Wishlist, and Sale Price Badges](https://reui.io/blocks/ecommerce/product-grid/product-grid-1): Responsive 2x2 product collection grid: square media with hover zoom, hover-revealed wishlist toggle, color swatches that swap the image, and strikethrough compare-at price. ReUI Badge, shadcn Card, Button, Item. For shop, catalog, store listing.
- [Frame-Panel Product Card Grid with Color Swatch Image Swap and Wishlist Toggle](https://reui.io/blocks/ecommerce/product-grid/product-grid-2): Responsive 2-column product collection where each tile is a ReUI Frame split into stacked FramePanels for media and content. Color swatches swap the hero image, a hover wishlist Button toggles, ReUI Badge marks sales. Shop, catalog, category pages.
- [Frameless ecommerce product grid with per-card Add to Cart and hover wishlist toggle](https://reui.io/blocks/ecommerce/product-grid/product-grid-3): Frameless ecommerce product grid for shop and category pages: image tiles with full-width Add to Cart, hover-reveal wishlist toggle, category links, sale badges, star rating, and strikethrough price. Uses ReUI Badge, Rating, shadcn Item, Button.
- [Editorial product grid with numbered horizontal chapter tiles, story line and 3-up specs](https://reui.io/blocks/ecommerce/product-grid/product-grid-4): Editorial product grid of horizontal split tiles: numbered chapter header, square image left, title with price, story line and 3-up specs right. ReUI Badge, shadcn Item and Button, hover-reveal wishlist, sale strikethrough. Collection grid, catalog.
- [Ecommerce product grid with hover quick-buy panel and in-stock-aware size picker](https://reui.io/blocks/ecommerce/product-grid/product-grid-5): Shoppable 3-column product grid; cards reveal a hover quick-buy panel with a stock-aware size picker (sold-out sizes struck through), wishlist toggle, and Add to Bag. ReUI Badge, shadcn Item, Field, Checkbox, Button. Storefront catalog, shop listing.
- [Apparel 2x2 product grid with hover lifestyle image cross-fade and expanding color swatch pill](https://reui.io/blocks/ecommerce/product-grid/product-grid-6): Fashion ecommerce 2x2 product grid where tiles cross-fade product to on-model shots on hover, revealing Add to List and Add to Cart, plus a corner Badge and fan-out swatch pill. ReUI Badge, shadcn Button, Item. Catalog, collection, shop pages.

### eCommerce: Receipt (6)

- [Printable order receipt with paid badge, itemized items, totals breakdown, and shipment tracking](https://reui.io/blocks/ecommerce/receipt/receipt-1): Post-checkout receipt for a completed purchase: Paid badge, Ship/Bill/Payment grid, line items with thumbnails, subtotal-discount-tax-total summary, Download/Email/Print actions. ReUI Badge, shadcn Card, Button, Item. Order confirmation, invoice.
- [Order receipt with vertical fulfillment Timeline, Paid status hero, and items plus totals breakdown](https://reui.io/blocks/ecommerce/receipt/receipt-2): Order receipt pairing a vertical fulfillment Timeline (placed to delivered, with Track CTA) and a details pane: items, totals, Ship To, Bill To, Payment. ReUI Timeline, Badge; shadcn Card, Button. For order status, shipping tracking, invoice page.
- [Monospaced Paper Cash-Register Order Receipt Card with Print, Download, and Email Actions](https://reui.io/blocks/ecommerce/receipt/receipt-3): Printable order receipt styled as a narrow monospaced paper slip: order meta, text-only item lines, totals with discount and a double-line TOTAL row, payment, ship-to, tracking. shadcn Card, Button, Item. Order confirmation, invoice, print receipt.
- [Delivered Order Receipt with Per-Item Review, Buy Again and Return Actions](https://reui.io/blocks/ecommerce/receipt/receipt-4): Post-purchase order receipt with a Delivered hero, totals, and item rows whose action flips between Write Review and Buy Again plus a per-item menu (Return Item, Get Help). Order confirmation, order history. ReUI Badge, Rating, shadcn Card.
- [Two-column statement-style order receipt with metadata sidebar and itemized line totals](https://reui.io/blocks/ecommerce/receipt/receipt-5): Statement-layout receipt: left sidebar with brand mark, Paid badge, large Total Paid amount and order/payment/address blocks; right pane lists items and totals. ReUI Badge, shadcn Card, Item, Button. Order confirmation, invoice, purchase summary.
- [Order Receipt Page with Quick-Action Tile Grid, Line Items, Totals, and Shipping or Tracking Details](https://reui.io/blocks/ecommerce/receipt/receipt-6): Post-purchase receipt with a status-badged order summary, line items with thumbnails, totals breakdown, a shipping/payment/tracking grid, and a 4-tile Track/Reorder/Return/Help action grid. Uses ReUI Badge, shadcn Card, Button, Item.

### eCommerce: Review (6)

- [Product reviews carousel with autoplay slides and avatar thumbnail navigation](https://reui.io/blocks/ecommerce/review/review-1): Slides one full testimonial at a time with an attribution bar (reviewer, star rating, variant, verified badge) and avatar thumbnails to jump reviews. ReUI Rating, Badge, shadcn Carousel, Avatar, Button. Product pages, testimonials, social proof.
- [Customer Reviews Section with Sentiment Topic Filter Chips and Two-Column Review Grid](https://reui.io/blocks/ecommerce/review/review-2): Product reviews section with topic filter chips showing per-theme confidence percentages and a two-column grid of avatar, star rating, verified badge, and helpful-counter tiles. ReUI Rating, Badge, shadcn Avatar, Button. Testimonials, social proof.
- [Customer reviews section with rating summary sidebar and sortable review list](https://reui.io/blocks/ecommerce/review/review-3): Product reviews layout: summary card with aggregate rating, star-distribution bars and top-mention tags beside a sortable review list with verified badges and helpful counts. ReUI Rating, Badge, shadcn Card, Progress, Select, Avatar. Ratings pages.
- [Ecommerce Customer Reviews Pull-Quote Highlights Grid With Star Ratings and Avatars](https://reui.io/blocks/ecommerce/review/review-4): Product review highlights section: six verified-buyer pull-quote tiles in a responsive grid, each with quote glyph, star Rating, score, avatar and posted date. ReUI Rating, shadcn Avatar, Button. Testimonials, ratings, social proof.
- [Ecommerce Product Testimonial Carousel with Autoplay and Dot Pagination](https://reui.io/blocks/ecommerce/review/review-5): Customer reviews section: looping autoplay carousel of quote cards with star Rating, avatar attribution, and active dot pagination. ReUI Rating, shadcn Carousel, Card, Avatar. Product testimonials, social proof.
- [Auto-playing customer review carousel with star-rating-led testimonial cards and dot pagination](https://reui.io/blocks/ecommerce/review/review-6): Looping testimonial slider for product pages and social proof sections: auto-rotating cards pause on hover, each leads with a star Rating, quote, and reviewer avatar. Uses ReUI Rating with shadcn Carousel, Card, Avatar, Separator.

### eCommerce: Shopping Cart (7)

- [Shopping Cart Review With Item List, Free-Shipping Progress, Promo Code, and Order Summary Sidebar](https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-1): Pre-checkout cart page: item rows with quantity steppers, save and remove, plus free-shipping progress, promo field, and an Order Summary sidebar (subtotal, tax, discount, checkout). ReUI Badge, shadcn Progress, InputGroup. Ecommerce basket review.
- [Two-Column Shopping Cart Page with Sticky Order Summary Frame and Coupon Field](https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-2): Cart page: item list with thumbnails, size badges, and quantity steppers beside a sticky order summary with delivery, tax, total, coupon, and checkout. ReUI Frame, Badge plus shadcn Item, ButtonGroup, InputGroup, Empty. Bag, basket, order review.
- [Data Table Shopping Cart with Column Header Rail, Quantity Steppers, and Order Summary](https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-3): Full-width pre-checkout cart as a data table: column header rail, thumbnail rows with linked title, color swatch and size, ButtonGroup steppers, line totals, and an order summary with free-shipping Badge. ReUI Badge, shadcn Button, Item, Tooltip.
- [Full-Page Shopping Cart with Per-Item Delivery or Pickup Toggle and Sticky Order Summary](https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-4): Cart page where each item toggles delivery or pickup with its own date and fee, plus quantity steppers, promo code, and a hero estimated total. ReUI Badge, shadcn ToggleGroup, ButtonGroup, Card, InputGroup. For ecommerce checkout, basket, bag review.
- [Two-column shopping cart with order summary, coupon field, and payment method tiles](https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-5): Cart review and checkout page: a thumbnail items Card with ButtonGroup quantity steppers beside a sticky rail of coupon InputGroup, Tooltip-explained Order Summary, and a four-tile payment RadioGroup. shadcn Card, Item, Tooltip, Empty. Order review.
- [Quick Cart Dropdown Menu with Per-Row Quantity Steppers and Live Subtotal](https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-6): Mini-cart popover from a Cart button with count Badge: rows with thumbnail, variant, a quantity stepper driving a live subtotal, View Cart, Checkout, and an Empty state. DropdownMenu, ScrollArea, ButtonGroup, Item, Button. For header cart preview.
- [Mini Cart Slide-Out Sheet Drawer with Just Added Confirmation and Free Shipping Progress](https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-7): Add-to-cart mini cart drawer highlighting the just-added line with a success Badge, ButtonGroup quantity steppers, free-shipping Progress bar, subtotal, and Checkout. ReUI Badge, shadcn Sheet, Item, ScrollArea. Ecommerce side cart, slide-out basket.

### eCommerce: Wishlist (6)

- [Wishlist List View With Multi-Select Bulk Actions, Stock Status, and Price-Drop Signal Badges](https://reui.io/blocks/ecommerce/wishlist/wishlist-1): Saved-items wishlist as selectable rows with thumbnail, brand, variant, stock dot, and price. Select-all toolbar morphs into bulk Add to Cart, Remove, Clear; per-row Notify Me. ReUI Badge, shadcn Checkbox, Button, Item. Account and saved-items pages.
- [Saved-items wishlist grid with price-drop and restock signal badges plus status tabs](https://reui.io/blocks/ecommerce/wishlist/wishlist-2): Ecommerce wishlist that flags saved products with price-drop, restock, almost-gone, or unavailable badges, filters by status tabs, and bulk-adds in-stock items to cart. ReUI Badge, shadcn Tabs, Item, Button. Saved items, favorites, watchlist.
- [Wishlist Grid With Stock and Price-Drop Signal Badges and Tab Filters](https://reui.io/blocks/ecommerce/wishlist/wishlist-3): Saved-items wishlist grid where each card shows a stock or price signal badge, Move To Cart or Notify When Restocked, and hover remove. Line Tabs filter by signal with live counts. ReUI Badge, shadcn Tabs, Button, Item, Empty. For favorites, saved.
- [Wishlist Collections Grid with 2x2 Cover Mosaic Cards and Filter Tabs](https://reui.io/blocks/ecommerce/wishlist/wishlist-4): Account wishlist as named boards with 2x2 mosaic cover cards, +N overflow, item count, updated time, Shared badge, hover share/delete. Line Tabs filter All, Recently Updated, Shared, plus a dashed New Collection tile. ReUI Badge, shadcn Tabs, Item.
- [Priority-Grouped Wishlist with Stock Status and Savings Summary](https://reui.io/blocks/ecommerce/wishlist/wishlist-5): Saved-items page grouping products into Must Have, Save For Later, Maybe buckets with per-item stock status, price savings, a total, and lock-on-add cart actions. ReUI Badge; shadcn Button, Empty, Item, Tooltip. Wishlist, favorites, saved items.
- [Multi-Collection Wishlist with Cover-Stacked Collection Rail](https://reui.io/blocks/ecommerce/wishlist/wishlist-6): Saved products in selectable collections: a left rail of cover-stacked tiles with count and total, plus a product pane with brand, price, savings, and bulk add-to-cart. shadcn Breadcrumb, Button, Empty, Item. Wishlist, favorites, lookbook.

### eCommerce: Shop Hero (8)

- [Storefront shop hero with asymmetric 3-tile product mosaic and live per-tile Add to Cart](https://reui.io/blocks/ecommerce/shop-hero/shop-hero-1): Ecommerce landing hero pairing shop positioning, dual CTAs and a curator row with a 1-up plus 2-stacked product mosaic, sale and compare-at pricing, per-tile add-to-cart, and a cart counter that updates live. ReUI Badge, shadcn Item, Button, Avatar.
- [Bento-grid shop hero with featured campaign tile, quick-add product tiles, and sale promo block](https://reui.io/blocks/ecommerce/shop-hero/shop-hero-2): Ecommerce bento-grid hero: a large campaign tile with eyebrow, headline, and dual CTA, three product tiles with price, compare-at price, badge, and quick Add to Cart, plus an inverted sale promo. ReUI Badge, shadcn Item, Button. Shop hero, storefront
- [Ecommerce shop hero with full-bleed featured deal banner, countdown, and three promo tiles](https://reui.io/blocks/ecommerce/shop-hero/shop-hero-3): Sale landing hero: image deal banner with offer headline, live Badge, countdown timer, social proof, dual CTA, plus three promo tiles. ReUI Badge, shadcn Button, Item. Storewide deals, weekly sale, promo page.
- [Shop By Category ecommerce hero with editorial header and a four-tile image category grid](https://reui.io/blocks/ecommerce/shop-hero/shop-hero-4): Category-browse hero for shop and storefront homepages: editorial eyebrow, headline, lede, See All link, and four square image tiles with name, count, and hover arrow. Uses shadcn Item. Keywords: shop by category, collections grid, product landing.
- [Dual-Collection Shop Hero with Two Side-by-Side Full-Image Story Panels](https://reui.io/blocks/ecommerce/shop-hero/shop-hero-5): Ecommerce shop hero promoting two collections at once: side-by-side full-bleed photo panels, each with eyebrow, headline, star rating, review count, from-price, primary Button CTA and link over a dark gradient. ReUI Badge, shadcn Button, Item.
- [Editorial split shop hero with brand stamp, dual Shop The Edit and Sale CTAs, and collection image](https://reui.io/blocks/ecommerce/shop-hero/shop-hero-6): Collection-level storefront hero: split Card with editorial column (brand stamp, headline, release-stats row) and atmospheric image with a New Drop Badge. Dual Shop The Edit and Sale CTAs. ReUI Badge, shadcn Card, Button. Seasonal lookbook.
- [Collection Switcher Shop Hero with Tabbed Thumbnail Chips and Full-Bleed Editorial Panels](https://reui.io/blocks/ecommerce/shop-hero/shop-hero-7): Storefront hero that switches collections via Tabs. Thumbnail chip triggers with status dot and piece count swap a full-bleed image panel with eyebrow, headline, lede, and dual CTA. shadcn Tabs, Item, Button. Shop landing, lookbook, drop switcher.
- [Edge-to-edge 2x2 collection quilt shop hero with full-bleed photo tiles and color-coded status pills](https://reui.io/blocks/ecommerce/shop-hero/shop-hero-8): Full-width 2x2 grid hero linking four shop collections; each tile is a full-bleed photo with a color-coded status pill, name, and piece-count plus price-range meta over an animated Shop link. For storefront, category, lookbook, drop pages.

### Marketing: Blog (6)

- [Blog index with cover-image post cards in a responsive three-column grid and author footers](https://reui.io/blocks/marketing/blog/blog-1): Blog listing on a responsive 1/2/3-column grid of Cards: 16:10 cover, date and read-time, clamped title and excerpt, author footer with Avatar and Read link. Built on Card, CardContent, Avatar. For blog index, article archive, news, or changelog.
- [Full-image blog post cards with titles overlaid on covers, hover zoom, and pill category badges](https://reui.io/blocks/marketing/blog/blog-2): Blog index of three full-bleed cover-image cards with a gradient scrim, title and tone label overlaid on the photo, a white pill category Badge, and hover zoom. ReUI Badge, shadcn Card. For articles index, news grid, insights, or journal pages.
- [Blog article carousel with cover cards, circular prev/next controls and a progress-line indicator](https://reui.io/blocks/marketing/blog/blog-3): Featured-article blog carousel with circular prev/next buttons and a 1px progress line as position indicator. Cover scales on hover; category badge and read time. shadcn Carousel, Progress, AspectRatio, Badge, Card. Article slider, featured posts.
- [Three-column blog index with stacked Frame cards, grayscale hover-zoom covers, and author footers](https://reui.io/blocks/marketing/blog/blog-4): Blog index listing posts as stacked ReUI Frame cards in a three-column row: grayscale cover that zooms on hover, category, date, title, excerpt, and an author footer with shadcn Avatar and Read link. For news, insights, and article listings.
- [Blog post detail page with gradient overlay image hero, byline, pull quote, and related posts list](https://reui.io/blocks/marketing/blog/blog-5): Reading page for one blog post, news, changelog, or case study. Cover with gradient scrim, overlaid title and category badge, byline, sections, pull quote, author bio, and text-only related posts. Uses shadcn Card, AspectRatio, Avatar, Badge, Item.
- [Single-column blog post detail page with breadcrumb, author byline, topic badges, Read Next grid](https://reui.io/blocks/marketing/blog/blog-6): Centered max-w-3xl blog post detail page: breadcrumb, headline, author byline, cover image, body sections, topic badges, and a two-up Read Next grid of related posts. Uses shadcn Breadcrumb, Card, Item, Avatar, Badge, Separator. For release notes.

### Marketing: Compare (3)

- [Workflow comparison card with 2 numbered 5-step tracks, a hatched VS rail and time-cost bands](https://reui.io/blocks/marketing/compare/compare-1): Old way vs new way pitch: eyebrow link, headline with a highlighted claim chip, docs and registry CTAs, row-aligned steps that stack when narrow. Built on ReUI Badge, IconTile, shadcn Card, Item, Button. For versus, before and after, why us.
- [3-column feature comparison table with a center emerald checkmark column](https://reui.io/blocks/marketing/compare/compare-2): Versus section setting 9 AI workflow features, with icon tiles and info tooltips, against the manual step a prompt-only approach leaves. Built on shadcn Card, Tooltip and ReUI Badge, IconTile. For us vs them, with vs without, feature matrix pages.
- [Lit emerald capability card beside a plain prompt-only step list, a 2-column feature comparison](https://reui.io/blocks/marketing/compare/compare-3): Tool against manual work: 7 MCP capabilities with info hints, each level with the manual step it replaces as labels wrap, stacking card first in tight containers. ReUI IconTile, Badge, shadcn Tooltip, Card. For alternatives, competitor pages.

### Marketing: Contact (6)

- [Centered single-email contact card with framed mail row and full-width email action button](https://reui.io/blocks/marketing/contact/contact-1): Centered contact section with one direct-email path instead of a form: eyebrow, heading, a framed mail-icon row, and a full-width outline button showing the support email. Uses ReUI Frame, shadcn Item and Button. For contact us and support pages.
- [Split contact card with project intake form and abstract SVG scope panel](https://reui.io/blocks/marketing/contact/contact-2): Two-column Card pairing a project intake form (Project Type and Timeline Selects, budget InputGroup with $ addon, Textarea, Button) with a gradient SVG panel of mailto and tel Item links. For agency, studio, or SaaS quote and project-brief pages.
- [Frameless split contact form with topic Select and image-backed Card panel of email and phone links](https://reui.io/blocks/marketing/contact/contact-3): Split contact-us section: frameless form (Name, Email, topic Select, Subject, Textarea) beside an image-backed Card of email and phone links. Field, Input, Select, Textarea, Button, Card, Item. Contact page, support form, sales inquiry, lead capture.
- [Contact section with global office columns ordered west to east as a follow-the-sun timezone band](https://reui.io/blocks/marketing/contact/contact-4): Form-free contact band: three office columns split by dividers, each with city, postal address, UTC offset, business hours, and a directions link, plus an email and CTA button. Uses shadcn Button and Separator. For contact us, our offices, find us.
- [Two-column contact Card pairing a tinted contact-details panel with a short project inquiry form](https://reui.io/blocks/marketing/contact/contact-5): Framed Card with a tinted left details panel (email, response time, studio location) beside a right project form. shadcn Card, Field, Input, Textarea, Button. For contact us, get in touch, start a project, sales inquiry, lead capture.
- [Channel-first contact section with clickable Frame panels for chat, email, and GitHub community](https://reui.io/blocks/marketing/contact/contact-6): Channel-first contact section: three clickable Frame panels (Live Chat, Email Us, GitHub Community) over a muted docs and FAQ card. ReUI Frame, FramePanel; shadcn Card, Item, Button. Contact us, get in touch, support channels page.

### Marketing: CTA (17)

- [Centered newsletter signup CTA with mail-prefixed email input and avatar-stack subscriber proof](https://reui.io/blocks/marketing/cta/cta-1): Centered newsletter CTA: badge eyebrow, headline, lede, a mail-prefixed email field with Subscribe button, and an overlapping avatar stack with subscriber count. ReUI Badge, shadcn InputGroup, Avatar, Button. Email capture, mailing-list opt-in.
- [Split CTA card with image media panel, badge eyebrow, dual link buttons, and feature trust strip](https://reui.io/blocks/marketing/cta/cta-2): Two-column marketing CTA pairing copy with an image media panel on a radial dot-grid backdrop. Badge eyebrow, headline, two icon link Buttons, and a feature strip. ReUI Badge, shadcn Card, Button, Item. Landing CTA, get-started banner, product promo.
- [Centered Frame CTA with animated grid background, badge eyebrow, and single email capture form](https://reui.io/blocks/marketing/cta/cta-3): Compact centered email-capture CTA: a ReUI Frame and FramePanel surface over an animated motion/react SVG grid, with a Badge eyebrow, h2 heading, lede, and an inline shadcn Input plus Button. For waitlist, signup, lead-capture, and launch sections.
- [Centered marketing CTA with badge eyebrow, framed three-column proof grid, and dual link buttons](https://reui.io/blocks/marketing/cta/cta-4): Centered conversion CTA: Badge eyebrow, heading, lede above a ReUI Frame three-column FramePanel proof grid of bordered Item icon tiles, then primary and outline link Buttons. Landing, pricing, product closer; feature grid, dual button CTA.
- [Full-width aurora-gradient CTA banner with a two-line headline and one rounded-full pill button](https://reui.io/blocks/marketing/cta/cta-5): Full-bleed single-message conversion band: one bold two-line headline and a single rounded-full action over a static OKLCH aurora gradient. Built on shadcn Card and Button. For closing CTA sections, hero banners, sign up and get-started callouts.
- [Dark violet CTA banner with animated neon sine-wave line-stream backdrop and one rounded-full button](https://reui.io/blocks/marketing/cta/cta-6): Closing CTA banner: two-line heading, supporting line, and one rounded-full anchor button on a deep violet surface lit by an animated, looping neon line-stream. Built on shadcn Card and Button. For a final conversion band or dark hero section.
- [Animated analytics dashboard mockup on a gradient mesh beside CTA copy and a scrolling logo marquee](https://reui.io/blocks/marketing/cta/cta-7): Agency or product studio pitch: Book a Call and Contact Us links beside a console of KPI sparkline cards, a revenue chart and an order table. ReUI Badge, IconTile; shadcn Button, Card, Table, Progress. Demo booking, SaaS landing.
- [Night Earth CTA banner with WebGL city lights turning on the globe beside light and outline buttons](https://reui.io/blocks/marketing/cta/cta-8): Theme-independent closer (fixed oklch surface and ink) whose Earth is cropped past the right edge, drops under the copy when narrow and stays a still photo under reduced motion. shadcn Card, Button. Docs callout, footer CTA.
- [Frosted glass CTA panel over a star field with an orange sun and a turning night Earth](https://reui.io/blocks/marketing/cta/cta-9): Glassmorphism panel where the Card blurs the stars, sun and Earth behind it while they stay sharp around it, lit by edge highlights and a corner glow. Get Started and Read Docs links. shadcn Card, Button. Dark space section, launch page.
- [Figma and Cursor brand-button CTA centered under a pill eyebrow badge and a 9-avatar builder stack](https://reui.io/blocks/marketing/cta/cta-10): End-of-page conversion section whose lede pitches components, templates, MCP tools and Agent Skills; avatars show initials until portraits load and the buttons wrap when narrow. ReUI Badge, shadcn Avatar, Button. Dev tool promo, Figma kit page.
- [Masked tower photo cutout bleeding off an emerald CTA banner with a looping wordmark marquee](https://reui.io/blocks/marketing/cta/cta-11): Get-started band with lime Start Building and translucent Read Docs links, 8 wordmarks such as Vercel, GitHub and Supabase that pause on hover, and a photo that drops beneath the copy below 640px. shadcn Card, Button, Separator. Customer logo strip.
- [Rotating Mars CTA banner on dotted indigo with paired buttons and 3 pulsing proof checks](https://reui.io/blocks/marketing/cta/cta-12): Launch section pairing light and translucent link buttons with Live integrations, Agent ready and Open standards checks; the planet turns under a fixed Sun, relit per fragment. shadcn Card, Button, Separator. Space promo, get started page.
- [MCP integrations CTA banner with 11 floating extruded logo tiles on an isometric grid floor](https://reui.io/blocks/marketing/cta/cta-13): Integration catalog closer: Connect MCP and Browse Integrations links over a Vercel, OpenAI, Resend and Clerk trust row, while tiles spring in and then float. shadcn Card, Button, Separator. For MCP server and API platform pages.
- [Dark newsletter signup banner with inline email join form and a rotating WebGL night Earth](https://reui.io/blocks/marketing/cta/cta-14): Release updates signup: an @-prefixed email field and Join button swap to an aria-live confirmation on submit, over a 3px dot mesh and a blue bloom that pulses on a 12s loop. shadcn Card, Input Group, Button. Changelog, product news.
- [Outcome checklist CTA banner on emerald with 4 checked items, an amber action and lime corner glows](https://reui.io/blocks/marketing/cta/cta-15): Benefits recap whose checklist covers shipping pages, MCP support for AI agents, accessibility and consistent design systems, stacking below the copy on cards under 900px. shadcn Card, Button. Landing page ending, feature summary.
- [Sales contact CTA banner with the headline left and Contact Us and Book a Call buttons right](https://reui.io/blocks/marketing/cta/cta-16): Consultation booking row that splits from a 900px card width, holding a 320px action well on the right, and stacks below; message and calendar icons, blue corner glow. shadcn Card, Button. Contact page, services footer.
- [Star rating review pill CTA on a dark dot-grain banner with a centered brand logo tile](https://reui.io/blocks/marketing/cta/cta-17): Review score callout: 4.6 shown as 4.5 half-step stars with a 2600+ review count, under View Blocks and Read Docs icon links and a Build with ReUI headline. ReUI IconTile, Rating; shadcn Card, Button. Testimonials, trust section.

### Marketing: FAQ (6)

- [Two-column FAQ with sticky intro, line-tab category filter, and multi-open accordion cards](https://reui.io/blocks/marketing/faq/faq-1): Two-column FAQ: sticky intro plus a line-variant Tabs row that filters questions by category and re-mounts a multiple-mode Accordion of bordered Cards, first answer open. ReUI Badge, shadcn Tabs, Accordion, Card, Button. For help and FAQ pages.
- [Centered two-column FAQ with multi-open divider accordion and a dot-grid framed support panel](https://reui.io/blocks/marketing/faq/faq-2): Centered two-column marketing FAQ that keeps one answer open per column. Divider-row Accordion over a dot-grid Frame support panel and outline link CTA. ReUI Badge, Frame, FramePanel, shadcn Accordion, Button. For help, support, pricing FAQ, docs.
- [Open no-accordion FAQ with always-visible two-column answer grid and two-CTA support row](https://reui.io/blocks/marketing/faq/faq-3): Open FAQ section showing every answer at once, no accordion: a hairline-divided two-column question and answer grid that stacks on mobile, plus a support row with two CTAs. Uses shadcn Button, Item, ItemMedia. For help, support, pricing FAQ, docs.
- [Centered single-column FAQ with help eyebrow and borderless single-open accordion](https://reui.io/blocks/marketing/faq/faq-4): Centered single-column FAQ: help-icon eyebrow over a shadcn Accordion of seven Q&A rows split by thin border dividers (no cards, single-open, first open), with a "Talk to the team" arrow link. For FAQ, help, support, pricing FAQ, onboarding pages.
- [Two-column FAQ pairing a single-open accordion card with a sticky support-CTA sidecard](https://reui.io/blocks/marketing/faq/faq-5): Two-column marketing FAQ: a single-open Accordion in a Card (hairline rows, first open) beside a sticky dashed support CTA card with a contact link Button and email fallback. ReUI Badge, shadcn Accordion, Card, Button. For help, support, FAQ pages.
- [Single-column FAQ accordion with built-in contact-support footer inside one stacked ReUI Frame tray](https://reui.io/blocks/marketing/faq/faq-6): One-column Q and A: a single-open Accordion above a muted footer with Read The Docs and Contact Support buttons, boxed in stacked ReUI Frame. Built on shadcn Accordion, Item, Button. For FAQ, help, support, and pricing-questions pages.

### Marketing: Hero (16)

- [Dark MCP usage hero with an animated isometric bar chart and a flagged usage spike](https://reui.io/blocks/marketing/hero/hero-1): Dark split marketing hero for an MCP usage product: status badge, highlighted headline, capability chips, dual call to action, brand row, and an animated isometric bar chart charting agent usage velocity with a flagged spike.
- [Aurora Console Hero](https://reui.io/blocks/marketing/hero/hero-2): Split marketing hero for a component registry: Next.js badge, lime-highlighted headline, call to action with an inline star rating, brand row, and a rebuilt analytics console floating on a drifting gradient backdrop, with full dark mode.
- [Emerald registry hero with an animated isometric scene of floating product blocks](https://reui.io/blocks/marketing/hero/hero-3): Dark emerald marketing hero for a component registry: Next.js badge, highlighted headline, MCP and Agent Skills capability chips, lime primary call to action, trusted-by brand row, and an animated isometric scene of eight extruded product cards with staggered entrance, ambient float, hover lift, axis packets, and expanding ground pulses.
- [Split Registry Hero With A Console On A Drifting Photo Backdrop](https://reui.io/blocks/marketing/hero/hero-4): Split marketing hero for a component registry: live-status badge with a success dot, two-tone headline, subtitle, Next.js and v0 capability rows, a primary and outline action pair, and a rebuilt analytics console floating on a drifting photographic backdrop, with full dark mode.
- [Integrations Hero With An Isometric Grid Of Floating Brand Tiles](https://reui.io/blocks/marketing/hero/hero-5): Split marketing hero for an integrations or MCP product: outline badge, two-line headline, subtitle, blue primary action with an outline companion, an assurance row under a separator, and an isometric grid of eleven extruded brand tiles floating over a masked ground plane with a dot field backdrop.
- [Split registry hero with a live security console over a tower skyline](https://reui.io/blocks/marketing/hero/hero-6): Conversion hero for a component registry: badge, two-tone headline, action pair, and a frame whose security console is live markup with ambient chart motion, set over twin towers against a rose-to-coral sky, cropped at the frame edge. Uses ReUI Badge, IconTile, shadcn Card. For landing page, SaaS hero.
- [Split cloud platform hero with a pointer-tilted crew console on a black frame](https://reui.io/blocks/marketing/hero/hero-7): Conversion hero for a cloud platform: Azure badge, two-tone headline, email capture with an lg Join button, and proof lines beside a product frame whose crew coverage console is live markup with ambient chart motion, tilted in 3D by the pointer. Uses ReUI Badge, IconTile, shadcn Card, Progress, InputGroup and the motion library. For landing page, SaaS hero, product screenshot.
- [Cloud platform hero with inline email capture and a live analytics console](https://reui.io/blocks/marketing/hero/hero-8): Conversion hero for a cloud or infrastructure product: brand badge, two-tone headline, an email capture that confirms in place, and two proof points beside a 4:3 frame whose analytics console is live markup with ambient chart motion on a drawn bloom backdrop. Uses ReUI Badge, IconTile, shadcn InputGroup, Card, Table. For landing page, SaaS hero, waitlist signup.
- [Registry hero with a tabbed console on a sky field](https://reui.io/blocks/marketing/hero/hero-9): Conversion hero for a shadcn/ui registry or MCP tool: an eyebrow badge, a headline with an amber marker highlight, a star rating with review count, and an Open in Cursor / View in Figma action pair. Below it a framed registry console floats on a sky backdrop: a fixed top bar and sidebar stay put while a six-tab bar swaps the workspace between Overview (registry KPIs, trending blocks, recent activity, and an installs chart), Components, Workflows, Integrations, Templates, and an empty Docs state. Built on ReUI IconTile, Badge, Rating, shadcn Tabs, Card, Item, Progress, and Button. For landing page, dev-tool, and product-launch heroes.
- [Centered AI-registry hero with an editable code card and social proof](https://reui.io/blocks/marketing/hero/hero-10): Conversion hero for a developer tool: an 'Agent Skills Ready' pill, a two-tone headline, a lede, an editable script.js code card with copy, reset and model/run controls, and a social-proof row of an overlapping avatar group beside a 4.5 star rating and review count. Uses ReUI Badge and Rating, shadcn Avatar group, InputGroup, Separator and IconPlaceholder. For landing pages, dev-tool and SaaS heroes, registry marketing.
- [Split registry hero with a feature card and a framed analytics console](https://reui.io/blocks/marketing/hero/hero-11): Marketing hero for a shadcn registry or dev tool: a 'Meet 485+ PRO Blocks' pill over a two-tone headline, a lede with 'Start with Cursor' and 'Read Docs' calls to action, and a content band pairing a three-cell feature card with a 4:3 analytics console rendered as live markup on a prismatic backdrop. Uses ReUI Badge, IconTile, shadcn Button, Card and Table. For landing pages, registry marketing and SaaS heroes.
- [Centered registry hero with a brand cloud and a framed analytics console](https://reui.io/blocks/marketing/hero/hero-12): Conversion hero for a shadcn registry or MCP-native dev tool: a 'Meet 485+ Blocks in ReUI Pro' pill over a two-tone headline, a lede with 'Explore Blocks' and 'Choose Plan' calls to action, a single-row brand cloud of real ReUI wordmarks (Vercel, n8n, Supabase, Stripe, GitHub, OpenAI, Bolt, PayPal), and a wide crew-coverage console rendered as live markup on an azure field. Uses ReUI Badge, IconTile, shadcn Button, Card, Table, Progress and Avatar. For landing pages, registry marketing and SaaS heroes.
- [Centered registry hero with a creator cloud and dual calls to action](https://reui.io/blocks/marketing/hero/hero-13): Conversion hero for a shadcn registry or AI-agent dev tool: an 'Agent Skills Available' announcement pill over a two-tone 'First-class shadcn for AI agents' headline, a curated-registry lede, a seven-person creator cloud paired with a 4.5-star '13.9k Ratings' proof line and a reviews link, and two calls to action, 'Preview in Figma' and a primary 'Start with Cursor' with the Cursor wordmark, over a quiet scroll cue. Uses ReUI Badge and Rating, shadcn Avatar, AvatarGroup and Button, and portable IconPlaceholder icons. For landing pages, registry marketing, and developer-tool heroes.
- [Split-header hero with a product console on a dark wave field](https://reui.io/blocks/marketing/hero/hero-14): Editorial marketing hero for a shadcn registry or MCP developer tool: an 'Explore 495+ ReUI Blocks' announcement pill over a two-tone 'Design-ready shadcn / MCP native' headline on the left, a curated-registry lede with 'Buy Now' and 'Explore' calls to action on the right, both bottom-aligned, above a wide 16:10 framed product console standing on a mirrored dark wave field. The console is a crew-coverage operations dashboard rebuilt as real markup, with a KPI strip, a coverage review table, an action queue, and a demand-mix chart, scaled as one screenshot with subtle ambient motion. Uses ReUI Badge, IconTile, shadcn Card, Table, Progress, Item, Avatar and Button, and portable IconPlaceholder icons. For landing pages, registry marketing, and developer-tool heroes.
- [Bordered blueprint hero with an announcement badge and a three-cell feature grid](https://reui.io/blocks/marketing/hero/hero-15): Marketing hero for a shadcn/ui registry or MCP tool: an announcement badge, a keyword-emphasized headline and lede, and a Connect/Browse action pair over a three-cell feature grid of icon-tile links. Built on ReUI Badge, IconTile, shadcn Button. For landing page and dev-tool heroes.
- [Split hero with a Built to ship checklist and a bleeding app-shell carousel](https://reui.io/blocks/marketing/hero/hero-16): Two-column marketing hero for a shadcn/ui registry or MCP tool: a headline, a Built to ship feature checklist, a connect-your-stack logo row (Clerk, n8n, Supabase), and a Connect MCP / Browse Registry action pair, beside an auto-advancing carousel of five product app-shells that bleed off the right edge. The shells are rendered markup rather than screenshots, so they follow the theme in full dark mode. Built on ReUI Badge, IconTile, shadcn Card, Carousel, Item, Button, Kbd. For landing page, dev-tool, and product-launch heroes.

### Marketing: How It Works (5)

- [Static How It Works card with 3 numbered steps on a hairline grid and 2 header actions](https://reui.io/blocks/marketing/how-it-works/how-it-works-1): Explains adoption in 3 steps under a pill eyebrow link, heading, lede and outline plus solid buttons; steps stack to 1 column when narrow. Uses shadcn Card, Item, Button with ReUI IconTile number chips and a Badge link. For process, getting started.
- [Drifting isometric logo tiles topping 4 How It Works step cards in a 1, 2 or 4 column grid](https://reui.io/blocks/marketing/how-it-works/how-it-works-2): Walks a product in 4 numbered steps, each card with a dark grid scene swept by a moving light and its own footer action, below docs and registry buttons and 2 shortcuts. Built on shadcn Card, Item, Button, ReUI Badge, IconTile. For onboarding.
- [Emerald 5-step How It Works card grid with dot texture, lime corner glow and capability rows](https://reui.io/blocks/marketing/how-it-works/how-it-works-3): Process section walking setup in numbered cards that reflow 1, 3 or 5 per row by container width, under an amber CTA, docs link and 2 capability rows. Composes shadcn Card steps, Item rows, Button and ReUI IconTile, Badge. For workflow, setup guide.
- [Horizontal 4-step How It Works tab strip driving an auto-advancing app console on a sky photo](https://reui.io/blocks/marketing/how-it-works/how-it-works-4): Setup walkthrough: 4 step tabs swap an app console (KPI overview, component grid, CLI install list, integrations), advancing every 6s, held under pointer or focus. Runs on shadcn Tabs, Card, Progress, ReUI IconTile chips, Badge. For product tour.
- [Vertical 3-step How It Works tabs that swap analytics, crew coverage and HR dashboard consoles](https://reui.io/blocks/marketing/how-it-works/how-it-works-5): Steps cycle every 5s and wait while hovered or focused; each opens an animated console with KPI cards plus an order table, crew coverage bars or a team calendar. Made with shadcn Tabs, Table, Progress, Avatar, ReUI IconTile, Badge. For SaaS demo.

### Marketing: Pricing (8)

- [4-tier pricing table with a monthly or yearly toggle and a seat stepper that reprices Team](https://reui.io/blocks/marketing/pricing/pricing-1): SaaS plans in one Card: a Save 20% Badge on the yearly tab, a tinted featured plan, tiers that list only what they add, Tooltip feature hints. Uses ReUI Number Field, Badge, shadcn Tabs, Button. For pricing page, subscription tiers, per-seat plans.
- [Plan comparison table with a sticky plan head and metered usage rows](https://reui.io/blocks/marketing/pricing/pricing-2): Usage-based plan matrix: prices and buttons stick as the rows scroll, allowances sit over their metered rate and labels open hints in a Popover. A ToggleGroup shows 1 plan when narrow. Built on Table and IconTile. For compare plans, feature matrix.
- [Per-seat pricing table with team size tabs, 3 plan columns and a 13-row feature comparison](https://reui.io/blocks/marketing/pricing/pricing-3): Seat-based pricing under a customer quote: Solo to Enterprise tabs reprice Pro and Ultimate, strike the list price and gate teammate rows. Stacks into plan cards when narrow. Built on Table, Tabs, Badge, Tooltip. For team pricing, volume discounts.
- [Pricing section with 3 plan cards, a billing tab switch and a customer logo row](https://reui.io/blocks/marketing/pricing/pricing-4): 3-tier SaaS pricing on a dot grain: Monthly or Annual tabs reprice flat Basic and per-seat Business, and quoted Enterprise holds. A Best Value badge tops Business; check or minus rows mark gaps. Built on Card, Tabs, Badge. For free trial pricing.
- [Pricing section with 4 plan cards, a monthly or yearly tab switch and 2 help links](https://reui.io/blocks/marketing/pricing/pricing-5): 4-tier per-seat pricing whose cards share 8 check or minus rows: Monthly or Yearly tabs reprice Team and Growth. A Most Popular badge marks Growth; a dotted card links a comparison and an FAQ. Built on Card, Tabs, Badge, Item. For SaaS plans.
- [Dark pricing section with 3 plan cards, billing tabs and a customer logo row](https://reui.io/blocks/marketing/pricing/pricing-6): Always-dark 3-tier studio pricing: Monthly or Yearly tabs with 2 Months Free reprice the base rate and extra seat fee and show the yearly total. Higher tiers list what they add. Built on Card, Tabs, Badge. For agency pricing, dark landing page.
- [Pricing dialog with a plan rail, billing tabs and a plan detail panel](https://reui.io/blocks/marketing/pricing/pricing-7): Help desk upgrade modal: a radio plan rail beside the chosen plan's price and features, and a footer naming the bill. Monthly or Yearly tabs reprice the rail, plan and bill. Built on Dialog, RadioGroup, Item, Tabs, IconTile. For paywall, plan picker.
- [Pricing dialog with framed plan cards, billing tabs and a feature table](https://reui.io/blocks/marketing/pricing/pricing-8): Usage limit upgrade modal: 3 framed plan cards under Monthly or Yearly tabs, a collapsible feature table and a current plan strip with bookings left. Narrow screens get a plan rail. Built on Dialog, Frame, Tabs, Collapsible. For paywall, plan picker.

## Free examples (1,264)

Copy-paste examples per shadcn/ui component, free forever, no account needed.

### Accordion (11)

- [Single Expand](https://reui.io/components/accordion/c-accordion-1)
- [Plus Minus Icons](https://reui.io/components/accordion/c-accordion-2)
- [Bordered Rounded](https://reui.io/components/accordion/c-accordion-3)
- [In Card](https://reui.io/components/accordion/c-accordion-4)
- [Disabled Items](https://reui.io/components/accordion/c-accordion-5)
- [Icons & Badges](https://reui.io/components/accordion/c-accordion-6)
- [In Frame](https://reui.io/components/accordion/c-accordion-7)
- [Nested](https://reui.io/components/accordion/c-accordion-8)
- [User List](https://reui.io/components/accordion/c-accordion-9)
- [Rotating Arrow](https://reui.io/components/accordion/c-accordion-10)
- [Setup Steps](https://reui.io/components/accordion/c-accordion-11)

### Alert (20)

- [Title & Description](https://reui.io/components/alert/c-alert-1)
- [Leading Icon](https://reui.io/components/alert/c-alert-2)
- [Icon & Actions](https://reui.io/components/alert/c-alert-3)
- [Payment Failure](https://reui.io/components/alert/c-alert-4)
- [Info Variant](https://reui.io/components/alert/c-alert-5)
- [Success Variant](https://reui.io/components/alert/c-alert-6)
- [Warning Variant](https://reui.io/components/alert/c-alert-7)
- [Error Variant](https://reui.io/components/alert/c-alert-8)
- [Invert Variant](https://reui.io/components/alert/c-alert-9)
- [Title & Actions](https://reui.io/components/alert/c-alert-10)
- [Description & Actions](https://reui.io/components/alert/c-alert-11)
- [Frame Reset Borders](https://reui.io/components/alert/c-alert-12)
- [Stacked in Frame](https://reui.io/components/alert/c-alert-13)
- [Frame With Actions](https://reui.io/components/alert/c-alert-14)
- [Pro Upsell](https://reui.io/components/alert/c-alert-15)
- [Urgent Billing](https://reui.io/components/alert/c-alert-16)
- [Service Status](https://reui.io/components/alert/c-alert-17)
- [Feature Discovery](https://reui.io/components/alert/c-alert-18)
- [Direct Message](https://reui.io/components/alert/c-alert-19)
- [Comment Mention](https://reui.io/components/alert/c-alert-20)

### Alert Dialog (14)

- [Basic](https://reui.io/components/alert-dialog/c-alert-dialog-1)
- [Small Size](https://reui.io/components/alert-dialog/c-alert-dialog-2)
- [With Icon](https://reui.io/components/alert-dialog/c-alert-dialog-3)
- [Small With Icon](https://reui.io/components/alert-dialog/c-alert-dialog-4)
- [Destructive Delete](https://reui.io/components/alert-dialog/c-alert-dialog-5)
- [Nested In Dialog](https://reui.io/components/alert-dialog/c-alert-dialog-6)
- [Success Notice](https://reui.io/components/alert-dialog/c-alert-dialog-7)
- [Account Deactivation](https://reui.io/components/alert-dialog/c-alert-dialog-8)
- [Unsaved Changes](https://reui.io/components/alert-dialog/c-alert-dialog-9)
- [E-Ticket Receipt](https://reui.io/components/alert-dialog/c-alert-dialog-10)
- [System Update](https://reui.io/components/alert-dialog/c-alert-dialog-11)
- [Billing Warning](https://reui.io/components/alert-dialog/c-alert-dialog-12)
- [Logout Confirmation](https://reui.io/components/alert-dialog/c-alert-dialog-13)
- [Security Audit](https://reui.io/components/alert-dialog/c-alert-dialog-14)

### Aspect Ratio (8)

- [Widescreen](https://reui.io/components/aspect-ratio/c-aspect-ratio-1)
- [Standard](https://reui.io/components/aspect-ratio/c-aspect-ratio-2)
- [Square](https://reui.io/components/aspect-ratio/c-aspect-ratio-3)
- [Ultrawide](https://reui.io/components/aspect-ratio/c-aspect-ratio-4)
- [Tall Portrait](https://reui.io/components/aspect-ratio/c-aspect-ratio-5)
- [Classic Photo](https://reui.io/components/aspect-ratio/c-aspect-ratio-6)
- [Social Portrait](https://reui.io/components/aspect-ratio/c-aspect-ratio-7)
- [Monitor](https://reui.io/components/aspect-ratio/c-aspect-ratio-8)

### Attachment (6)

- [Assistant Reply](https://reui.io/components/attachment/c-attachment-1)
- [Composer Tray](https://reui.io/components/attachment/c-attachment-2)
- [Image Strip](https://reui.io/components/attachment/c-attachment-3)
- [Three Sizes](https://reui.io/components/attachment/c-attachment-4)
- [Upload Queue](https://reui.io/components/attachment/c-attachment-5)
- [File Picker](https://reui.io/components/attachment/c-attachment-6)

### Autocomplete (12)

- [Basic](https://reui.io/components/autocomplete/c-autocomplete-1)
- [Disabled](https://reui.io/components/autocomplete/c-autocomplete-2)
- [Auto Highlight](https://reui.io/components/autocomplete/c-autocomplete-3)
- [Labeled](https://reui.io/components/autocomplete/c-autocomplete-4)
- [Clear Button](https://reui.io/components/autocomplete/c-autocomplete-5)
- [Trigger Button](https://reui.io/components/autocomplete/c-autocomplete-6)
- [Clear & Trigger](https://reui.io/components/autocomplete/c-autocomplete-7)
- [Groups & Labels](https://reui.io/components/autocomplete/c-autocomplete-8)
- [Search Results](https://reui.io/components/autocomplete/c-autocomplete-9)
- [Small](https://reui.io/components/autocomplete/c-autocomplete-10)
- [Large](https://reui.io/components/autocomplete/c-autocomplete-11)
- [Form Integration](https://reui.io/components/autocomplete/c-autocomplete-12)

### Avatar (35)

- [Basic](https://reui.io/components/avatar/c-avatar-1)
- [Fallbacks](https://reui.io/components/avatar/c-avatar-2)
- [Sizes](https://reui.io/components/avatar/c-avatar-3)
- [Border Radius](https://reui.io/components/avatar/c-avatar-4)
- [Custom Sizes](https://reui.io/components/avatar/c-avatar-5)
- [Status Dots](https://reui.io/components/avatar/c-avatar-6)
- [Badge Icons](https://reui.io/components/avatar/c-avatar-7)
- [Round Badge Corners](https://reui.io/components/avatar/c-avatar-8)
- [Square Badge Corners](https://reui.io/components/avatar/c-avatar-9)
- [Avatar Group](https://reui.io/components/avatar/c-avatar-10)
- [Group With Count](https://reui.io/components/avatar/c-avatar-11)
- [Plus Chip Group](https://reui.io/components/avatar/c-avatar-12)
- [Border Rings](https://reui.io/components/avatar/c-avatar-13)
- [Soft Fallbacks](https://reui.io/components/avatar/c-avatar-14)
- [Solid Fallbacks](https://reui.io/components/avatar/c-avatar-15)
- [User Details](https://reui.io/components/avatar/c-avatar-16)
- [Grayscale](https://reui.io/components/avatar/c-avatar-17)
- [Group Presence](https://reui.io/components/avatar/c-avatar-18)
- [Outline Button](https://reui.io/components/avatar/c-avatar-19)
- [Social Proof Pill](https://reui.io/components/avatar/c-avatar-20)
- [Compact Social Proof](https://reui.io/components/avatar/c-avatar-21)
- [Lift Tooltips](https://reui.io/components/avatar/c-avatar-22)
- [Hover Fan](https://reui.io/components/avatar/c-avatar-23)
- [Fan With Tooltips](https://reui.io/components/avatar/c-avatar-24)
- [Bordered Count Pill](https://reui.io/components/avatar/c-avatar-25)
- [Pill Outline Button](https://reui.io/components/avatar/c-avatar-26)
- [Pill Primary Button](https://reui.io/components/avatar/c-avatar-27)
- [Empty State](https://reui.io/components/avatar/c-avatar-28)
- [Group Add Button](https://reui.io/components/avatar/c-avatar-29)
- [Loading State](https://reui.io/components/avatar/c-avatar-30)
- [Custom Badge](https://reui.io/components/avatar/c-avatar-31)
- [Pulsing Ring](https://reui.io/components/avatar/c-avatar-32)
- [Gradient Ring](https://reui.io/components/avatar/c-avatar-33)
- [Multiple Badges](https://reui.io/components/avatar/c-avatar-34)
- [Dropdown Menu](https://reui.io/components/avatar/c-avatar-35)

### Badge (25)

- [Default](https://reui.io/components/badge/c-badge-1)
- [Secondary](https://reui.io/components/badge/c-badge-2)
- [Destructive](https://reui.io/components/badge/c-badge-3)
- [Success](https://reui.io/components/badge/c-badge-4)
- [Info](https://reui.io/components/badge/c-badge-5)
- [Warning](https://reui.io/components/badge/c-badge-6)
- [Outline](https://reui.io/components/badge/c-badge-7)
- [Primary Outline](https://reui.io/components/badge/c-badge-8)
- [Destructive Outline](https://reui.io/components/badge/c-badge-9)
- [Info Outline](https://reui.io/components/badge/c-badge-10)
- [Success Outline](https://reui.io/components/badge/c-badge-11)
- [Warning Outline](https://reui.io/components/badge/c-badge-12)
- [Primary Light](https://reui.io/components/badge/c-badge-13)
- [Destructive Light](https://reui.io/components/badge/c-badge-14)
- [Success Light](https://reui.io/components/badge/c-badge-15)
- [Info Light](https://reui.io/components/badge/c-badge-16)
- [Warning Light](https://reui.io/components/badge/c-badge-17)
- [Sizes](https://reui.io/components/badge/c-badge-18)
- [Full Radius](https://reui.io/components/badge/c-badge-19)
- [With Icon](https://reui.io/components/badge/c-badge-20)
- [Dismiss Button](https://reui.io/components/badge/c-badge-21)
- [Status Dot](https://reui.io/components/badge/c-badge-22)
- [As Link](https://reui.io/components/badge/c-badge-23)
- [With Avatar](https://reui.io/components/badge/c-badge-24)
- [With Flag](https://reui.io/components/badge/c-badge-25)

### Breadcrumb (15)

- [Basic](https://reui.io/components/breadcrumb/c-breadcrumb-1)
- [Dropdown Menu](https://reui.io/components/breadcrumb/c-breadcrumb-2)
- [Router Link](https://reui.io/components/breadcrumb/c-breadcrumb-3)
- [Slash Separator](https://reui.io/components/breadcrumb/c-breadcrumb-4)
- [Item Icons](https://reui.io/components/breadcrumb/c-breadcrumb-5)
- [Static Ellipsis](https://reui.io/components/breadcrumb/c-breadcrumb-6)
- [Avatars](https://reui.io/components/breadcrumb/c-breadcrumb-7)
- [Double Chevron](https://reui.io/components/breadcrumb/c-breadcrumb-8)
- [In Card](https://reui.io/components/breadcrumb/c-breadcrumb-9)
- [Pill In Frame](https://reui.io/components/breadcrumb/c-breadcrumb-10)
- [Count Badge](https://reui.io/components/breadcrumb/c-breadcrumb-11)
- [Home Icon Button](https://reui.io/components/breadcrumb/c-breadcrumb-12)
- [Bar Separator](https://reui.io/components/breadcrumb/c-breadcrumb-13)
- [Button Style](https://reui.io/components/breadcrumb/c-breadcrumb-14)
- [Project & Document](https://reui.io/components/breadcrumb/c-breadcrumb-15)

### Bubble (7)

- [Sender Alignment](https://reui.io/components/bubble/c-bubble-1)
- [All Variants](https://reui.io/components/bubble/c-bubble-2)
- [Grouped Messages](https://reui.io/components/bubble/c-bubble-3)
- [Reactions](https://reui.io/components/bubble/c-bubble-4)
- [Show More](https://reui.io/components/bubble/c-bubble-5)
- [Quick Replies](https://reui.io/components/bubble/c-bubble-6)
- [Formatted Answer](https://reui.io/components/bubble/c-bubble-7)

### Button (61)

- [Default](https://reui.io/components/button/c-button-1)
- [Secondary](https://reui.io/components/button/c-button-2)
- [Outline](https://reui.io/components/button/c-button-3)
- [Ghost](https://reui.io/components/button/c-button-4)
- [Destructive](https://reui.io/components/button/c-button-5)
- [Link](https://reui.io/components/button/c-button-6)
- [Extra Small](https://reui.io/components/button/c-button-7)
- [Small](https://reui.io/components/button/c-button-8)
- [Large](https://reui.io/components/button/c-button-9)
- [Disabled](https://reui.io/components/button/c-button-10)
- [Icon Button](https://reui.io/components/button/c-button-11)
- [Icon Right](https://reui.io/components/button/c-button-12)
- [Loading State](https://reui.io/components/button/c-button-13)
- [Icon Left](https://reui.io/components/button/c-button-14)
- [Invalid State](https://reui.io/components/button/c-button-15)
- [Secondary Icon Left](https://reui.io/components/button/c-button-16)
- [Secondary Icon Right](https://reui.io/components/button/c-button-17)
- [Outline Icon Left](https://reui.io/components/button/c-button-18)
- [Outline Icon Right](https://reui.io/components/button/c-button-19)
- [Ghost Icon Left](https://reui.io/components/button/c-button-20)
- [Ghost Icon Right](https://reui.io/components/button/c-button-21)
- [Destructive Icon Left](https://reui.io/components/button/c-button-22)
- [Destructive Icon Right](https://reui.io/components/button/c-button-23)
- [Extra Small Icon](https://reui.io/components/button/c-button-24)
- [Small Icon](https://reui.io/components/button/c-button-25)
- [Large Icon](https://reui.io/components/button/c-button-26)
- [Next Link](https://reui.io/components/button/c-button-27)
- [Link Icon Left](https://reui.io/components/button/c-button-28)
- [Link Icon Right](https://reui.io/components/button/c-button-29)
- [Large Icon Left](https://reui.io/components/button/c-button-30)
- [Large Icon Right](https://reui.io/components/button/c-button-31)
- [Outline Invalid](https://reui.io/components/button/c-button-32)
- [Ghost Invalid](https://reui.io/components/button/c-button-33)
- [Email Login](https://reui.io/components/button/c-button-34)
- [More Less Toggle](https://reui.io/components/button/c-button-35)
- [Outline Social Icons](https://reui.io/components/button/c-button-36)
- [Like Count](https://reui.io/components/button/c-button-37)
- [Star Count](https://reui.io/components/button/c-button-38)
- [Unread Badge](https://reui.io/components/button/c-button-39)
- [Shortcut Keys](https://reui.io/components/button/c-button-40)
- [Copy Feedback](https://reui.io/components/button/c-button-41)
- [Icon Copy](https://reui.io/components/button/c-button-42)
- [Hamburger Toggle](https://reui.io/components/button/c-button-43)
- [Async Action](https://reui.io/components/button/c-button-44)
- [Inline Count](https://reui.io/components/button/c-button-45)
- [Status Dot](https://reui.io/components/button/c-button-46)
- [Status Badge](https://reui.io/components/button/c-button-47)
- [Notification Badge](https://reui.io/components/button/c-button-48)
- [Go Back](https://reui.io/components/button/c-button-49)
- [Animated Go Back](https://reui.io/components/button/c-button-50)
- [Expanding Button](https://reui.io/components/button/c-button-51)
- [Title & Description](https://reui.io/components/button/c-button-52)
- [Sliding Arrow](https://reui.io/components/button/c-button-53)
- [Shortcut Tooltip](https://reui.io/components/button/c-button-54)
- [Avatar](https://reui.io/components/button/c-button-55)
- [Outline Avatar](https://reui.io/components/button/c-button-56)
- [Small Avatar](https://reui.io/components/button/c-button-57)
- [Small Outline Avatar](https://reui.io/components/button/c-button-58)
- [Social Login Stack](https://reui.io/components/button/c-button-59)
- [Colored Social Icons](https://reui.io/components/button/c-button-60)
- [Theme Toggle](https://reui.io/components/button/c-button-61)

### Button Group (57)

- [Two Buttons](https://reui.io/components/button-group/c-button-group-1)
- [Button & Input](https://reui.io/components/button-group/c-button-group-2)
- [Buttons & Badge](https://reui.io/components/button-group/c-button-group-3)
- [Dropdown Menu](https://reui.io/components/button-group/c-button-group-4)
- [Team Activity](https://reui.io/components/button-group/c-button-group-5)
- [Icon Actions](https://reui.io/components/button-group/c-button-group-6)
- [Status Indicator](https://reui.io/components/button-group/c-button-group-7)
- [Like Counter](https://reui.io/components/button-group/c-button-group-8)
- [Nested Groups](https://reui.io/components/button-group/c-button-group-9)
- [Basic Pagination](https://reui.io/components/button-group/c-button-group-10)
- [Split Pagination](https://reui.io/components/button-group/c-button-group-11)
- [Text Alignment](https://reui.io/components/button-group/c-button-group-12)
- [Vertical Orientation](https://reui.io/components/button-group/c-button-group-13)
- [Vertical Tool Palette](https://reui.io/components/button-group/c-button-group-14)
- [Star With Dropdown](https://reui.io/components/button-group/c-button-group-15)
- [Search Filter Clear](https://reui.io/components/button-group/c-button-group-16)
- [Conversation Menu](https://reui.io/components/button-group/c-button-group-17)
- [Git Split Button](https://reui.io/components/button-group/c-button-group-18)
- [Search With Menu](https://reui.io/components/button-group/c-button-group-19)
- [Search With Button](https://reui.io/components/button-group/c-button-group-20)
- [File Name Menu](https://reui.io/components/button-group/c-button-group-21)
- [Disabled Button](https://reui.io/components/button-group/c-button-group-22)
- [Separated Buttons](https://reui.io/components/button-group/c-button-group-23)
- [Dashboard Views](https://reui.io/components/button-group/c-button-group-24)
- [Rating Scale](https://reui.io/components/button-group/c-button-group-25)
- [User Selection](https://reui.io/components/button-group/c-button-group-26)
- [Status Select](https://reui.io/components/button-group/c-button-group-27)
- [Volume Control](https://reui.io/components/button-group/c-button-group-28)
- [Follower Count](https://reui.io/components/button-group/c-button-group-29)
- [Active Count](https://reui.io/components/button-group/c-button-group-30)
- [Share Caption](https://reui.io/components/button-group/c-button-group-31)
- [Sort & View](https://reui.io/components/button-group/c-button-group-32)
- [Select Controls](https://reui.io/components/button-group/c-button-group-33)
- [Segmented Control](https://reui.io/components/button-group/c-button-group-34)
- [Numbered Pagination](https://reui.io/components/button-group/c-button-group-35)
- [View Switcher](https://reui.io/components/button-group/c-button-group-36)
- [Zoom Controls](https://reui.io/components/button-group/c-button-group-37)
- [Media Controls](https://reui.io/components/button-group/c-button-group-38)
- [Split Button](https://reui.io/components/button-group/c-button-group-39)
- [Vertical List](https://reui.io/components/button-group/c-button-group-40)
- [Model Selector](https://reui.io/components/button-group/c-button-group-41)
- [Order Type](https://reui.io/components/button-group/c-button-group-42)
- [Buy Sell Hold](https://reui.io/components/button-group/c-button-group-43)
- [Pipeline Stage](https://reui.io/components/button-group/c-button-group-44)
- [Environment Switcher](https://reui.io/components/button-group/c-button-group-45)
- [Time Interval](https://reui.io/components/button-group/c-button-group-46)
- [Review Actions](https://reui.io/components/button-group/c-button-group-47)
- [Export Toolbar](https://reui.io/components/button-group/c-button-group-48)
- [Vertical Nav](https://reui.io/components/button-group/c-button-group-49)
- [Filter Sort More](https://reui.io/components/button-group/c-button-group-50)
- [Create Menu](https://reui.io/components/button-group/c-button-group-51)
- [Dashboard Actions](https://reui.io/components/button-group/c-button-group-52)
- [Publish Controls](https://reui.io/components/button-group/c-button-group-53)
- [Service Selectors](https://reui.io/components/button-group/c-button-group-54)
- [Payout Release](https://reui.io/components/button-group/c-button-group-55)
- [File Attachment](https://reui.io/components/button-group/c-button-group-56)
- [Agent Mode](https://reui.io/components/button-group/c-button-group-57)

### Calendar (30)

- [Basic](https://reui.io/components/calendar/c-calendar-1)
- [Range](https://reui.io/components/calendar/c-calendar-2)
- [Disabled Dates](https://reui.io/components/calendar/c-calendar-3)
- [Multiple Days](https://reui.io/components/calendar/c-calendar-4)
- [Circular Days](https://reui.io/components/calendar/c-calendar-5)
- [Circular Range](https://reui.io/components/calendar/c-calendar-6)
- [Right Navigation](https://reui.io/components/calendar/c-calendar-7)
- [Month Year Select](https://reui.io/components/calendar/c-calendar-8)
- [Year Select](https://reui.io/components/calendar/c-calendar-9)
- [Week Numbers](https://reui.io/components/calendar/c-calendar-10)
- [Current Month Button](https://reui.io/components/calendar/c-calendar-11)
- [Today Button](https://reui.io/components/calendar/c-calendar-12)
- [Year View](https://reui.io/components/calendar/c-calendar-13)
- [Time Slots](https://reui.io/components/calendar/c-calendar-14)
- [Date Presets](https://reui.io/components/calendar/c-calendar-15)
- [Range Presets](https://reui.io/components/calendar/c-calendar-16)
- [Pricing](https://reui.io/components/calendar/c-calendar-17)
- [Forward Presets](https://reui.io/components/calendar/c-calendar-18)
- [Appointment](https://reui.io/components/calendar/c-calendar-19)
- [Two Months](https://reui.io/components/calendar/c-calendar-20)
- [Two Month Range](https://reui.io/components/calendar/c-calendar-21)
- [Event List](https://reui.io/components/calendar/c-calendar-22)
- [Localized](https://reui.io/components/calendar/c-calendar-23)
- [Date Picker](https://reui.io/components/calendar/c-calendar-24)
- [Date Range Picker](https://reui.io/components/calendar/c-calendar-25)
- [Picker Year View](https://reui.io/components/calendar/c-calendar-26)
- [Picker Time Slots](https://reui.io/components/calendar/c-calendar-27)
- [Picker Presets](https://reui.io/components/calendar/c-calendar-28)
- [Range Picker Presets](https://reui.io/components/calendar/c-calendar-29)
- [Date Time Range](https://reui.io/components/calendar/c-calendar-30)

### Card (18)

- [Basic](https://reui.io/components/card/c-card-1)
- [Bordered Header](https://reui.io/components/card/c-card-2)
- [Border Separation](https://reui.io/components/card/c-card-3)
- [Header & Footer](https://reui.io/components/card/c-card-4)
- [Link Action](https://reui.io/components/card/c-card-5)
- [Dropdown Menu](https://reui.io/components/card/c-card-6)
- [Inset Image](https://reui.io/components/card/c-card-7)
- [Image Hover Zoom](https://reui.io/components/card/c-card-8)
- [Full Image](https://reui.io/components/card/c-card-9)
- [Image Shadow Fade](https://reui.io/components/card/c-card-10)
- [Stacked Depth](https://reui.io/components/card/c-card-11)
- [Login Form](https://reui.io/components/card/c-card-12)
- [Billing Usage](https://reui.io/components/card/c-card-13)
- [Deployment Status](https://reui.io/components/card/c-card-14)
- [Stat Trend](https://reui.io/components/card/c-card-15)
- [Badge & Actions](https://reui.io/components/card/c-card-16)
- [Icon & Link](https://reui.io/components/card/c-card-17)
- [Label & Link](https://reui.io/components/card/c-card-18)

### Carousel (11)

- [Basic](https://reui.io/components/carousel/c-carousel-1)
- [Vertical](https://reui.io/components/carousel/c-carousel-2)
- [Multiple Items](https://reui.io/components/carousel/c-carousel-3)
- [Responsive Basis](https://reui.io/components/carousel/c-carousel-4)
- [Autoplay](https://reui.io/components/carousel/c-carousel-5)
- [Centered Alignment](https://reui.io/components/carousel/c-carousel-6)
- [Custom Spacing](https://reui.io/components/carousel/c-carousel-7)
- [Image Overlays](https://reui.io/components/carousel/c-carousel-8)
- [Thumbnail Strip](https://reui.io/components/carousel/c-carousel-9)
- [Overlay Thumbnails](https://reui.io/components/carousel/c-carousel-10)
- [Dots Navigation](https://reui.io/components/carousel/c-carousel-11)

### Cascader (21)

- [Attribute Picker](https://reui.io/components/cascader/c-cascader-1)
- [Multi-Select Cap](https://reui.io/components/cascader/c-cascader-2)
- [Deep Search](https://reui.io/components/cascader/c-cascader-3)
- [Footer Flyout](https://reui.io/components/cascader/c-cascader-4)
- [Avatar Rows](https://reui.io/components/cascader/c-cascader-5)
- [Path Formatting](https://reui.io/components/cascader/c-cascader-6)
- [Embedded Panel](https://reui.io/components/cascader/c-cascader-7)
- [Flat Data](https://reui.io/components/cascader/c-cascader-8)
- [Controlled State](https://reui.io/components/cascader/c-cascader-9)
- [Translated Labels](https://reui.io/components/cascader/c-cascader-10)
- [Two-Line Rows](https://reui.io/components/cascader/c-cascader-11)
- [Native Form Field](https://reui.io/components/cascader/c-cascader-12)
- [Columns Mode](https://reui.io/components/cascader/c-cascader-13)
- [Tree Mode](https://reui.io/components/cascader/c-cascader-14)
- [Async Loading](https://reui.io/components/cascader/c-cascader-15)
- [Virtualized List](https://reui.io/components/cascader/c-cascader-16)
- [Removable Chips](https://reui.io/components/cascader/c-cascader-17)
- [Tree Multi-Select](https://reui.io/components/cascader/c-cascader-18)
- [Color Dots](https://reui.io/components/cascader/c-cascader-19)
- [Inherited Colors](https://reui.io/components/cascader/c-cascader-20)
- [Global Search](https://reui.io/components/cascader/c-cascader-21)

### Chart (25)

- [Basic Bars](https://reui.io/components/chart/c-chart-1)
- [Multi-Dataset Bars](https://reui.io/components/chart/c-chart-2)
- [Diagonal Stripe Bars](https://reui.io/components/chart/c-chart-3)
- [Dotted Bars](https://reui.io/components/chart/c-chart-4)
- [Striped Solid Bars](https://reui.io/components/chart/c-chart-5)
- [3D Gradient Bars](https://reui.io/components/chart/c-chart-6)
- [Gradient Bars](https://reui.io/components/chart/c-chart-7)
- [Isometric Bars](https://reui.io/components/chart/c-chart-8)
- [Dotted Solid Bars](https://reui.io/components/chart/c-chart-9)
- [Duotone Bars](https://reui.io/components/chart/c-chart-10)
- [Animated Monochrome Bars](https://reui.io/components/chart/c-chart-11)
- [Horizontal Bars](https://reui.io/components/chart/c-chart-12)
- [Gradient Area](https://reui.io/components/chart/c-chart-13)
- [Stacked Dashed Area](https://reui.io/components/chart/c-chart-14)
- [Dotted Step Area](https://reui.io/components/chart/c-chart-15)
- [Glowing Dot Area](https://reui.io/components/chart/c-chart-16)
- [Forecast Line](https://reui.io/components/chart/c-chart-17)
- [Crosshatch Area](https://reui.io/components/chart/c-chart-18)
- [Donut Center Total](https://reui.io/components/chart/c-chart-19)
- [Donut Center Stats](https://reui.io/components/chart/c-chart-20)
- [Striped Pie](https://reui.io/components/chart/c-chart-21)
- [Active Segment Donut](https://reui.io/components/chart/c-chart-22)
- [Gradient Radar](https://reui.io/components/chart/c-chart-23)
- [Glowing Stroke Radar](https://reui.io/components/chart/c-chart-24)
- [Radial Scores](https://reui.io/components/chart/c-chart-25)

### Checkbox (22)

- [Basic](https://reui.io/components/checkbox/c-checkbox-1)
- [Disabled](https://reui.io/components/checkbox/c-checkbox-2)
- [Invalid](https://reui.io/components/checkbox/c-checkbox-3)
- [Indeterminate](https://reui.io/components/checkbox/c-checkbox-4)
- [Label & Description](https://reui.io/components/checkbox/c-checkbox-5)
- [Colored](https://reui.io/components/checkbox/c-checkbox-6)
- [Circle To-Do](https://reui.io/components/checkbox/c-checkbox-7)
- [Basic Group](https://reui.io/components/checkbox/c-checkbox-8)
- [Setting Card](https://reui.io/components/checkbox/c-checkbox-9)
- [Frame Group](https://reui.io/components/checkbox/c-checkbox-10)
- [Card Rows](https://reui.io/components/checkbox/c-checkbox-11)
- [Icon Card Rows](https://reui.io/components/checkbox/c-checkbox-12)
- [Corner Check Tiles](https://reui.io/components/checkbox/c-checkbox-13)
- [Module Tiles](https://reui.io/components/checkbox/c-checkbox-14)
- [Avatar Card](https://reui.io/components/checkbox/c-checkbox-15)
- [Nested Permissions](https://reui.io/components/checkbox/c-checkbox-16)
- [Payment Method](https://reui.io/components/checkbox/c-checkbox-17)
- [Help Icon Tooltip](https://reui.io/components/checkbox/c-checkbox-18)
- [Badge Group](https://reui.io/components/checkbox/c-checkbox-19)
- [Right Side Tooltip](https://reui.io/components/checkbox/c-checkbox-20)
- [Inline Group](https://reui.io/components/checkbox/c-checkbox-21)
- [Uppercase Badges](https://reui.io/components/checkbox/c-checkbox-22)

### Code Block (27)

- [Basic](https://reui.io/components/code-block/c-code-block-1)
- [Pinned Copy](https://reui.io/components/code-block/c-code-block-2)
- [Streaming Agent](https://reui.io/components/code-block/c-code-block-3)
- [AI Chat](https://reui.io/components/code-block/c-code-block-4)
- [Diff Summary](https://reui.io/components/code-block/c-code-block-5)
- [Transformer Diff](https://reui.io/components/code-block/c-code-block-6)
- [Highlights](https://reui.io/components/code-block/c-code-block-7)
- [Focus Walkthrough](https://reui.io/components/code-block/c-code-block-8)
- [Terminal Output](https://reui.io/components/code-block/c-code-block-9)
- [Long File](https://reui.io/components/code-block/c-code-block-10)
- [Diagnostics & Actions](https://reui.io/components/code-block/c-code-block-11)
- [Line Selection](https://reui.io/components/code-block/c-code-block-12)
- [Search In File](https://reui.io/components/code-block/c-code-block-13)
- [File Tabs](https://reui.io/components/code-block/c-code-block-14)
- [Pre-Highlighted Lines](https://reui.io/components/code-block/c-code-block-15)
- [Before & After](https://reui.io/components/code-block/c-code-block-16)
- [Soft Wrap](https://reui.io/components/code-block/c-code-block-17)
- [Unified Patch](https://reui.io/components/code-block/c-code-block-18)
- [Design Token Theme](https://reui.io/components/code-block/c-code-block-19)
- [Always Dark](https://reui.io/components/code-block/c-code-block-20)
- [Dark Terminal](https://reui.io/components/code-block/c-code-block-21)
- [Accept & Reject](https://reui.io/components/code-block/c-code-block-22)
- [Code Folding](https://reui.io/components/code-block/c-code-block-23)
- [Fix With AI](https://reui.io/components/code-block/c-code-block-24)
- [Reference Lines](https://reui.io/components/code-block/c-code-block-25)
- [External Scroll](https://reui.io/components/code-block/c-code-block-26)
- [ANSI Terminal](https://reui.io/components/code-block/c-code-block-27)

### Collapsible (10)

- [Basic](https://reui.io/components/collapsible/c-collapsible-1)
- [Checkbox Settings](https://reui.io/components/collapsible/c-collapsible-2)
- [Animated Card](https://reui.io/components/collapsible/c-collapsible-3)
- [Bottom Trigger](https://reui.io/components/collapsible/c-collapsible-4)
- [Form Fields](https://reui.io/components/collapsible/c-collapsible-5)
- [In Frame](https://reui.io/components/collapsible/c-collapsible-6)
- [Nested List](https://reui.io/components/collapsible/c-collapsible-7)
- [User Profile](https://reui.io/components/collapsible/c-collapsible-8)
- [Multi-Level Menu](https://reui.io/components/collapsible/c-collapsible-9)
- [File Tree](https://reui.io/components/collapsible/c-collapsible-10)

### Color Picker (15)

- [Inline Panel](https://reui.io/components/color-picker/c-color-picker-1)
- [Popover](https://reui.io/components/color-picker/c-color-picker-2)
- [Color Input](https://reui.io/components/color-picker/c-color-picker-3)
- [Opacity](https://reui.io/components/color-picker/c-color-picker-4)
- [Preset Swatches](https://reui.io/components/color-picker/c-color-picker-5)
- [OKLCH Token](https://reui.io/components/color-picker/c-color-picker-6)
- [Format Converter](https://reui.io/components/color-picker/c-color-picker-7)
- [Hue Wheel](https://reui.io/components/color-picker/c-color-picker-8)
- [Recent Colors](https://reui.io/components/color-picker/c-color-picker-9)
- [Text & Highlight](https://reui.io/components/color-picker/c-color-picker-10)
- [Channel Sliders](https://reui.io/components/color-picker/c-color-picker-11)
- [Design Inspector](https://reui.io/components/color-picker/c-color-picker-12)
- [Contrast Checker](https://reui.io/components/color-picker/c-color-picker-13)
- [Brand Scale](https://reui.io/components/color-picker/c-color-picker-14)
- [Form Validation](https://reui.io/components/color-picker/c-color-picker-15)

### Combobox (28)

- [Basic](https://reui.io/components/combobox/c-combobox-1)
- [Disabled](https://reui.io/components/combobox/c-combobox-2)
- [Invalid](https://reui.io/components/combobox/c-combobox-3)
- [Clear Button](https://reui.io/components/combobox/c-combobox-4)
- [Auto-Highlight](https://reui.io/components/combobox/c-combobox-5)
- [Grouped Options](https://reui.io/components/combobox/c-combobox-6)
- [Group Separators](https://reui.io/components/combobox/c-combobox-7)
- [Large List](https://reui.io/components/combobox/c-combobox-8)
- [Icon Addon](https://reui.io/components/combobox/c-combobox-9)
- [Country Picker](https://reui.io/components/combobox/c-combobox-10)
- [In Form](https://reui.io/components/combobox/c-combobox-11)
- [Multi-Select](https://reui.io/components/combobox/c-combobox-12)
- [Disabled Multi-Select](https://reui.io/components/combobox/c-combobox-13)
- [Invalid Multi-Select](https://reui.io/components/combobox/c-combobox-14)
- [Non-Removable Chips](https://reui.io/components/combobox/c-combobox-15)
- [Custom Items](https://reui.io/components/combobox/c-combobox-16)
- [In Dialog](https://reui.io/components/combobox/c-combobox-17)
- [Custom Trigger Icon](https://reui.io/components/combobox/c-combobox-18)
- [User Tags](https://reui.io/components/combobox/c-combobox-19)
- [Invisible Tags](https://reui.io/components/combobox/c-combobox-20)
- [Status Change](https://reui.io/components/combobox/c-combobox-21)
- [Priority Change](https://reui.io/components/combobox/c-combobox-22)
- [Lead Selection](https://reui.io/components/combobox/c-combobox-23)
- [Member Selection](https://reui.io/components/combobox/c-combobox-24)
- [Date Selection](https://reui.io/components/combobox/c-combobox-25)
- [Label Selection](https://reui.io/components/combobox/c-combobox-26)
- [Team Selection](https://reui.io/components/combobox/c-combobox-27)
- [Assignee Selection](https://reui.io/components/combobox/c-combobox-28)

### Command (8)

- [Basic](https://reui.io/components/command/c-command-1)
- [Shortcuts](https://reui.io/components/command/c-command-2)
- [Groups](https://reui.io/components/command/c-command-3)
- [Many Groups](https://reui.io/components/command/c-command-4)
- [File Search](https://reui.io/components/command/c-command-5)
- [User Search](https://reui.io/components/command/c-command-6)
- [Action Palette](https://reui.io/components/command/c-command-7)
- [Recent & Favorites](https://reui.io/components/command/c-command-8)

### Context Menu (10)

- [Basic](https://reui.io/components/context-menu/c-context-menu-1)
- [Icons](https://reui.io/components/context-menu/c-context-menu-2)
- [Shortcuts](https://reui.io/components/context-menu/c-context-menu-3)
- [Nested Submenus](https://reui.io/components/context-menu/c-context-menu-4)
- [Labels & Separators](https://reui.io/components/context-menu/c-context-menu-5)
- [Checkbox Items](https://reui.io/components/context-menu/c-context-menu-6)
- [Radio Items](https://reui.io/components/context-menu/c-context-menu-7)
- [Destructive Actions](https://reui.io/components/context-menu/c-context-menu-8)
- [Alignment Sides](https://reui.io/components/context-menu/c-context-menu-9)
- [Inside Dialog](https://reui.io/components/context-menu/c-context-menu-10)

### Data Grid (34)

- [Pagination](https://reui.io/components/data-grid/c-data-grid-1)
- [Cell Borders](https://reui.io/components/data-grid/c-data-grid-2)
- [Dense Layout](https://reui.io/components/data-grid/c-data-grid-3)
- [Borderless](https://reui.io/components/data-grid/c-data-grid-4)
- [Striped Rows](https://reui.io/components/data-grid/c-data-grid-5)
- [Auto Width](https://reui.io/components/data-grid/c-data-grid-6)
- [Row Selection](https://reui.io/components/data-grid/c-data-grid-7)
- [Expandable Rows](https://reui.io/components/data-grid/c-data-grid-8)
- [Sub Table](https://reui.io/components/data-grid/c-data-grid-9)
- [Column Icons](https://reui.io/components/data-grid/c-data-grid-10)
- [Sortable Columns](https://reui.io/components/data-grid/c-data-grid-11)
- [Movable Columns](https://reui.io/components/data-grid/c-data-grid-12)
- [Draggable Columns](https://reui.io/components/data-grid/c-data-grid-13)
- [Draggable Rows](https://reui.io/components/data-grid/c-data-grid-14)
- [Column Resizing](https://reui.io/components/data-grid/c-data-grid-15)
- [Pinnable Columns](https://reui.io/components/data-grid/c-data-grid-16)
- [Sticky Header](https://reui.io/components/data-grid/c-data-grid-17)
- [Column Controls](https://reui.io/components/data-grid/c-data-grid-18)
- [Card Container](https://reui.io/components/data-grid/c-data-grid-19)
- [Column Visibility](https://reui.io/components/data-grid/c-data-grid-20)
- [Loading Skeleton](https://reui.io/components/data-grid/c-data-grid-21)
- [CRUD Admin](https://reui.io/components/data-grid/c-data-grid-22)
- [CRUD in Frame](https://reui.io/components/data-grid/c-data-grid-23)
- [Totals Footer](https://reui.io/components/data-grid/c-data-grid-24)
- [Summary Stats Footer](https://reui.io/components/data-grid/c-data-grid-25)
- [Aggregate Footer](https://reui.io/components/data-grid/c-data-grid-26)
- [Local Infinite Scroll](https://reui.io/components/data-grid/c-data-grid-27)
- [Remote Infinite Scroll](https://reui.io/components/data-grid/c-data-grid-28)
- [Row Pinning](https://reui.io/components/data-grid/c-data-grid-29)
- [Tree Rows](https://reui.io/components/data-grid/c-data-grid-30)
- [Spreadsheet Editing](https://reui.io/components/data-grid/c-data-grid-31)
- [Column Virtualization](https://reui.io/components/data-grid/c-data-grid-32)
- [Localized Labels](https://reui.io/components/data-grid/c-data-grid-33)
- [Server-Side Pagination](https://reui.io/components/data-grid/c-data-grid-34)

### Date Selector (4)

- [Basic Inline](https://reui.io/components/date-selector/c-date-selector-1)
- [Popover](https://reui.io/components/date-selector/c-date-selector-2)
- [Dialog](https://reui.io/components/date-selector/c-date-selector-3)
- [Language Menu](https://reui.io/components/date-selector/c-date-selector-4)

### Dialog (10)

- [Basic](https://reui.io/components/dialog/c-dialog-1)
- [Scrollable Content](https://reui.io/components/dialog/c-dialog-2)
- [Sticky Footer](https://reui.io/components/dialog/c-dialog-3)
- [No Close Button](https://reui.io/components/dialog/c-dialog-4)
- [Custom Close Button](https://reui.io/components/dialog/c-dialog-5)
- [Full-Screen](https://reui.io/components/dialog/c-dialog-6)
- [Destructive Confirmation](https://reui.io/components/dialog/c-dialog-7)
- [Cookie Consent](https://reui.io/components/dialog/c-dialog-8)
- [Keyboard Shortcuts](https://reui.io/components/dialog/c-dialog-9)
- [Full Width Button](https://reui.io/components/dialog/c-dialog-10)

### Drawer (5)

- [Scrollable Content](https://reui.io/components/drawer/c-drawer-1)
- [Right Side](https://reui.io/components/drawer/c-drawer-2)
- [Left Side](https://reui.io/components/drawer/c-drawer-3)
- [Top Side](https://reui.io/components/drawer/c-drawer-4)
- [All Sides](https://reui.io/components/drawer/c-drawer-5)

### Dropdown Menu (18)

- [Basic](https://reui.io/components/dropdown-menu/c-dropdown-menu-1)
- [Opening Positions](https://reui.io/components/dropdown-menu/c-dropdown-menu-2)
- [Icons](https://reui.io/components/dropdown-menu/c-dropdown-menu-3)
- [Keyboard Shortcuts](https://reui.io/components/dropdown-menu/c-dropdown-menu-4)
- [Nested Submenus](https://reui.io/components/dropdown-menu/c-dropdown-menu-5)
- [Checkboxes](https://reui.io/components/dropdown-menu/c-dropdown-menu-6)
- [Radio Groups](https://reui.io/components/dropdown-menu/c-dropdown-menu-7)
- [All Item Types](https://reui.io/components/dropdown-menu/c-dropdown-menu-8)
- [User Profile](https://reui.io/components/dropdown-menu/c-dropdown-menu-9)
- [Workspace Switcher](https://reui.io/components/dropdown-menu/c-dropdown-menu-10)
- [Notification Feed](https://reui.io/components/dropdown-menu/c-dropdown-menu-11)
- [Record Actions](https://reui.io/components/dropdown-menu/c-dropdown-menu-12)
- [Share & Export](https://reui.io/components/dropdown-menu/c-dropdown-menu-13)
- [Theme & Status](https://reui.io/components/dropdown-menu/c-dropdown-menu-14)
- [User & Create](https://reui.io/components/dropdown-menu/c-dropdown-menu-15)
- [Quick Actions](https://reui.io/components/dropdown-menu/c-dropdown-menu-16)
- [Notification Items](https://reui.io/components/dropdown-menu/c-dropdown-menu-17)
- [AI Model Selector](https://reui.io/components/dropdown-menu/c-dropdown-menu-18)

### Emoji Picker (8)

- [Inline](https://reui.io/components/emoji-picker/c-emoji-picker-1)
- [Chat Composer](https://reui.io/components/emoji-picker/c-emoji-picker-2)
- [Message Reactions](https://reui.io/components/emoji-picker/c-emoji-picker-3)
- [Page Icon](https://reui.io/components/emoji-picker/c-emoji-picker-4)
- [Custom Team Emoji](https://reui.io/components/emoji-picker/c-emoji-picker-5)
- [Shortcode Suggestions](https://reui.io/components/emoji-picker/c-emoji-picker-6)
- [Workplace-Safe Set](https://reui.io/components/emoji-picker/c-emoji-picker-7)
- [Localized Labels](https://reui.io/components/emoji-picker/c-emoji-picker-8)

### Empty (20)

- [Basic](https://reui.io/components/empty/c-empty-1)
- [No Results](https://reui.io/components/empty/c-empty-2)
- [Search Input](https://reui.io/components/empty/c-empty-3)
- [Add Button](https://reui.io/components/empty/c-empty-4)
- [Documents](https://reui.io/components/empty/c-empty-5)
- [Dashed Upload](https://reui.io/components/empty/c-empty-6)
- [Inbox](https://reui.io/components/empty/c-empty-7)
- [Team Members](https://reui.io/components/empty/c-empty-8)
- [No Notifications](https://reui.io/components/empty/c-empty-9)
- [Analytics](https://reui.io/components/empty/c-empty-10)
- [Bookmarks](https://reui.io/components/empty/c-empty-11)
- [Tasks](https://reui.io/components/empty/c-empty-12)
- [Automations](https://reui.io/components/empty/c-empty-13)
- [Comments Board](https://reui.io/components/empty/c-empty-14)
- [Stacked Products](https://reui.io/components/empty/c-empty-15)
- [Search File Cards](https://reui.io/components/empty/c-empty-16)
- [Chat Bubbles](https://reui.io/components/empty/c-empty-17)
- [Credit Card](https://reui.io/components/empty/c-empty-18)
- [Connected Nodes](https://reui.io/components/empty/c-empty-19)
- [Events Calendar](https://reui.io/components/empty/c-empty-20)

### Event Calendar (5)

- [All Views](https://reui.io/components/event-calendar/c-event-calendar-1)
- [Room Bookings](https://reui.io/components/event-calendar/c-event-calendar-2)
- [Event Form Dialog](https://reui.io/components/event-calendar/c-event-calendar-3)
- [Custom Event Chips](https://reui.io/components/event-calendar/c-event-calendar-4)
- [Drag-to-Book](https://reui.io/components/event-calendar/c-event-calendar-5)

### Field (11)

- [Input Groups](https://reui.io/components/field/c-field-1)
- [Input & Textarea](https://reui.io/components/field/c-field-2)
- [Select Controls](https://reui.io/components/field/c-field-3)
- [Radio & Checkboxes](https://reui.io/components/field/c-field-4)
- [Slider & Switch](https://reui.io/components/field/c-field-5)
- [OTP Input](https://reui.io/components/field/c-field-6)
- [Settings Form](https://reui.io/components/field/c-field-7)
- [Permissions](https://reui.io/components/field/c-field-8)
- [Responsive Layout](https://reui.io/components/field/c-field-9)
- [Notification Preferences](https://reui.io/components/field/c-field-10)
- [Validation Errors](https://reui.io/components/field/c-field-11)

### File Type (15)

- [Common Formats](https://reui.io/components/file-type/c-file-type-1)
- [Variants](https://reui.io/components/file-type/c-file-type-2)
- [Sizes](https://reui.io/components/file-type/c-file-type-3)
- [Family Glyphs](https://reui.io/components/file-type/c-file-type-4)
- [All Formats](https://reui.io/components/file-type/c-file-type-5)
- [File Browser](https://reui.io/components/file-type/c-file-type-6)
- [Attachment List](https://reui.io/components/file-type/c-file-type-7)
- [Upload Queue](https://reui.io/components/file-type/c-file-type-8)
- [Resolve From Name](https://reui.io/components/file-type/c-file-type-9)
- [Custom Labels](https://reui.io/components/file-type/c-file-type-10)
- [Custom Colors](https://reui.io/components/file-type/c-file-type-11)
- [Format Picker](https://reui.io/components/file-type/c-file-type-12)
- [Locked & Starred](https://reui.io/components/file-type/c-file-type-13)
- [Restyled Labels](https://reui.io/components/file-type/c-file-type-14)
- [Dotfiles & Build Names](https://reui.io/components/file-type/c-file-type-15)

### File Upload (10)

- [Basic](https://reui.io/components/file-upload/c-file-upload-1)
- [Avatar](https://reui.io/components/file-upload/c-file-upload-2)
- [Drag & Drop](https://reui.io/components/file-upload/c-file-upload-3)
- [Gallery](https://reui.io/components/file-upload/c-file-upload-4)
- [Progress List](https://reui.io/components/file-upload/c-file-upload-5)
- [Table](https://reui.io/components/file-upload/c-file-upload-6)
- [Product Images](https://reui.io/components/file-upload/c-file-upload-7)
- [Sortable Images](https://reui.io/components/file-upload/c-file-upload-8)
- [Preview Cards](https://reui.io/components/file-upload/c-file-upload-9)
- [Cover Image](https://reui.io/components/file-upload/c-file-upload-10)

### Filters (12)

- [Full Filter Bar](https://reui.io/components/filters/c-filters-1)
- [Nested Attributes](https://reui.io/components/filters/c-filters-2)
- [Status Badges](https://reui.io/components/filters/c-filters-3)
- [Avatars & Paging](https://reui.io/components/filters/c-filters-4)
- [Date Editors](https://reui.io/components/filters/c-filters-5)
- [Slider Editor](https://reui.io/components/filters/c-filters-6)
- [Table Filtering](https://reui.io/components/filters/c-filters-7)
- [Choice Controls](https://reui.io/components/filters/c-filters-8)
- [Typed Inputs](https://reui.io/components/filters/c-filters-9)
- [Popover Builder](https://reui.io/components/filters/c-filters-10)
- [Inline Builder](https://reui.io/components/filters/c-filters-11)
- [Controlled & Translated](https://reui.io/components/filters/c-filters-12)

### Frame (19)

- [Basic](https://reui.io/components/frame/c-frame-1)
- [Separated Panels](https://reui.io/components/frame/c-frame-2)
- [Stacked Panels](https://reui.io/components/frame/c-frame-3)
- [Stacked Dense](https://reui.io/components/frame/c-frame-4)
- [Collapsible Panels](https://reui.io/components/frame/c-frame-5)
- [Ghost Variant](https://reui.io/components/frame/c-frame-6)
- [Dense Layout](https://reui.io/components/frame/c-frame-7)
- [Stacked Rows](https://reui.io/components/frame/c-frame-8)
- [Extra Small Spacing](https://reui.io/components/frame/c-frame-9)
- [Small Spacing](https://reui.io/components/frame/c-frame-10)
- [Default Spacing](https://reui.io/components/frame/c-frame-11)
- [Large Spacing](https://reui.io/components/frame/c-frame-12)
- [Small Radius](https://reui.io/components/frame/c-frame-13)
- [Medium Radius](https://reui.io/components/frame/c-frame-14)
- [Large Radius](https://reui.io/components/frame/c-frame-15)
- [Default Radius](https://reui.io/components/frame/c-frame-16)
- [Extra Large Radius](https://reui.io/components/frame/c-frame-17)
- [Content-Only Panels](https://reui.io/components/frame/c-frame-18)
- [Stacked Content-Only](https://reui.io/components/frame/c-frame-19)

### Gantt (7)

- [Settings Menu](https://reui.io/components/gantt/c-gantt-1)
- [Drag Reorder](https://reui.io/components/gantt/c-gantt-2)
- [Quarter Roadmap](https://reui.io/components/gantt/c-gantt-3)
- [Capacity Board](https://reui.io/components/gantt/c-gantt-4)
- [Task Table](https://reui.io/components/gantt/c-gantt-5)
- [Baseline Tracking](https://reui.io/components/gantt/c-gantt-6)
- [Dependencies & Milestones](https://reui.io/components/gantt/c-gantt-7)

### Hover Card (8)

- [Basic](https://reui.io/components/hover-card/c-hover-card-1)
- [Positions](https://reui.io/components/hover-card/c-hover-card-2)
- [Profile](https://reui.io/components/hover-card/c-hover-card-3)
- [Icon](https://reui.io/components/hover-card/c-hover-card-4)
- [Image & Text](https://reui.io/components/hover-card/c-hover-card-5)
- [In Dialog](https://reui.io/components/hover-card/c-hover-card-6)
- [Live Timestamp](https://reui.io/components/hover-card/c-hover-card-7)
- [Release Notes](https://reui.io/components/hover-card/c-hover-card-8)

### Icon Stack (6)

- [Isometric](https://reui.io/components/icon-stack/c-icon-stack-1)
- [Sizes](https://reui.io/components/icon-stack/c-icon-stack-2)
- [Colors](https://reui.io/components/icon-stack/c-icon-stack-3)
- [Badge Overlay](https://reui.io/components/icon-stack/c-icon-stack-4)
- [Empty State](https://reui.io/components/icon-stack/c-icon-stack-5)
- [Item Media](https://reui.io/components/icon-stack/c-icon-stack-6)

### Icon Tile (17)

- [Default](https://reui.io/components/icon-tile/c-icon-tile-1)
- [Elevated](https://reui.io/components/icon-tile/c-icon-tile-2)
- [Framed](https://reui.io/components/icon-tile/c-icon-tile-3)
- [All Variants](https://reui.io/components/icon-tile/c-icon-tile-4)
- [Sizes](https://reui.io/components/icon-tile/c-icon-tile-5)
- [Circular](https://reui.io/components/icon-tile/c-icon-tile-6)
- [Custom Sizing](https://reui.io/components/icon-tile/c-icon-tile-7)
- [Color Tones](https://reui.io/components/icon-tile/c-icon-tile-8)
- [Text Content](https://reui.io/components/icon-tile/c-icon-tile-9)
- [List Row](https://reui.io/components/icon-tile/c-icon-tile-10)
- [Feature Card](https://reui.io/components/icon-tile/c-icon-tile-11)
- [Empty State](https://reui.io/components/icon-tile/c-icon-tile-12)
- [Interactive](https://reui.io/components/icon-tile/c-icon-tile-13)
- [Status Overlay](https://reui.io/components/icon-tile/c-icon-tile-14)
- [Soft Tones](https://reui.io/components/icon-tile/c-icon-tile-15)
- [Solid Tones](https://reui.io/components/icon-tile/c-icon-tile-16)
- [Brand Colors](https://reui.io/components/icon-tile/c-icon-tile-17)

### Input (31)

- [Basic](https://reui.io/components/input/c-input-1)
- [With Label](https://reui.io/components/input/c-input-2)
- [With Description](https://reui.io/components/input/c-input-3)
- [Disabled](https://reui.io/components/input/c-input-4)
- [Error Message](https://reui.io/components/input/c-input-5)
- [Character Counter](https://reui.io/components/input/c-input-6)
- [Password](https://reui.io/components/input/c-input-7)
- [Phone](https://reui.io/components/input/c-input-8)
- [URL](https://reui.io/components/input/c-input-9)
- [Number](https://reui.io/components/input/c-input-10)
- [Date](https://reui.io/components/input/c-input-11)
- [File](https://reui.io/components/input/c-input-12)
- [Required Indicator](https://reui.io/components/input/c-input-13)
- [Time](https://reui.io/components/input/c-input-14)
- [Contact Form](https://reui.io/components/input/c-input-15)
- [Label Tooltip](https://reui.io/components/input/c-input-16)
- [Label Badge](https://reui.io/components/input/c-input-17)
- [Optional Badge](https://reui.io/components/input/c-input-18)
- [Link & Toggle](https://reui.io/components/input/c-input-19)
- [Horizontal](https://reui.io/components/input/c-input-20)
- [Multiple Errors](https://reui.io/components/input/c-input-21)
- [Strength Hint](https://reui.io/components/input/c-input-22)
- [Strength Meter](https://reui.io/components/input/c-input-23)
- [Pulsed Background](https://reui.io/components/input/c-input-24)
- [Custom Focus Ring](https://reui.io/components/input/c-input-25)
- [Subtle Background](https://reui.io/components/input/c-input-26)
- [Bottom Border](https://reui.io/components/input/c-input-27)
- [Color](https://reui.io/components/input/c-input-28)
- [Range](https://reui.io/components/input/c-input-29)
- [Pill Shape](https://reui.io/components/input/c-input-30)
- [Borderless](https://reui.io/components/input/c-input-31)

### Input Group (40)

- [Basic](https://reui.io/components/input-group/c-input-group-1)
- [Disabled](https://reui.io/components/input-group/c-input-group-2)
- [Invalid](https://reui.io/components/input-group/c-input-group-3)
- [Prefix Icon](https://reui.io/components/input-group/c-input-group-4)
- [Suffix Icon](https://reui.io/components/input-group/c-input-group-5)
- [Prefix Suffix Icons](https://reui.io/components/input-group/c-input-group-6)
- [Prefix Text](https://reui.io/components/input-group/c-input-group-7)
- [Suffix Text](https://reui.io/components/input-group/c-input-group-8)
- [Prefix Suffix Text](https://reui.io/components/input-group/c-input-group-9)
- [Action Button](https://reui.io/components/input-group/c-input-group-10)
- [Icon Button](https://reui.io/components/input-group/c-input-group-11)
- [Dropdown Select](https://reui.io/components/input-group/c-input-group-12)
- [Keyboard Shortcut](https://reui.io/components/input-group/c-input-group-13)
- [Tooltip Action](https://reui.io/components/input-group/c-input-group-14)
- [Loading Spinner](https://reui.io/components/input-group/c-input-group-15)
- [Block-Start Addon](https://reui.io/components/input-group/c-input-group-16)
- [Character Limit](https://reui.io/components/input-group/c-input-group-17)
- [AI Chat Toolbar](https://reui.io/components/input-group/c-input-group-18)
- [AI Chat Attachments](https://reui.io/components/input-group/c-input-group-19)
- [Label Usage](https://reui.io/components/input-group/c-input-group-20)
- [Multiple End Actions](https://reui.io/components/input-group/c-input-group-21)
- [Popover Trigger](https://reui.io/components/input-group/c-input-group-22)
- [Sparkles Shortcut](https://reui.io/components/input-group/c-input-group-23)
- [Success Indicator](https://reui.io/components/input-group/c-input-group-24)
- [Results Count](https://reui.io/components/input-group/c-input-group-25)
- [Textarea Actions](https://reui.io/components/input-group/c-input-group-26)
- [Button Group](https://reui.io/components/input-group/c-input-group-27)
- [Three Dot Menu](https://reui.io/components/input-group/c-input-group-28)
- [Pill Category](https://reui.io/components/input-group/c-input-group-29)
- [Inline Addons](https://reui.io/components/input-group/c-input-group-30)
- [Inline Block-End](https://reui.io/components/input-group/c-input-group-31)
- [Member Row](https://reui.io/components/input-group/c-input-group-32)
- [Project Save](https://reui.io/components/input-group/c-input-group-33)
- [Pill AI Prompt](https://reui.io/components/input-group/c-input-group-34)
- [Password Toggle](https://reui.io/components/input-group/c-input-group-35)
- [API Request](https://reui.io/components/input-group/c-input-group-36)
- [Order Search](https://reui.io/components/input-group/c-input-group-37)
- [Company Search](https://reui.io/components/input-group/c-input-group-38)
- [Contact Search](https://reui.io/components/input-group/c-input-group-39)
- [Share Link](https://reui.io/components/input-group/c-input-group-40)

### Input Otp (6)

- [Basic](https://reui.io/components/input-otp/c-input-otp-1)
- [Digits Only](https://reui.io/components/input-otp/c-input-otp-2)
- [Multiple Separators](https://reui.io/components/input-otp/c-input-otp-3)
- [Letters & Numbers](https://reui.io/components/input-otp/c-input-otp-4)
- [PIN Code](https://reui.io/components/input-otp/c-input-otp-5)
- [Verification Card](https://reui.io/components/input-otp/c-input-otp-6)

### Item (12)

- [Variants](https://reui.io/components/item/c-item-1)
- [Icon & Actions](https://reui.io/components/item/c-item-2)
- [User Follow](https://reui.io/components/item/c-item-3)
- [Navigation Links](https://reui.io/components/item/c-item-4)
- [Status Badges](https://reui.io/components/item/c-item-5)
- [File Rows](https://reui.io/components/item/c-item-6)
- [Keyboard Shortcuts](https://reui.io/components/item/c-item-7)
- [Small Count Badges](https://reui.io/components/item/c-item-8)
- [Team Roles](https://reui.io/components/item/c-item-9)
- [Header & Footer](https://reui.io/components/item/c-item-10)
- [Integrations](https://reui.io/components/item/c-item-11)
- [Activity Feed](https://reui.io/components/item/c-item-12)

### Kanban (6)

- [Placeholder Overlay](https://reui.io/components/kanban/c-kanban-1)
- [Dynamic Overlay](https://reui.io/components/kanban/c-kanban-2)
- [Frame Columns](https://reui.io/components/kanban/c-kanban-3)
- [Stacked Frame](https://reui.io/components/kanban/c-kanban-4)
- [Feature Roadmap](https://reui.io/components/kanban/c-kanban-5)
- [Persisted Moves](https://reui.io/components/kanban/c-kanban-6)

### Kbd (6)

- [Basic Keys](https://reui.io/components/kbd/c-kbd-1)
- [Grouped Keys](https://reui.io/components/kbd/c-kbd-2)
- [Keys With Icons](https://reui.io/components/kbd/c-kbd-3)
- [In Input](https://reui.io/components/kbd/c-kbd-4)
- [In Tooltip](https://reui.io/components/kbd/c-kbd-5)
- [Shortcut List](https://reui.io/components/kbd/c-kbd-6)

### Label (13)

- [Basic](https://reui.io/components/label/c-label-1)
- [Checkbox](https://reui.io/components/label/c-label-2)
- [Textarea](https://reui.io/components/label/c-label-3)
- [Disabled](https://reui.io/components/label/c-label-4)
- [Required](https://reui.io/components/label/c-label-5)
- [Optional](https://reui.io/components/label/c-label-6)
- [Tooltip Info](https://reui.io/components/label/c-label-7)
- [Badge](https://reui.io/components/label/c-label-8)
- [Character Counter](https://reui.io/components/label/c-label-9)
- [Helper Text](https://reui.io/components/label/c-label-10)
- [Error State](https://reui.io/components/label/c-label-11)
- [Inline Edit](https://reui.io/components/label/c-label-12)
- [Status Dot](https://reui.io/components/label/c-label-13)

### Marker (6)

- [Basic Variants](https://reui.io/components/marker/c-marker-1)
- [Tool Call Log](https://reui.io/components/marker/c-marker-2)
- [Run Status](https://reui.io/components/marker/c-marker-3)
- [Phase Separators](https://reui.io/components/marker/c-marker-4)
- [Changed Files](https://reui.io/components/marker/c-marker-5)
- [Links & Action](https://reui.io/components/marker/c-marker-6)

### Menubar (5)

- [Basic](https://reui.io/components/menubar/c-menubar-1)
- [Submenus](https://reui.io/components/menubar/c-menubar-2)
- [Checkbox & Radio](https://reui.io/components/menubar/c-menubar-3)
- [Icons](https://reui.io/components/menubar/c-menubar-4)
- [Formatting & Media](https://reui.io/components/menubar/c-menubar-5)

### Message (7)

- [Two-Sided Chat](https://reui.io/components/message/c-message-1)
- [Avatars](https://reui.io/components/message/c-message-2)
- [Sender & Status](https://reui.io/components/message/c-message-3)
- [Reply Actions](https://reui.io/components/message/c-message-4)
- [Shared Files](https://reui.io/components/message/c-message-5)
- [Consecutive Messages](https://reui.io/components/message/c-message-6)
- [Streaming Reply](https://reui.io/components/message/c-message-7)

### Message Scroller (6)

- [Jump to Latest](https://reui.io/components/message-scroller/c-message-scroller-1)
- [Streaming Reply](https://reui.io/components/message-scroller/c-message-scroller-2)
- [Anchored Turn](https://reui.io/components/message-scroller/c-message-scroller-3)
- [Opening Position](https://reui.io/components/message-scroller/c-message-scroller-4)
- [Load Earlier](https://reui.io/components/message-scroller/c-message-scroller-5)
- [Thread Navigator](https://reui.io/components/message-scroller/c-message-scroller-6)

### Native Select (6)

- [Basic](https://reui.io/components/native-select/c-native-select-1)
- [Grouped Options](https://reui.io/components/native-select/c-native-select-2)
- [Small](https://reui.io/components/native-select/c-native-select-3)
- [Field With Label](https://reui.io/components/native-select/c-native-select-4)
- [Disabled](https://reui.io/components/native-select/c-native-select-5)
- [Invalid](https://reui.io/components/native-select/c-native-select-6)

### Navigation Menu (4)

- [Basic](https://reui.io/components/navigation-menu/c-navigation-menu-1)
- [Grid Layout](https://reui.io/components/navigation-menu/c-navigation-menu-2)
- [With Icons](https://reui.io/components/navigation-menu/c-navigation-menu-3)
- [Learn More Button](https://reui.io/components/navigation-menu/c-navigation-menu-4)

### Number Field (6)

- [Default Size](https://reui.io/components/number-field/c-number-field-1)
- [Small Size](https://reui.io/components/number-field/c-number-field-2)
- [Large Size](https://reui.io/components/number-field/c-number-field-3)
- [Buttons on Right](https://reui.io/components/number-field/c-number-field-4)
- [Spinner Buttons](https://reui.io/components/number-field/c-number-field-5)
- [Form Validation](https://reui.io/components/number-field/c-number-field-6)

### Pagination (15)

- [Basic](https://reui.io/components/pagination/c-pagination-1)
- [No Labels](https://reui.io/components/pagination/c-pagination-2)
- [Hover Border](https://reui.io/components/pagination/c-pagination-3)
- [Circle Buttons](https://reui.io/components/pagination/c-pagination-4)
- [Compact Go-To](https://reui.io/components/pagination/c-pagination-5)
- [In Card](https://reui.io/components/pagination/c-pagination-6)
- [Arrow Links](https://reui.io/components/pagination/c-pagination-7)
- [Centered Page Info](https://reui.io/components/pagination/c-pagination-8)
- [Left Page Info](https://reui.io/components/pagination/c-pagination-9)
- [Trailing Ellipsis](https://reui.io/components/pagination/c-pagination-10)
- [Outline Strip](https://reui.io/components/pagination/c-pagination-11)
- [Rows Per Page](https://reui.io/components/pagination/c-pagination-12)
- [Page Select](https://reui.io/components/pagination/c-pagination-13)
- [Full Width Go-To](https://reui.io/components/pagination/c-pagination-14)
- [Info & Per-Page](https://reui.io/components/pagination/c-pagination-15)

### Phone Input (8)

- [Basic](https://reui.io/components/phone-input/c-phone-input-1)
- [Small](https://reui.io/components/phone-input/c-phone-input-2)
- [Large](https://reui.io/components/phone-input/c-phone-input-3)
- [Disabled](https://reui.io/components/phone-input/c-phone-input-4)
- [Preset Value](https://reui.io/components/phone-input/c-phone-input-5)
- [Error State](https://reui.io/components/phone-input/c-phone-input-6)
- [Default Country](https://reui.io/components/phone-input/c-phone-input-7)
- [Read-Only](https://reui.io/components/phone-input/c-phone-input-8)

### Popover (11)

- [Basic](https://reui.io/components/popover/c-popover-1)
- [Opening Sides](https://reui.io/components/popover/c-popover-2)
- [Inline Form](https://reui.io/components/popover/c-popover-3)
- [Alignment](https://reui.io/components/popover/c-popover-4)
- [In Dialog](https://reui.io/components/popover/c-popover-5)
- [Profile Card](https://reui.io/components/popover/c-popover-6)
- [Feature Pitch](https://reui.io/components/popover/c-popover-7)
- [Media Preview](https://reui.io/components/popover/c-popover-8)
- [Relative Time](https://reui.io/components/popover/c-popover-9)
- [Controls](https://reui.io/components/popover/c-popover-10)
- [Step Tour](https://reui.io/components/popover/c-popover-11)

### Progress (8)

- [Basic](https://reui.io/components/progress/c-progress-1)
- [Small](https://reui.io/components/progress/c-progress-2)
- [Large](https://reui.io/components/progress/c-progress-3)
- [Status Messages](https://reui.io/components/progress/c-progress-4)
- [File Uploads](https://reui.io/components/progress/c-progress-5)
- [With Slider](https://reui.io/components/progress/c-progress-6)
- [Multi-Step](https://reui.io/components/progress/c-progress-7)
- [Custom Colors](https://reui.io/components/progress/c-progress-8)

### Questionnaire (7)

- [Guided Setup](https://reui.io/components/questionnaire/c-questionnaire-1)
- [Multi-Select](https://reui.io/components/questionnaire/c-questionnaire-2)
- [Write-In Answer](https://reui.io/components/questionnaire/c-questionnaire-3)
- [Segmented Progress](https://reui.io/components/questionnaire/c-questionnaire-4)
- [Optional Skip](https://reui.io/components/questionnaire/c-questionnaire-5)
- [Cross-Question Rule](https://reui.io/components/questionnaire/c-questionnaire-6)
- [Conditional Branch](https://reui.io/components/questionnaire/c-questionnaire-7)

### Radio Group (17)

- [Basic](https://reui.io/components/radio-group/c-radio-group-1)
- [Disabled](https://reui.io/components/radio-group/c-radio-group-2)
- [Descriptions](https://reui.io/components/radio-group/c-radio-group-3)
- [Invalid](https://reui.io/components/radio-group/c-radio-group-4)
- [Colored](https://reui.io/components/radio-group/c-radio-group-5)
- [Legend & Description](https://reui.io/components/radio-group/c-radio-group-6)
- [Descriptive Cards](https://reui.io/components/radio-group/c-radio-group-7)
- [Card Separators](https://reui.io/components/radio-group/c-radio-group-8)
- [Card Icons](https://reui.io/components/radio-group/c-radio-group-9)
- [In Frame](https://reui.io/components/radio-group/c-radio-group-10)
- [Grid Layout](https://reui.io/components/radio-group/c-radio-group-11)
- [Avatar Cards](https://reui.io/components/radio-group/c-radio-group-12)
- [Payment Methods](https://reui.io/components/radio-group/c-radio-group-13)
- [Tooltip Info](https://reui.io/components/radio-group/c-radio-group-14)
- [Badges](https://reui.io/components/radio-group/c-radio-group-15)
- [Inline Horizontal](https://reui.io/components/radio-group/c-radio-group-16)
- [Pricing Tiers](https://reui.io/components/radio-group/c-radio-group-17)

### Rating (9)

- [Basic](https://reui.io/components/rating/c-rating-1)
- [Decimal Value](https://reui.io/components/rating/c-rating-2)
- [Show Value](https://reui.io/components/rating/c-rating-3)
- [Editable](https://reui.io/components/rating/c-rating-4)
- [Sizes](https://reui.io/components/rating/c-rating-5)
- [Review Summary](https://reui.io/components/rating/c-rating-6)
- [Half-Star Input](https://reui.io/components/rating/c-rating-7)
- [Emoji Reactions](https://reui.io/components/rating/c-rating-8)
- [Review Text](https://reui.io/components/rating/c-rating-9)

### Resizable (10)

- [Horizontal Layout](https://reui.io/components/resizable/c-resizable-1)
- [Vertical Layout](https://reui.io/components/resizable/c-resizable-2)
- [Mixed Directions](https://reui.io/components/resizable/c-resizable-3)
- [Nested Grips](https://reui.io/components/resizable/c-resizable-4)
- [Animated Pill](https://reui.io/components/resizable/c-resizable-5)
- [Spring Pill](https://reui.io/components/resizable/c-resizable-6)
- [Capsule Expansion](https://reui.io/components/resizable/c-resizable-7)
- [Nested Pills](https://reui.io/components/resizable/c-resizable-8)
- [Three Panels](https://reui.io/components/resizable/c-resizable-9)
- [Size Tracking](https://reui.io/components/resizable/c-resizable-10)

### Scroll Area (5)

- [Basic](https://reui.io/components/scroll-area/c-scroll-area-1)
- [Horizontal](https://reui.io/components/scroll-area/c-scroll-area-2)
- [Both Scrollbars](https://reui.io/components/scroll-area/c-scroll-area-3)
- [Fade Edges](https://reui.io/components/scroll-area/c-scroll-area-4)
- [Scrollbar Gutter](https://reui.io/components/scroll-area/c-scroll-area-5)

### Scrollspy (2)

- [Vertical Nav](https://reui.io/components/scrollspy/c-scrollspy-1)
- [Horizontal Nav](https://reui.io/components/scrollspy/c-scrollspy-2)

### Select (33)

- [Basic](https://reui.io/components/select/c-select-1)
- [Icons](https://reui.io/components/select/c-select-2)
- [Grouped Labels](https://reui.io/components/select/c-select-3)
- [Large List](https://reui.io/components/select/c-select-4)
- [Small Trigger](https://reui.io/components/select/c-select-5)
- [Plan Picker](https://reui.io/components/select/c-select-6)
- [Disabled Item](https://reui.io/components/select/c-select-7)
- [Field With Label](https://reui.io/components/select/c-select-8)
- [Invalid](https://reui.io/components/select/c-select-9)
- [Disabled](https://reui.io/components/select/c-select-10)
- [In Dialog](https://reui.io/components/select/c-select-11)
- [Multiple Selection](https://reui.io/components/select/c-select-12)
- [Inline With Input](https://reui.io/components/select/c-select-13)
- [With Button](https://reui.io/components/select/c-select-14)
- [Item Aligned](https://reui.io/components/select/c-select-15)
- [Access Levels](https://reui.io/components/select/c-select-16)
- [Status Bullets](https://reui.io/components/select/c-select-17)
- [User Avatars](https://reui.io/components/select/c-select-18)
- [Status Badges](https://reui.io/components/select/c-select-19)
- [Left Indicator](https://reui.io/components/select/c-select-20)
- [Clear Button](https://reui.io/components/select/c-select-21)
- [Custom Chevrons](https://reui.io/components/select/c-select-22)
- [Overlapping Dots](https://reui.io/components/select/c-select-23)
- [Grouped Separators](https://reui.io/components/select/c-select-24)
- [Country Flags](https://reui.io/components/select/c-select-25)
- [Status Filter](https://reui.io/components/select/c-select-26)
- [Option Descriptions](https://reui.io/components/select/c-select-27)
- [Timezone Offsets](https://reui.io/components/select/c-select-28)
- [Team Assignment](https://reui.io/components/select/c-select-29)
- [Priority Badges](https://reui.io/components/select/c-select-30)
- [Font Preview](https://reui.io/components/select/c-select-31)
- [Category Icons](https://reui.io/components/select/c-select-32)
- [Size Scale](https://reui.io/components/select/c-select-33)

### Separator (6)

- [Horizontal](https://reui.io/components/separator/c-separator-1)
- [Vertical](https://reui.io/components/separator/c-separator-2)
- [Grouped Menu Items](https://reui.io/components/separator/c-separator-3)
- [List Rows](https://reui.io/components/separator/c-separator-4)
- [Centered Label](https://reui.io/components/separator/c-separator-5)
- [Order Summary](https://reui.io/components/separator/c-separator-6)

### Sheet (4)

- [Profile Editor](https://reui.io/components/sheet/c-sheet-1)
- [No Close Button](https://reui.io/components/sheet/c-sheet-2)
- [Any Side](https://reui.io/components/sheet/c-sheet-3)
- [Scrollable Content](https://reui.io/components/sheet/c-sheet-4)

### Sidebar (5)

- [Workspace Switcher](https://reui.io/components/sidebar/c-sidebar-1)
- [Icon Rail](https://reui.io/components/sidebar/c-sidebar-2)
- [Docs Navigation](https://reui.io/components/sidebar/c-sidebar-3)
- [Inspector Panel](https://reui.io/components/sidebar/c-sidebar-4)
- [Filter & Loading](https://reui.io/components/sidebar/c-sidebar-5)

### Signature Pad (12)

- [Pinned Actions](https://reui.io/components/signature-pad/c-signature-pad-1)
- [Undo & Redo](https://reui.io/components/signature-pad/c-signature-pad-2)
- [Form Validation](https://reui.io/components/signature-pad/c-signature-pad-3)
- [Signing Workspace](https://reui.io/components/signature-pad/c-signature-pad-4)
- [Export Formats](https://reui.io/components/signature-pad/c-signature-pad-5)
- [Draw or Type](https://reui.io/components/signature-pad/c-signature-pad-6)
- [Agreement Card](https://reui.io/components/signature-pad/c-signature-pad-7)
- [In Dialog](https://reui.io/components/signature-pad/c-signature-pad-8)
- [Stylus Mode](https://reui.io/components/signature-pad/c-signature-pad-9)
- [Clause Initials](https://reui.io/components/signature-pad/c-signature-pad-10)
- [Proof of Delivery](https://reui.io/components/signature-pad/c-signature-pad-11)
- [File Upload](https://reui.io/components/signature-pad/c-signature-pad-12)

### Skeleton (10)

- [Avatar Info](https://reui.io/components/skeleton/c-skeleton-1)
- [Card](https://reui.io/components/skeleton/c-skeleton-2)
- [Text Paragraphs](https://reui.io/components/skeleton/c-skeleton-3)
- [Form](https://reui.io/components/skeleton/c-skeleton-4)
- [Data Table](https://reui.io/components/skeleton/c-skeleton-5)
- [Stats Row](https://reui.io/components/skeleton/c-skeleton-6)
- [List With Actions](https://reui.io/components/skeleton/c-skeleton-7)
- [Card Grid](https://reui.io/components/skeleton/c-skeleton-8)
- [Profile Page](https://reui.io/components/skeleton/c-skeleton-9)
- [Chat Messages](https://reui.io/components/skeleton/c-skeleton-10)

### Slider (12)

- [Basic](https://reui.io/components/slider/c-slider-1)
- [Disabled](https://reui.io/components/slider/c-slider-2)
- [Multiple Thumbs](https://reui.io/components/slider/c-slider-3)
- [Vertical](https://reui.io/components/slider/c-slider-4)
- [Controlled Value](https://reui.io/components/slider/c-slider-5)
- [Range](https://reui.io/components/slider/c-slider-6)
- [Number Input](https://reui.io/components/slider/c-slider-7)
- [Color Temperature](https://reui.io/components/slider/c-slider-8)
- [Reference Labels](https://reui.io/components/slider/c-slider-9)
- [Tick Marks](https://reui.io/components/slider/c-slider-10)
- [Value Tooltip](https://reui.io/components/slider/c-slider-11)
- [Emoji Rating](https://reui.io/components/slider/c-slider-12)

### Sonner (21)

- [Basic](https://reui.io/components/sonner/c-sonner-1)
- [With Description](https://reui.io/components/sonner/c-sonner-2)
- [Positions](https://reui.io/components/sonner/c-sonner-3)
- [Variant Icons](https://reui.io/components/sonner/c-sonner-4)
- [Durations](https://reui.io/components/sonner/c-sonner-5)
- [Action Button](https://reui.io/components/sonner/c-sonner-6)
- [Promise](https://reui.io/components/sonner/c-sonner-7)
- [Action & Cancel](https://reui.io/components/sonner/c-sonner-8)
- [Rich Content](https://reui.io/components/sonner/c-sonner-9)
- [Upload Progress](https://reui.io/components/sonner/c-sonner-10)
- [Status Alert](https://reui.io/components/sonner/c-sonner-11)
- [Accent Border](https://reui.io/components/sonner/c-sonner-12)
- [Invert Success](https://reui.io/components/sonner/c-sonner-13)
- [Invert Error](https://reui.io/components/sonner/c-sonner-14)
- [Invert Info](https://reui.io/components/sonner/c-sonner-15)
- [Invert Warning](https://reui.io/components/sonner/c-sonner-16)
- [Invert Avatar Group](https://reui.io/components/sonner/c-sonner-17)
- [Close Top Right](https://reui.io/components/sonner/c-sonner-18)
- [Custom Icon](https://reui.io/components/sonner/c-sonner-19)
- [Integration](https://reui.io/components/sonner/c-sonner-20)
- [Updatable](https://reui.io/components/sonner/c-sonner-21)

### Sortable (8)

- [File List](https://reui.io/components/sortable/c-sortable-1)
- [Grid Layout](https://reui.io/components/sortable/c-sortable-2)
- [Nested Layout](https://reui.io/components/sortable/c-sortable-3)
- [Playlist](https://reui.io/components/sortable/c-sortable-4)
- [Settings Priority](https://reui.io/components/sortable/c-sortable-5)
- [Sidebar Navigation](https://reui.io/components/sortable/c-sortable-6)
- [Image Gallery](https://reui.io/components/sortable/c-sortable-7)
- [Persisted Order](https://reui.io/components/sortable/c-sortable-8)

### Spinner (12)

- [Basic](https://reui.io/components/spinner/c-spinner-1)
- [In Buttons](https://reui.io/components/spinner/c-spinner-2)
- [In Badges](https://reui.io/components/spinner/c-spinner-3)
- [In Input Group](https://reui.io/components/spinner/c-spinner-4)
- [In Empty State](https://reui.io/components/spinner/c-spinner-5)
- [Pending Buttons](https://reui.io/components/spinner/c-spinner-6)
- [Overlay With Caption](https://reui.io/components/spinner/c-spinner-7)
- [Full Page](https://reui.io/components/spinner/c-spinner-8)
- [Inline Text](https://reui.io/components/spinner/c-spinner-9)
- [Loading Dots](https://reui.io/components/spinner/c-spinner-10)
- [Card Overlay](https://reui.io/components/spinner/c-spinner-11)
- [Color Variants](https://reui.io/components/spinner/c-spinner-12)

### Stepper (44)

- [Basic](https://reui.io/components/stepper/c-stepper-1)
- [Completed State](https://reui.io/components/stepper/c-stepper-2)
- [Loading State](https://reui.io/components/stepper/c-stepper-3)
- [Controlled](https://reui.io/components/stepper/c-stepper-4)
- [Labels Below](https://reui.io/components/stepper/c-stepper-5)
- [Left Aligned Titles](https://reui.io/components/stepper/c-stepper-6)
- [Icons & Badges](https://reui.io/components/stepper/c-stepper-7)
- [Descriptions](https://reui.io/components/stepper/c-stepper-8)
- [Inline Titles](https://reui.io/components/stepper/c-stepper-9)
- [Title & Caption](https://reui.io/components/stepper/c-stepper-10)
- [Bar With Titles](https://reui.io/components/stepper/c-stepper-11)
- [Segmented Bar](https://reui.io/components/stepper/c-stepper-12)
- [Vertical Descriptions](https://reui.io/components/stepper/c-stepper-13)
- [Vertical](https://reui.io/components/stepper/c-stepper-14)
- [Vertical Titles](https://reui.io/components/stepper/c-stepper-15)
- [Delivery Stops](https://reui.io/components/stepper/c-stepper-16)
- [Dotted Progress](https://reui.io/components/stepper/c-stepper-17)
- [Stage Details](https://reui.io/components/stepper/c-stepper-18)
- [Frame Icon Tiles](https://reui.io/components/stepper/c-stepper-19)
- [Purchase Orders](https://reui.io/components/stepper/c-stepper-20)
- [Security Checks](https://reui.io/components/stepper/c-stepper-21)
- [Bottom Color Bars](https://reui.io/components/stepper/c-stepper-22)
- [Top Color Bars](https://reui.io/components/stepper/c-stepper-23)
- [Icon Tile Rows](https://reui.io/components/stepper/c-stepper-24)
- [Phase Track](https://reui.io/components/stepper/c-stepper-25)
- [Timestamped Checkpoints](https://reui.io/components/stepper/c-stepper-26)
- [Transit Arrow](https://reui.io/components/stepper/c-stepper-27)
- [Breadcrumb Steps](https://reui.io/components/stepper/c-stepper-28)
- [Compact Inline](https://reui.io/components/stepper/c-stepper-29)
- [Truck Route](https://reui.io/components/stepper/c-stepper-30)
- [Chevron Icon Tiles](https://reui.io/components/stepper/c-stepper-31)
- [Numbered Chevrons](https://reui.io/components/stepper/c-stepper-32)
- [Filled Chevrons](https://reui.io/components/stepper/c-stepper-33)
- [Outlined Chevrons](https://reui.io/components/stepper/c-stepper-34)
- [Flat Chevrons](https://reui.io/components/stepper/c-stepper-35)
- [Shipping Route](https://reui.io/components/stepper/c-stepper-36)
- [Horizontal Step Cards](https://reui.io/components/stepper/c-stepper-37)
- [Shipment Progress](https://reui.io/components/stepper/c-stepper-38)
- [Vertical Step Cards](https://reui.io/components/stepper/c-stepper-39)
- [Side Rail Icons](https://reui.io/components/stepper/c-stepper-40)
- [Status List](https://reui.io/components/stepper/c-stepper-41)
- [Vertical Status Bars](https://reui.io/components/stepper/c-stepper-42)
- [Collapsible Sub-Steps](https://reui.io/components/stepper/c-stepper-43)
- [Right-Aligned Sub-Steps](https://reui.io/components/stepper/c-stepper-44)

### Switch (14)

- [Basic](https://reui.io/components/switch/c-switch-1)
- [With Description](https://reui.io/components/switch/c-switch-2)
- [Disabled](https://reui.io/components/switch/c-switch-3)
- [Sizes](https://reui.io/components/switch/c-switch-4)
- [Switch Group](https://reui.io/components/switch/c-switch-5)
- [Card Separators](https://reui.io/components/switch/c-switch-6)
- [Card With Icons](https://reui.io/components/switch/c-switch-7)
- [In Frame](https://reui.io/components/switch/c-switch-8)
- [Tooltip Info](https://reui.io/components/switch/c-switch-9)
- [With Badges](https://reui.io/components/switch/c-switch-10)
- [Colored](https://reui.io/components/switch/c-switch-11)
- [Destructive Confirm](https://reui.io/components/switch/c-switch-12)
- [Compact Table](https://reui.io/components/switch/c-switch-13)
- [Card Grid](https://reui.io/components/switch/c-switch-14)

### Table (17)

- [Basic](https://reui.io/components/table/c-table-1)
- [With Footer](https://reui.io/components/table/c-table-2)
- [Status Badges](https://reui.io/components/table/c-table-3)
- [Actions Column](https://reui.io/components/table/c-table-4)
- [Interactive Rows](https://reui.io/components/table/c-table-5)
- [Team Members](https://reui.io/components/table/c-table-6)
- [Orders](https://reui.io/components/table/c-table-7)
- [Projects](https://reui.io/components/table/c-table-8)
- [Activity Log](https://reui.io/components/table/c-table-9)
- [Subscriptions](https://reui.io/components/table/c-table-10)
- [Inventory](https://reui.io/components/table/c-table-11)
- [API Keys](https://reui.io/components/table/c-table-12)
- [File Manager](https://reui.io/components/table/c-table-13)
- [Issues](https://reui.io/components/table/c-table-14)
- [Leaderboard](https://reui.io/components/table/c-table-15)
- [Employee Profile](https://reui.io/components/table/c-table-16)
- [Server Config](https://reui.io/components/table/c-table-17)

### Tabs (9)

- [Basic](https://reui.io/components/tabs/c-tabs-1)
- [Line Variant](https://reui.io/components/tabs/c-tabs-2)
- [Vertical](https://reui.io/components/tabs/c-tabs-3)
- [Vertical Line](https://reui.io/components/tabs/c-tabs-4)
- [Icons](https://reui.io/components/tabs/c-tabs-5)
- [Full Width Icons](https://reui.io/components/tabs/c-tabs-6)
- [Badge Counts](https://reui.io/components/tabs/c-tabs-7)
- [Side List Icons](https://reui.io/components/tabs/c-tabs-8)
- [Segmented Control](https://reui.io/components/tabs/c-tabs-9)

### Textarea (6)

- [Basic](https://reui.io/components/textarea/c-textarea-1)
- [Invalid](https://reui.io/components/textarea/c-textarea-2)
- [With Label](https://reui.io/components/textarea/c-textarea-3)
- [With Description](https://reui.io/components/textarea/c-textarea-4)
- [Disabled](https://reui.io/components/textarea/c-textarea-5)
- [Auto-Resize Counter](https://reui.io/components/textarea/c-textarea-6)

### Time Picker (13)

- [Inline Panel](https://reui.io/components/time-picker/c-time-picker-1)
- [Popover](https://reui.io/components/time-picker/c-time-picker-2)
- [Typable Input](https://reui.io/components/time-picker/c-time-picker-3)
- [12-Hour Seconds](https://reui.io/components/time-picker/c-time-picker-4)
- [Hour Only](https://reui.io/components/time-picker/c-time-picker-5)
- [Opening Hours](https://reui.io/components/time-picker/c-time-picker-6)
- [Unavailable Slots](https://reui.io/components/time-picker/c-time-picker-7)
- [Start & End](https://reui.io/components/time-picker/c-time-picker-8)
- [Time Zone](https://reui.io/components/time-picker/c-time-picker-9)
- [Confirm Before Apply](https://reui.io/components/time-picker/c-time-picker-10)
- [Localized](https://reui.io/components/time-picker/c-time-picker-11)
- [Form Validation](https://reui.io/components/time-picker/c-time-picker-12)
- [Date & Time](https://reui.io/components/time-picker/c-time-picker-13)

### Timeline (12)

- [Basic](https://reui.io/components/timeline/c-timeline-1)
- [Roadmap](https://reui.io/components/timeline/c-timeline-2)
- [Order Status](https://reui.io/components/timeline/c-timeline-3)
- [Git Activity](https://reui.io/components/timeline/c-timeline-4)
- [Milestones](https://reui.io/components/timeline/c-timeline-5)
- [Pipeline Steps](https://reui.io/components/timeline/c-timeline-6)
- [Roadmap Items](https://reui.io/components/timeline/c-timeline-7)
- [Horizontal](https://reui.io/components/timeline/c-timeline-8)
- [Leading Labels](https://reui.io/components/timeline/c-timeline-9)
- [Deployment Log](https://reui.io/components/timeline/c-timeline-10)
- [Avatar Activity](https://reui.io/components/timeline/c-timeline-11)
- [Compact Milestones](https://reui.io/components/timeline/c-timeline-12)

### Toggle (14)

- [Basic](https://reui.io/components/toggle/c-toggle-1)
- [Outline](https://reui.io/components/toggle/c-toggle-2)
- [Text Sizes](https://reui.io/components/toggle/c-toggle-3)
- [Button Comparison](https://reui.io/components/toggle/c-toggle-4)
- [Disabled Text](https://reui.io/components/toggle/c-toggle-5)
- [Icon & Label](https://reui.io/components/toggle/c-toggle-6)
- [Count Badge](https://reui.io/components/toggle/c-toggle-7)
- [Icon Sizes](https://reui.io/components/toggle/c-toggle-8)
- [Icon Swap](https://reui.io/components/toggle/c-toggle-9)
- [Label Swap](https://reui.io/components/toggle/c-toggle-10)
- [Reactions](https://reui.io/components/toggle/c-toggle-11)
- [Tooltip](https://reui.io/components/toggle/c-toggle-12)
- [Disabled Icons](https://reui.io/components/toggle/c-toggle-13)
- [Mute Button](https://reui.io/components/toggle/c-toggle-14)

### Toggle Group (16)

- [Basic](https://reui.io/components/toggle-group/c-toggle-group-1)
- [Outline](https://reui.io/components/toggle-group/c-toggle-group-2)
- [Sizes](https://reui.io/components/toggle-group/c-toggle-group-3)
- [Custom Spacing](https://reui.io/components/toggle-group/c-toggle-group-4)
- [Filter Control](https://reui.io/components/toggle-group/c-toggle-group-5)
- [Vertical](https://reui.io/components/toggle-group/c-toggle-group-6)
- [Text Alignment](https://reui.io/components/toggle-group/c-toggle-group-7)
- [View Mode](https://reui.io/components/toggle-group/c-toggle-group-8)
- [Vertical Settings](https://reui.io/components/toggle-group/c-toggle-group-9)
- [Color Theme](https://reui.io/components/toggle-group/c-toggle-group-10)
- [Font Size](https://reui.io/components/toggle-group/c-toggle-group-11)
- [Time Range](https://reui.io/components/toggle-group/c-toggle-group-12)
- [Notification Channels](https://reui.io/components/toggle-group/c-toggle-group-13)
- [Layout Columns](https://reui.io/components/toggle-group/c-toggle-group-14)
- [Sort Direction](https://reui.io/components/toggle-group/c-toggle-group-15)
- [Pricing Tier](https://reui.io/components/toggle-group/c-toggle-group-16)

### Tooltip (16)

- [Basic](https://reui.io/components/tooltip/c-tooltip-1)
- [Placements](https://reui.io/components/tooltip/c-tooltip-2)
- [Icon Trigger](https://reui.io/components/tooltip/c-tooltip-3)
- [Keyboard Shortcut](https://reui.io/components/tooltip/c-tooltip-4)
- [Bell With Count](https://reui.io/components/tooltip/c-tooltip-5)
- [Status Badges](https://reui.io/components/tooltip/c-tooltip-6)
- [Verified Domain](https://reui.io/components/tooltip/c-tooltip-7)
- [Toolbar Actions](https://reui.io/components/tooltip/c-tooltip-8)
- [Warning](https://reui.io/components/tooltip/c-tooltip-9)
- [Upgrade Prompt](https://reui.io/components/tooltip/c-tooltip-10)
- [Avatar Role Badge](https://reui.io/components/tooltip/c-tooltip-11)
- [Disabled Button](https://reui.io/components/tooltip/c-tooltip-12)
- [Online Status](https://reui.io/components/tooltip/c-tooltip-13)
- [File Info](https://reui.io/components/tooltip/c-tooltip-14)
- [Label Badges](https://reui.io/components/tooltip/c-tooltip-15)
- [Unread Bell](https://reui.io/components/tooltip/c-tooltip-16)

### Trace (22)

- [Agent Steps](https://reui.io/components/trace/c-trace-1)
- [Streaming Run](https://reui.io/components/trace/c-trace-2)
- [Chat Turn](https://reui.io/components/trace/c-trace-3)
- [Subagents](https://reui.io/components/trace/c-trace-4)
- [Change Approval](https://reui.io/components/trace/c-trace-5)
- [Cited Sources](https://reui.io/components/trace/c-trace-6)
- [Support Copilot](https://reui.io/components/trace/c-trace-7)
- [Install Summary](https://reui.io/components/trace/c-trace-8)
- [CI Pipeline](https://reui.io/components/trace/c-trace-9)
- [Request Spans](https://reui.io/components/trace/c-trace-10)
- [Error Breadcrumbs](https://reui.io/components/trace/c-trace-11)
- [Query Plan](https://reui.io/components/trace/c-trace-12)
- [Data Pipeline](https://reui.io/components/trace/c-trace-13)
- [Webhook Retries](https://reui.io/components/trace/c-trace-14)
- [CSV Import](https://reui.io/components/trace/c-trace-15)
- [Security Audit](https://reui.io/components/trace/c-trace-16)
- [Review Findings](https://reui.io/components/trace/c-trace-17)
- [Eval Results](https://reui.io/components/trace/c-trace-18)
- [Access Decision](https://reui.io/components/trace/c-trace-19)
- [Identity Review](https://reui.io/components/trace/c-trace-20)
- [Domain Setup](https://reui.io/components/trace/c-trace-21)
- [Transcode](https://reui.io/components/trace/c-trace-22)

### Tree (7)

- [Basic](https://reui.io/components/tree/c-tree-1)
- [Indent Lines](https://reui.io/components/tree/c-tree-2)
- [Folder File Icons](https://reui.io/components/tree/c-tree-3)
- [Plus Minus Toggles](https://reui.io/components/tree/c-tree-4)
- [File Explorer](https://reui.io/components/tree/c-tree-5)
- [Org Chart](https://reui.io/components/tree/c-tree-6)
- [Permissions](https://reui.io/components/tree/c-tree-7)

## Templates

Full-page templates built from ReUI blocks. Each one is a download from its page, not a `shadcn add` item. The free ones need an account; the rest ship with Ultimate.

- [All templates](https://reui.io/templates)