# ReUI, full catalog

> 1,105 free shadcn/ui examples across 74 categories, 22 ReUI primitives, 533 Pro blocks in 6 groups, 638 motion icons. The index is at https://reui.io/llms.txt; this file lists every block and example, one line each.

Install any free item with the shadcn CLI (`npx shadcn@latest add @reui/<name>`) or through the hosted MCP server (`https://mcp.reui.io`). Pro blocks need a license key on the `@reui` registry entry.

## Pro blocks (533)

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

### Application: App Shell (21)

- [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 folder rail, 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 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. ReUI Badge, Kbd, shadcn Sidebar, DropdownMenu.
- [Inset icon-rail 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 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 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.

### 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 ReUI 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. ReUI Carousel, Card, Field, InputGroup. Login, social auth, SaaS.
- [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. ReUI 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. ReUI 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. ReUI 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 ReUI 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 ReUI 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 ReUI 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 ReUI 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, FramePanel, 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. Built with ReUI Frame, Avatar, ScrollArea, Button. For team or contributor profiles.

### Application: Chart (30)

- [Inventory KPI summary card with period tabs and per-metric sparkline trends](https://reui.io/blocks/application/chart/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/application/chart/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/application/chart/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.
- [Account Balance Line Chart with Reference Line, Peak Dots and Stat Header](https://reui.io/blocks/application/chart/chart-4): Portfolio balance tracker: a stat header (balance, trend, High, Low, Change) over a recharts line chart with a date reference line and custom dots on peaks and troughs. ReUI Frame, FramePanel, shadcn ChartContainer. For finance, trading dashboards.
- [Finance KPI metric grid with delta badges, brand logo stacks and mini area sparklines](https://reui.io/blocks/application/chart/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.
- [Metric-switcher line chart card with clickable KPI tabs and pulsing animated dots](https://reui.io/blocks/application/chart/chart-6): Platform analytics card where four KPI tabs (orders, response, revenue, users) with percent-change badges switch a single dashed line series. ReUI Frame, Badge, shadcn Button, ChartContainer, recharts LineChart. Metrics dashboard, trend chart.
- [Two metric panels with semicircular segmented arc gauges and reviewer avatar stacks](https://reui.io/blocks/application/chart/chart-7): Side-by-side metric cards showing uptime and code coverage as SVG segmented arc gauges with status label, value, and overlapping reviewer avatars. ReUI Frame, shadcn Avatar group, Button. KPI dashboard, gauge widget.
- [Three-column KPI metric row with radial segmented gauges and trend indicators](https://reui.io/blocks/application/chart/chart-8): Stat card row for API and ops monitoring: each metric pairs a segmented radial gauge with a value, unit, and up or down trend delta. Built on ReUI Frame and FramePanel with shadcn Button. Use for dashboard KPI strips, metrics overview, and stats.
- [Capital Inflows fund breakdown card with segmented distribution bar and range filter](https://reui.io/blocks/application/chart/chart-9): Fund inflow card: compact total with success trend Badge, a segmented distribution bar of each fund's share, and a logo, name, capital-in list. Top 3 to All filter via Select. ReUI Frame, Badge, shadcn Select. For treasury dashboards.
- [Heart rate metric card with segmented zone bar and large bpm readout](https://reui.io/blocks/application/chart/chart-10): Compact health stat card showing a big bpm value, heart icon tile, and a 4-segment heart-rate zone meter (rest to peak) with one active band. Built on ReUI Frame and shadcn Button. For fitness, wearable, and vitals dashboards.
- [Distance Metric Card with Week, Month, Year Tabs and Dotted Sparkline Fill](https://reui.io/blocks/application/chart/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.
- [Capital inflows semicircular gauge card with source breakdown and range switcher](https://reui.io/blocks/application/chart/chart-12): Half-donut radial gauge of capital inflows by source, with center total, a range switcher (week, month, quarter), and per-source metric breakdown. Built with ReUI Card, DropdownMenu, Item, Separator, and a recharts PieChart. For finance dashboards.
- [Capital inflows donut chart card with Week, Month, Year tabs and a per-source legend](https://reui.io/blocks/application/chart/chart-13): Donut chart card breaking down capital inflows by source, with Week/Month/Year tabs, center total, and a legend of each source's amount and percent share. ReUI Frame plus shadcn Chart (recharts pie), Tabs, Tooltip. For finance and revenue breakdowns.
- [Portfolio Allocation Card with Week/Month/Year Tabs and Segmented Bar Meter](https://reui.io/blocks/application/chart/chart-14): Finance allocation card: percentage metric with up delta, a segmented vertical-bar meter, equities exposure, and a member avatar stack. Card, Tabs, Tooltip, Avatar. For portfolio, investment, fund dashboards.
- [Three KPI stat cards with gradient sparkline area charts and hover tooltips](https://reui.io/blocks/application/chart/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.
- [Conversion Funnel Stacked Area Chart with Stage KPI Tiles and Period Selector](https://reui.io/blocks/application/chart/chart-16): Ecommerce funnel as a stacked area chart over visits, product views, add to cart, and checkout, with four KPI tiles (value plus trend), a 7d/30d/90d/12m period selector, and custom tooltip. ReUI Frame, shadcn ChartContainer and Select.
- [Compact campaign analytics card with gradient area chart and 5D to 6M period tabs](https://reui.io/blocks/application/chart/chart-17): Marketing impressions card: total stat with +42% trend, gradient AreaChart (recharts), and period tabs (5D, 2W, 1M, 6M) that swap the dataset. ReUI Frame plus shadcn Tabs, Item, Tooltip, Button, Chart. For analytics dashboard, campaign KPI widget.
- [Orders overview card with period tabs, stat tiles, and animated gradient area chart](https://reui.io/blocks/application/chart/chart-18): Analytics overview card with Day, Week, Month, Year range Tabs, three stat tiles showing delta changes, and a recharts area chart with animated reveal and dark tooltip. ReUI Frame, shadcn Tabs, Item. For dashboard revenue or sales summary panels.
- [Dark finance metric card with composed area-and-line chart and day, week, month period tabs](https://reui.io/blocks/application/chart/chart-19): Dark DeFi-style stats card pairing Total Value Locked, Deposits and Borrowed KPIs with a Recharts composed chart of two gradient areas, monotone lines and a custom tooltip. Day, week, month switch via ReUI Card, Tabs. Crypto dashboard.
- [Sales vs goals composed line and area chart with vertical reference line marker](https://reui.io/blocks/application/chart/chart-20): Sales overview card plotting actual vs goal lines over a gradient area fill, with a dashed vertical reference marker, dollar-to-millions axis, custom tooltip, and Export/Filter/Share dropdown. ReUI Card, Button, DropdownMenu. For revenue dashboards.
- [Cashflow area and line chart card with period range selector and total plus percentage trend](https://reui.io/blocks/application/chart/chart-21): Cashflow chart card pairing a gradient Area with a dotted Line, a 6m/12m/2y range Select, a total with a green percentage trend, and a custom tooltip. Built with ReUI Frame, shadcn Select and ChartContainer. For finance and analytics dashboards.
- [Revenue performance card with line chart and period tabs (5D / 2W / 1M)](https://reui.io/blocks/application/chart/chart-22): Compact revenue KPI card with a single-series recharts line chart, a total computed from the active period, and 5D / 2W / 1M tab switching. Uses ReUI Card, Tabs, Button, Item, ChartContainer. For analytics, finance, and sales reporting widgets.
- [Multi-line social media activity chart with platform comparison and time-range selector](https://reui.io/blocks/application/chart/chart-23): Multi-line chart comparing Facebook, Instagram and LinkedIn activity over a selectable time range, with custom tooltip and dot legend. ReUI Frame and Select, shadcn ChartContainer, Recharts LineChart. For analytics dashboards and engagement trends.
- [Dual-axis e-commerce sales vs views line chart with period selector and KPI trend badges](https://reui.io/blocks/application/chart/chart-24): Plots sales and views on two independent Y-axes as solid and dashed recharts lines, with a 30 vs 90 day Select, KPI totals plus trend Badges, and a dark custom tooltip in a ReUI Frame. For e-commerce analytics and revenue vs traffic dashboards.
- [Order Metrics List Card with Per-Row Line Sparklines and Trend Badges](https://reui.io/blocks/application/chart/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.
- [Dark floor price analytics card with period tabs and monotone line chart](https://reui.io/blocks/application/chart/chart-26): Crypto and NFT floor price tracker on a dark Card: Month / Max Tabs toggle, recharts monotone LineChart, large current price with percent change. For asset dashboards, token price and portfolio widgets. Uses ReUI Card, Tabs, Button, Chart.
- [Browser usage donut chart card with 5D, 2W and 1M period tabs and total visitors KPI](https://reui.io/blocks/application/chart/chart-27): Donut chart of visitor share across browsers with a 5D/2W/1M tab switcher, total visitors stat, trend badge and slice labels. Uses ReUI Frame and Badge plus shadcn Tabs, Item, Button and recharts Pie. For analytics dashboards and traffic widgets.
- [Operational KPI metric cards with segmented bar gauge for utilization and capacity tracking](https://reui.io/blocks/application/chart/chart-28): Three operational KPI cards in a responsive grid, each with an icon, title, large value over total, and a 40-segment bar gauge showing utilization. Built with ReUI Frame, recharts BarChart, shadcn Item and Button. For dashboards and capacity metrics.
- [Inventory velocity bar chart card with diagonal hatched bars and dotted backdrop](https://reui.io/blocks/application/chart/chart-29): Vertical bar chart in a card showing warehouse turnover by category, with diagonal hatched-pattern bars, dotted grid backdrop, grow-up reveal animation, and a custom tooltip. Uses ReUI Frame, Badge, recharts. Analytics, dashboard, KPI.
- [Grouped air vs sea freight bar chart with hover-dimmed bars and live region readout](https://reui.io/blocks/application/chart/chart-30): Grouped bar chart comparing air vs sea freight transit days across global regions, with hover that dims other bars, a live region readout, custom tooltip, and trend badge. ReUI Frame, Badge; shadcn Chart on Recharts. Logistics shipping dashboard.

### 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 ReUI 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 ReUI Dialog, InputGroup, Kbd, Item, Empty. Integrations picker, connect-app, 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 ReUI 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 ReUI 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 ReUI 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 ReUI 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. Built with ReUI 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 ReUI 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 ReUI 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 ReUI 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 ReUI 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 ReUI 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, Box, 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, Box, 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: 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, 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. ReUI 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. ReUI 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. ReUI 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. ReUI 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 ReUI NavigationMenu, Item, Separator, Button. Use 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 ReUI 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, Combobox, Select, Field. Onboarding wizard, setup flow.
- [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. ReUI Dialog, Field, Combobox, Select, RadioGroup, Switch, Avatar upload, Button. For signup flow, 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 (9)

- [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 Tabs, DataGrid, Badge, Alert, shadcn 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.

### 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, 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 ReUI 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 (11)

- [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, and labels. Uses ReUI 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. Uses ReUI Badge, 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 ReUI 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. ReUI 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. ReUI 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.

### Application: Stats (15)

- [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). Uses ReUI Frame, Badge, 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 ReUI Card. For dashboards, KPI highlights, and stats callouts.

### 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, and ledger updates. Avatar nodes, dot plus colored status Badges, attachments, participant AvatarGroup, inline action Buttons. ReUI Timeline, Badge, 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, 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: 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, Combobox; shadcn 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 (7)

- [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, 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.

### 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. Uses ReUI DataGrid, Frame, 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, 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 (5)

- [Labels manager data grid 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 DataGrid: inline add and edit form with hex color picker Popover, drag-to-reorder rows, and delete confirmation. Uses ReUI DataGrid plus shadcn Button, 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.

### 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, Avatar, shadcn 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.

### 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: 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: 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: CRM (6)

- [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.

### 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.

### 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 card 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. ReUI 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 code field, and an Order Summary sidebar (subtotal, tax, discount, checkout). ReUI Badge, 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 laid out 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, 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. ReUI 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, 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.

### 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. ReUI 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 ReUI 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. Built on ReUI Breadcrumb, Card, Item, Avatar, Badge, Separator. For release notes.

### 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. ReUI 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 (6)

- [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.

### 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, 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, Card, Progress, shadcn 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, 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 Tabs, Card, Item, Progress, IconTile, Badge, Rating, 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, Item, 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 Card, Button, Item, IconTile, Kbd, IconPlaceholder. For landing page, dev-tool, and product-launch heroes.

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

- [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.

## Free examples (1,105)

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

### Accordion (11)

- [Accordion 1](https://reui.io/components/accordion/c-accordion-1)
- [Accordion 2](https://reui.io/components/accordion/c-accordion-2)
- [Accordion 3](https://reui.io/components/accordion/c-accordion-3)
- [Accordion 4](https://reui.io/components/accordion/c-accordion-4)
- [Accordion 5](https://reui.io/components/accordion/c-accordion-5)
- [Accordion 6](https://reui.io/components/accordion/c-accordion-6)
- [Accordion 7](https://reui.io/components/accordion/c-accordion-7)
- [Accordion 8](https://reui.io/components/accordion/c-accordion-8)
- [Accordion 9](https://reui.io/components/accordion/c-accordion-9)
- [Accordion 10](https://reui.io/components/accordion/c-accordion-10)
- [Accordion 11](https://reui.io/components/accordion/c-accordion-11)

### Alert (20)

- [Alert 1](https://reui.io/components/alert/c-alert-1)
- [Alert 2](https://reui.io/components/alert/c-alert-2)
- [Alert 3](https://reui.io/components/alert/c-alert-3)
- [Alert 4](https://reui.io/components/alert/c-alert-4)
- [Alert 5](https://reui.io/components/alert/c-alert-5)
- [Alert 6](https://reui.io/components/alert/c-alert-6)
- [Alert 7](https://reui.io/components/alert/c-alert-7)
- [Alert 8](https://reui.io/components/alert/c-alert-8)
- [Alert 9](https://reui.io/components/alert/c-alert-9)
- [Alert 10](https://reui.io/components/alert/c-alert-10)
- [Alert 11](https://reui.io/components/alert/c-alert-11)
- [Alert 12](https://reui.io/components/alert/c-alert-12)
- [Alert 13](https://reui.io/components/alert/c-alert-13)
- [Alert 14](https://reui.io/components/alert/c-alert-14)
- [Alert 15](https://reui.io/components/alert/c-alert-15)
- [Alert 16](https://reui.io/components/alert/c-alert-16)
- [Alert 17](https://reui.io/components/alert/c-alert-17)
- [Alert 18](https://reui.io/components/alert/c-alert-18)
- [Alert 19](https://reui.io/components/alert/c-alert-19)
- [Alert 20](https://reui.io/components/alert/c-alert-20)

### Alert Dialog (14)

- [Alert Dialog 1](https://reui.io/components/alert-dialog/c-alert-dialog-1)
- [Alert Dialog 2](https://reui.io/components/alert-dialog/c-alert-dialog-2)
- [Alert Dialog 3](https://reui.io/components/alert-dialog/c-alert-dialog-3)
- [Alert Dialog 4](https://reui.io/components/alert-dialog/c-alert-dialog-4)
- [Alert Dialog 5](https://reui.io/components/alert-dialog/c-alert-dialog-5)
- [Alert Dialog 6](https://reui.io/components/alert-dialog/c-alert-dialog-6)
- [Alert Dialog 7](https://reui.io/components/alert-dialog/c-alert-dialog-7)
- [Alert Dialog 8](https://reui.io/components/alert-dialog/c-alert-dialog-8)
- [Alert Dialog 9](https://reui.io/components/alert-dialog/c-alert-dialog-9)
- [Alert Dialog 10](https://reui.io/components/alert-dialog/c-alert-dialog-10)
- [Alert Dialog 11](https://reui.io/components/alert-dialog/c-alert-dialog-11)
- [Alert Dialog 12](https://reui.io/components/alert-dialog/c-alert-dialog-12)
- [Alert Dialog 13](https://reui.io/components/alert-dialog/c-alert-dialog-13)
- [Alert Dialog 14](https://reui.io/components/alert-dialog/c-alert-dialog-14)

### Aspect Ratio (8)

- [Aspect Ratio 1](https://reui.io/components/aspect-ratio/c-aspect-ratio-1)
- [Aspect Ratio 2](https://reui.io/components/aspect-ratio/c-aspect-ratio-2)
- [Aspect Ratio 3](https://reui.io/components/aspect-ratio/c-aspect-ratio-3)
- [Aspect Ratio 4](https://reui.io/components/aspect-ratio/c-aspect-ratio-4)
- [Aspect Ratio 5](https://reui.io/components/aspect-ratio/c-aspect-ratio-5)
- [Aspect Ratio 6](https://reui.io/components/aspect-ratio/c-aspect-ratio-6)
- [Aspect Ratio 7](https://reui.io/components/aspect-ratio/c-aspect-ratio-7)
- [Aspect Ratio 8](https://reui.io/components/aspect-ratio/c-aspect-ratio-8)

### Autocomplete (12)

- [Autocomplete 1](https://reui.io/components/autocomplete/c-autocomplete-1)
- [Autocomplete 2](https://reui.io/components/autocomplete/c-autocomplete-2)
- [Autocomplete 3](https://reui.io/components/autocomplete/c-autocomplete-3)
- [Autocomplete 4](https://reui.io/components/autocomplete/c-autocomplete-4)
- [Autocomplete 5](https://reui.io/components/autocomplete/c-autocomplete-5)
- [Autocomplete 6](https://reui.io/components/autocomplete/c-autocomplete-6)
- [Autocomplete 7](https://reui.io/components/autocomplete/c-autocomplete-7)
- [Autocomplete 8](https://reui.io/components/autocomplete/c-autocomplete-8)
- [Autocomplete 9](https://reui.io/components/autocomplete/c-autocomplete-9)
- [Autocomplete 10](https://reui.io/components/autocomplete/c-autocomplete-10)
- [Autocomplete 11](https://reui.io/components/autocomplete/c-autocomplete-11)
- [Autocomplete 12](https://reui.io/components/autocomplete/c-autocomplete-12)

### Avatar (35)

- [Avatar 1](https://reui.io/components/avatar/c-avatar-1)
- [Avatar 2](https://reui.io/components/avatar/c-avatar-2)
- [Avatar 3](https://reui.io/components/avatar/c-avatar-3)
- [Avatar 4](https://reui.io/components/avatar/c-avatar-4)
- [Avatar 5](https://reui.io/components/avatar/c-avatar-5)
- [Avatar 6](https://reui.io/components/avatar/c-avatar-6)
- [Avatar 7](https://reui.io/components/avatar/c-avatar-7)
- [Avatar 8](https://reui.io/components/avatar/c-avatar-8)
- [Avatar 9](https://reui.io/components/avatar/c-avatar-9)
- [Avatar 10](https://reui.io/components/avatar/c-avatar-10)
- [Avatar 11](https://reui.io/components/avatar/c-avatar-11)
- [Avatar 12](https://reui.io/components/avatar/c-avatar-12)
- [Avatar 13](https://reui.io/components/avatar/c-avatar-13)
- [Avatar 14](https://reui.io/components/avatar/c-avatar-14)
- [Avatar 15](https://reui.io/components/avatar/c-avatar-15)
- [Avatar 16](https://reui.io/components/avatar/c-avatar-16)
- [Avatar 17](https://reui.io/components/avatar/c-avatar-17)
- [Avatar 18](https://reui.io/components/avatar/c-avatar-18)
- [Avatar 19](https://reui.io/components/avatar/c-avatar-19)
- [Avatar 20](https://reui.io/components/avatar/c-avatar-20)
- [Avatar 21](https://reui.io/components/avatar/c-avatar-21)
- [Avatar 22](https://reui.io/components/avatar/c-avatar-22)
- [Avatar 23](https://reui.io/components/avatar/c-avatar-23)
- [Avatar 24](https://reui.io/components/avatar/c-avatar-24)
- [Avatar 25](https://reui.io/components/avatar/c-avatar-25)
- [Avatar 26](https://reui.io/components/avatar/c-avatar-26)
- [Avatar 27](https://reui.io/components/avatar/c-avatar-27)
- [Avatar 28](https://reui.io/components/avatar/c-avatar-28)
- [Avatar 29](https://reui.io/components/avatar/c-avatar-29)
- [Avatar 30](https://reui.io/components/avatar/c-avatar-30)
- [Avatar 31](https://reui.io/components/avatar/c-avatar-31)
- [Avatar 32](https://reui.io/components/avatar/c-avatar-32)
- [Avatar 33](https://reui.io/components/avatar/c-avatar-33)
- [Avatar 34](https://reui.io/components/avatar/c-avatar-34)
- [Avatar 35](https://reui.io/components/avatar/c-avatar-35)

### Badge (25)

- [Badge 1](https://reui.io/components/badge/c-badge-1)
- [Badge 2](https://reui.io/components/badge/c-badge-2)
- [Badge 3](https://reui.io/components/badge/c-badge-3)
- [Badge 4](https://reui.io/components/badge/c-badge-4)
- [Badge 5](https://reui.io/components/badge/c-badge-5)
- [Badge 6](https://reui.io/components/badge/c-badge-6)
- [Badge 7](https://reui.io/components/badge/c-badge-7)
- [Badge 8](https://reui.io/components/badge/c-badge-8)
- [Badge 9](https://reui.io/components/badge/c-badge-9)
- [Badge 10](https://reui.io/components/badge/c-badge-10)
- [Badge 11](https://reui.io/components/badge/c-badge-11)
- [Badge 12](https://reui.io/components/badge/c-badge-12)
- [Badge 13](https://reui.io/components/badge/c-badge-13)
- [Badge 14](https://reui.io/components/badge/c-badge-14)
- [Badge 15](https://reui.io/components/badge/c-badge-15)
- [Badge 16](https://reui.io/components/badge/c-badge-16)
- [Badge 17](https://reui.io/components/badge/c-badge-17)
- [Badge 18](https://reui.io/components/badge/c-badge-18)
- [Badge 19](https://reui.io/components/badge/c-badge-19)
- [Badge 20](https://reui.io/components/badge/c-badge-20)
- [Badge 21](https://reui.io/components/badge/c-badge-21)
- [Badge 22](https://reui.io/components/badge/c-badge-22)
- [Badge 23](https://reui.io/components/badge/c-badge-23)
- [Badge 24](https://reui.io/components/badge/c-badge-24)
- [Badge 25](https://reui.io/components/badge/c-badge-25)

### Breadcrumb (15)

- [Breadcrumb 1](https://reui.io/components/breadcrumb/c-breadcrumb-1)
- [Breadcrumb 2](https://reui.io/components/breadcrumb/c-breadcrumb-2)
- [Breadcrumb 3](https://reui.io/components/breadcrumb/c-breadcrumb-3)
- [Breadcrumb 4](https://reui.io/components/breadcrumb/c-breadcrumb-4)
- [Breadcrumb 5](https://reui.io/components/breadcrumb/c-breadcrumb-5)
- [Breadcrumb 6](https://reui.io/components/breadcrumb/c-breadcrumb-6)
- [Breadcrumb 7](https://reui.io/components/breadcrumb/c-breadcrumb-7)
- [Breadcrumb 8](https://reui.io/components/breadcrumb/c-breadcrumb-8)
- [Breadcrumb 9](https://reui.io/components/breadcrumb/c-breadcrumb-9)
- [Breadcrumb 10](https://reui.io/components/breadcrumb/c-breadcrumb-10)
- [Breadcrumb 11](https://reui.io/components/breadcrumb/c-breadcrumb-11)
- [Breadcrumb 12](https://reui.io/components/breadcrumb/c-breadcrumb-12)
- [Breadcrumb 13](https://reui.io/components/breadcrumb/c-breadcrumb-13)
- [Breadcrumb 14](https://reui.io/components/breadcrumb/c-breadcrumb-14)
- [Breadcrumb 15](https://reui.io/components/breadcrumb/c-breadcrumb-15)

### Button (61)

- [Button 1](https://reui.io/components/button/c-button-1)
- [Button 2](https://reui.io/components/button/c-button-2)
- [Button 3](https://reui.io/components/button/c-button-3)
- [Button 4](https://reui.io/components/button/c-button-4)
- [Button 5](https://reui.io/components/button/c-button-5)
- [Button 6](https://reui.io/components/button/c-button-6)
- [Button 7](https://reui.io/components/button/c-button-7)
- [Button 8](https://reui.io/components/button/c-button-8)
- [Button 9](https://reui.io/components/button/c-button-9)
- [Button 10](https://reui.io/components/button/c-button-10)
- [Button 11](https://reui.io/components/button/c-button-11)
- [Button 12](https://reui.io/components/button/c-button-12)
- [Button 13](https://reui.io/components/button/c-button-13)
- [Button 14](https://reui.io/components/button/c-button-14)
- [Button 15](https://reui.io/components/button/c-button-15)
- [Button 16](https://reui.io/components/button/c-button-16)
- [Button 17](https://reui.io/components/button/c-button-17)
- [Button 18](https://reui.io/components/button/c-button-18)
- [Button 19](https://reui.io/components/button/c-button-19)
- [Button 20](https://reui.io/components/button/c-button-20)
- [Button 21](https://reui.io/components/button/c-button-21)
- [Button 22](https://reui.io/components/button/c-button-22)
- [Button 23](https://reui.io/components/button/c-button-23)
- [Button 24](https://reui.io/components/button/c-button-24)
- [Button 25](https://reui.io/components/button/c-button-25)
- [Button 26](https://reui.io/components/button/c-button-26)
- [Button 27](https://reui.io/components/button/c-button-27)
- [Button 28](https://reui.io/components/button/c-button-28)
- [Button 29](https://reui.io/components/button/c-button-29)
- [Button 30](https://reui.io/components/button/c-button-30)
- [Button 31](https://reui.io/components/button/c-button-31)
- [Button 32](https://reui.io/components/button/c-button-32)
- [Button 33](https://reui.io/components/button/c-button-33)
- [Button 34](https://reui.io/components/button/c-button-34)
- [Button 35](https://reui.io/components/button/c-button-35)
- [Button 36](https://reui.io/components/button/c-button-36)
- [Button 37](https://reui.io/components/button/c-button-37)
- [Button 38](https://reui.io/components/button/c-button-38)
- [Button 39](https://reui.io/components/button/c-button-39)
- [Button 40](https://reui.io/components/button/c-button-40)
- [Button 41](https://reui.io/components/button/c-button-41)
- [Button 42](https://reui.io/components/button/c-button-42)
- [Button 43](https://reui.io/components/button/c-button-43)
- [Button 44](https://reui.io/components/button/c-button-44)
- [Button 45](https://reui.io/components/button/c-button-45)
- [Button 46](https://reui.io/components/button/c-button-46)
- [Button 47](https://reui.io/components/button/c-button-47)
- [Button 48](https://reui.io/components/button/c-button-48)
- [Button 49](https://reui.io/components/button/c-button-49)
- [Button 50](https://reui.io/components/button/c-button-50)
- [Button 51](https://reui.io/components/button/c-button-51)
- [Button 52](https://reui.io/components/button/c-button-52)
- [Button 53](https://reui.io/components/button/c-button-53)
- [Button 54](https://reui.io/components/button/c-button-54)
- [Button 55](https://reui.io/components/button/c-button-55)
- [Button 56](https://reui.io/components/button/c-button-56)
- [Button 57](https://reui.io/components/button/c-button-57)
- [Button 58](https://reui.io/components/button/c-button-58)
- [Button 59](https://reui.io/components/button/c-button-59)
- [Button 60](https://reui.io/components/button/c-button-60)
- [Button 61](https://reui.io/components/button/c-button-61)

### Button Group (57)

- [Button Group 1](https://reui.io/components/button-group/c-button-group-1)
- [Button Group 2](https://reui.io/components/button-group/c-button-group-2)
- [Button Group 3](https://reui.io/components/button-group/c-button-group-3)
- [Button Group 4](https://reui.io/components/button-group/c-button-group-4)
- [Button Group 5](https://reui.io/components/button-group/c-button-group-5)
- [Button Group 6](https://reui.io/components/button-group/c-button-group-6)
- [Button Group 7](https://reui.io/components/button-group/c-button-group-7)
- [Button Group 8](https://reui.io/components/button-group/c-button-group-8)
- [Button Group 9](https://reui.io/components/button-group/c-button-group-9)
- [Button Group 10](https://reui.io/components/button-group/c-button-group-10)
- [Button Group 11](https://reui.io/components/button-group/c-button-group-11)
- [Button Group 12](https://reui.io/components/button-group/c-button-group-12)
- [Button Group 13](https://reui.io/components/button-group/c-button-group-13)
- [Button Group 14](https://reui.io/components/button-group/c-button-group-14)
- [Button Group 15](https://reui.io/components/button-group/c-button-group-15)
- [Button Group 16](https://reui.io/components/button-group/c-button-group-16)
- [Button Group 17](https://reui.io/components/button-group/c-button-group-17)
- [Button Group 18](https://reui.io/components/button-group/c-button-group-18)
- [Button Group 19](https://reui.io/components/button-group/c-button-group-19)
- [Button Group 20](https://reui.io/components/button-group/c-button-group-20)
- [Button Group 21](https://reui.io/components/button-group/c-button-group-21)
- [Button Group 22](https://reui.io/components/button-group/c-button-group-22)
- [Button Group 23](https://reui.io/components/button-group/c-button-group-23)
- [Button Group 24](https://reui.io/components/button-group/c-button-group-24)
- [Button Group 25](https://reui.io/components/button-group/c-button-group-25)
- [Button Group 26](https://reui.io/components/button-group/c-button-group-26)
- [Button Group 27](https://reui.io/components/button-group/c-button-group-27)
- [Button Group 28](https://reui.io/components/button-group/c-button-group-28)
- [Button Group 29](https://reui.io/components/button-group/c-button-group-29)
- [Button Group 30](https://reui.io/components/button-group/c-button-group-30)
- [Button Group 31](https://reui.io/components/button-group/c-button-group-31)
- [Button Group 32](https://reui.io/components/button-group/c-button-group-32)
- [Button Group 33](https://reui.io/components/button-group/c-button-group-33)
- [Button Group 34](https://reui.io/components/button-group/c-button-group-34)
- [Button Group 35](https://reui.io/components/button-group/c-button-group-35)
- [Button Group 36](https://reui.io/components/button-group/c-button-group-36)
- [Button Group 37](https://reui.io/components/button-group/c-button-group-37)
- [Button Group 38](https://reui.io/components/button-group/c-button-group-38)
- [Button Group 39](https://reui.io/components/button-group/c-button-group-39)
- [Button Group 40](https://reui.io/components/button-group/c-button-group-40)
- [Button Group 41](https://reui.io/components/button-group/c-button-group-41)
- [Button Group 42](https://reui.io/components/button-group/c-button-group-42)
- [Button Group 43](https://reui.io/components/button-group/c-button-group-43)
- [Button Group 44](https://reui.io/components/button-group/c-button-group-44)
- [Button Group 45](https://reui.io/components/button-group/c-button-group-45)
- [Button Group 46](https://reui.io/components/button-group/c-button-group-46)
- [Button Group 47](https://reui.io/components/button-group/c-button-group-47)
- [Button Group 48](https://reui.io/components/button-group/c-button-group-48)
- [Button Group 49](https://reui.io/components/button-group/c-button-group-49)
- [Button Group 50](https://reui.io/components/button-group/c-button-group-50)
- [Button Group 51](https://reui.io/components/button-group/c-button-group-51)
- [Button Group 52](https://reui.io/components/button-group/c-button-group-52)
- [Button Group 53](https://reui.io/components/button-group/c-button-group-53)
- [Button Group 54](https://reui.io/components/button-group/c-button-group-54)
- [Button Group 55](https://reui.io/components/button-group/c-button-group-55)
- [Button Group 56](https://reui.io/components/button-group/c-button-group-56)
- [Button Group 57](https://reui.io/components/button-group/c-button-group-57)

### Calendar (30)

- [Calendar 1](https://reui.io/components/calendar/c-calendar-1)
- [Calendar 2](https://reui.io/components/calendar/c-calendar-2)
- [Calendar 3](https://reui.io/components/calendar/c-calendar-3)
- [Calendar 4](https://reui.io/components/calendar/c-calendar-4)
- [Calendar 5](https://reui.io/components/calendar/c-calendar-5)
- [Calendar 6](https://reui.io/components/calendar/c-calendar-6)
- [Calendar 7](https://reui.io/components/calendar/c-calendar-7)
- [Calendar 8](https://reui.io/components/calendar/c-calendar-8)
- [Calendar 9](https://reui.io/components/calendar/c-calendar-9)
- [Calendar 10](https://reui.io/components/calendar/c-calendar-10)
- [Calendar 11](https://reui.io/components/calendar/c-calendar-11)
- [Calendar 12](https://reui.io/components/calendar/c-calendar-12)
- [Calendar 13](https://reui.io/components/calendar/c-calendar-13)
- [Calendar 14](https://reui.io/components/calendar/c-calendar-14)
- [Calendar 15](https://reui.io/components/calendar/c-calendar-15)
- [Calendar 16](https://reui.io/components/calendar/c-calendar-16)
- [Calendar 17](https://reui.io/components/calendar/c-calendar-17)
- [Calendar 18](https://reui.io/components/calendar/c-calendar-18)
- [Calendar 19](https://reui.io/components/calendar/c-calendar-19)
- [Calendar 20](https://reui.io/components/calendar/c-calendar-20)
- [Calendar 21](https://reui.io/components/calendar/c-calendar-21)
- [Calendar 22](https://reui.io/components/calendar/c-calendar-22)
- [Calendar 23](https://reui.io/components/calendar/c-calendar-23)
- [Calendar 24](https://reui.io/components/calendar/c-calendar-24)
- [Calendar 25](https://reui.io/components/calendar/c-calendar-25)
- [Calendar 26](https://reui.io/components/calendar/c-calendar-26)
- [Calendar 27](https://reui.io/components/calendar/c-calendar-27)
- [Calendar 28](https://reui.io/components/calendar/c-calendar-28)
- [Calendar 29](https://reui.io/components/calendar/c-calendar-29)
- [Calendar 30](https://reui.io/components/calendar/c-calendar-30)

### Card (18)

- [Card 1](https://reui.io/components/card/c-card-1)
- [Card 2](https://reui.io/components/card/c-card-2)
- [Card 3](https://reui.io/components/card/c-card-3)
- [Card 4](https://reui.io/components/card/c-card-4)
- [Card 5](https://reui.io/components/card/c-card-5)
- [Card 6](https://reui.io/components/card/c-card-6)
- [Card 7](https://reui.io/components/card/c-card-7)
- [Card 8](https://reui.io/components/card/c-card-8)
- [Card 9](https://reui.io/components/card/c-card-9)
- [Card 10](https://reui.io/components/card/c-card-10)
- [Card 11](https://reui.io/components/card/c-card-11)
- [Card 12](https://reui.io/components/card/c-card-12)
- [Card 13](https://reui.io/components/card/c-card-13)
- [Card 14](https://reui.io/components/card/c-card-14)
- [Card 15](https://reui.io/components/card/c-card-15)
- [Card 16](https://reui.io/components/card/c-card-16)
- [Card 17](https://reui.io/components/card/c-card-17)
- [Card 18](https://reui.io/components/card/c-card-18)

### Carousel (11)

- [Carousel 1](https://reui.io/components/carousel/c-carousel-1)
- [Carousel 2](https://reui.io/components/carousel/c-carousel-2)
- [Carousel 3](https://reui.io/components/carousel/c-carousel-3)
- [Carousel 4](https://reui.io/components/carousel/c-carousel-4)
- [Carousel 5](https://reui.io/components/carousel/c-carousel-5)
- [Carousel 6](https://reui.io/components/carousel/c-carousel-6)
- [Carousel 7](https://reui.io/components/carousel/c-carousel-7)
- [Carousel 8](https://reui.io/components/carousel/c-carousel-8)
- [Carousel 9](https://reui.io/components/carousel/c-carousel-9)
- [Carousel 10](https://reui.io/components/carousel/c-carousel-10)
- [Carousel 11](https://reui.io/components/carousel/c-carousel-11)

### Cascader (20)

- [Cascader 1](https://reui.io/components/cascader/c-cascader-1)
- [Cascader 2](https://reui.io/components/cascader/c-cascader-2)
- [Cascader 3](https://reui.io/components/cascader/c-cascader-3)
- [Cascader 4](https://reui.io/components/cascader/c-cascader-4)
- [Cascader 5](https://reui.io/components/cascader/c-cascader-5)
- [Cascader 6](https://reui.io/components/cascader/c-cascader-6)
- [Cascader 7](https://reui.io/components/cascader/c-cascader-7)
- [Cascader 8](https://reui.io/components/cascader/c-cascader-8)
- [Cascader 9](https://reui.io/components/cascader/c-cascader-9)
- [Cascader 10](https://reui.io/components/cascader/c-cascader-10)
- [Cascader 11](https://reui.io/components/cascader/c-cascader-11)
- [Cascader 12](https://reui.io/components/cascader/c-cascader-12)
- [Cascader 13](https://reui.io/components/cascader/c-cascader-13)
- [Cascader 14](https://reui.io/components/cascader/c-cascader-14)
- [Cascader 15](https://reui.io/components/cascader/c-cascader-15)
- [Cascader 16](https://reui.io/components/cascader/c-cascader-16)
- [Cascader 17](https://reui.io/components/cascader/c-cascader-17)
- [Cascader 18](https://reui.io/components/cascader/c-cascader-18)
- [Cascader 19](https://reui.io/components/cascader/c-cascader-19)
- [Cascader 20](https://reui.io/components/cascader/c-cascader-20)

### Chart (25)

- [Chart 1](https://reui.io/components/chart/c-chart-1)
- [Chart 2](https://reui.io/components/chart/c-chart-2)
- [Chart 3](https://reui.io/components/chart/c-chart-3)
- [Chart 4](https://reui.io/components/chart/c-chart-4)
- [Chart 5](https://reui.io/components/chart/c-chart-5)
- [Chart 6](https://reui.io/components/chart/c-chart-6)
- [Chart 7](https://reui.io/components/chart/c-chart-7)
- [Chart 8](https://reui.io/components/chart/c-chart-8)
- [Chart 9](https://reui.io/components/chart/c-chart-9)
- [Chart 10](https://reui.io/components/chart/c-chart-10)
- [Chart 11](https://reui.io/components/chart/c-chart-11)
- [Chart 12](https://reui.io/components/chart/c-chart-12)
- [Chart 13](https://reui.io/components/chart/c-chart-13)
- [Chart 14](https://reui.io/components/chart/c-chart-14)
- [Chart 15](https://reui.io/components/chart/c-chart-15)
- [Chart 16](https://reui.io/components/chart/c-chart-16)
- [Chart 17](https://reui.io/components/chart/c-chart-17)
- [Chart 18](https://reui.io/components/chart/c-chart-18)
- [Chart 19](https://reui.io/components/chart/c-chart-19)
- [Chart 20](https://reui.io/components/chart/c-chart-20)
- [Chart 21](https://reui.io/components/chart/c-chart-21)
- [Chart 22](https://reui.io/components/chart/c-chart-22)
- [Chart 23](https://reui.io/components/chart/c-chart-23)
- [Chart 24](https://reui.io/components/chart/c-chart-24)
- [Chart 25](https://reui.io/components/chart/c-chart-25)

### Checkbox (22)

- [Checkbox 1](https://reui.io/components/checkbox/c-checkbox-1)
- [Checkbox 2](https://reui.io/components/checkbox/c-checkbox-2)
- [Checkbox 3](https://reui.io/components/checkbox/c-checkbox-3)
- [Checkbox 4](https://reui.io/components/checkbox/c-checkbox-4)
- [Checkbox 5](https://reui.io/components/checkbox/c-checkbox-5)
- [Checkbox 6](https://reui.io/components/checkbox/c-checkbox-6)
- [Checkbox 7](https://reui.io/components/checkbox/c-checkbox-7)
- [Checkbox 8](https://reui.io/components/checkbox/c-checkbox-8)
- [Checkbox 9](https://reui.io/components/checkbox/c-checkbox-9)
- [Checkbox 10](https://reui.io/components/checkbox/c-checkbox-10)
- [Checkbox 11](https://reui.io/components/checkbox/c-checkbox-11)
- [Checkbox 12](https://reui.io/components/checkbox/c-checkbox-12)
- [Checkbox 13](https://reui.io/components/checkbox/c-checkbox-13)
- [Checkbox 14](https://reui.io/components/checkbox/c-checkbox-14)
- [Checkbox 15](https://reui.io/components/checkbox/c-checkbox-15)
- [Checkbox 16](https://reui.io/components/checkbox/c-checkbox-16)
- [Checkbox 17](https://reui.io/components/checkbox/c-checkbox-17)
- [Checkbox 18](https://reui.io/components/checkbox/c-checkbox-18)
- [Checkbox 19](https://reui.io/components/checkbox/c-checkbox-19)
- [Checkbox 20](https://reui.io/components/checkbox/c-checkbox-20)
- [Checkbox 21](https://reui.io/components/checkbox/c-checkbox-21)
- [Checkbox 22](https://reui.io/components/checkbox/c-checkbox-22)

### Code Block (27)

- [Code Block 1](https://reui.io/components/code-block/c-code-block-1)
- [Code Block 2](https://reui.io/components/code-block/c-code-block-2)
- [Code Block 3](https://reui.io/components/code-block/c-code-block-3)
- [Code Block 4](https://reui.io/components/code-block/c-code-block-4)
- [Code Block 5](https://reui.io/components/code-block/c-code-block-5)
- [Code Block 6](https://reui.io/components/code-block/c-code-block-6)
- [Code Block 7](https://reui.io/components/code-block/c-code-block-7)
- [Code Block 8](https://reui.io/components/code-block/c-code-block-8)
- [Code Block 9](https://reui.io/components/code-block/c-code-block-9)
- [Code Block 10](https://reui.io/components/code-block/c-code-block-10)
- [Code Block 11](https://reui.io/components/code-block/c-code-block-11)
- [Code Block 12](https://reui.io/components/code-block/c-code-block-12)
- [Code Block 13](https://reui.io/components/code-block/c-code-block-13)
- [Code Block 14](https://reui.io/components/code-block/c-code-block-14)
- [Code Block 15](https://reui.io/components/code-block/c-code-block-15)
- [Code Block 16](https://reui.io/components/code-block/c-code-block-16)
- [Code Block 17](https://reui.io/components/code-block/c-code-block-17)
- [Code Block 18](https://reui.io/components/code-block/c-code-block-18)
- [Code Block 19](https://reui.io/components/code-block/c-code-block-19)
- [Code Block 20](https://reui.io/components/code-block/c-code-block-20)
- [Code Block 21](https://reui.io/components/code-block/c-code-block-21)
- [Code Block 22](https://reui.io/components/code-block/c-code-block-22)
- [Code Block 23](https://reui.io/components/code-block/c-code-block-23)
- [Code Block 24](https://reui.io/components/code-block/c-code-block-24)
- [Code Block 25](https://reui.io/components/code-block/c-code-block-25)
- [Code Block 26](https://reui.io/components/code-block/c-code-block-26)
- [Code Block 27](https://reui.io/components/code-block/c-code-block-27)

### Collapsible (10)

- [Collapsible 1](https://reui.io/components/collapsible/c-collapsible-1)
- [Collapsible 2](https://reui.io/components/collapsible/c-collapsible-2)
- [Collapsible 3](https://reui.io/components/collapsible/c-collapsible-3)
- [Collapsible 4](https://reui.io/components/collapsible/c-collapsible-4)
- [Collapsible 5](https://reui.io/components/collapsible/c-collapsible-5)
- [Collapsible 6](https://reui.io/components/collapsible/c-collapsible-6)
- [Collapsible 7](https://reui.io/components/collapsible/c-collapsible-7)
- [Collapsible 8](https://reui.io/components/collapsible/c-collapsible-8)
- [Collapsible 9](https://reui.io/components/collapsible/c-collapsible-9)
- [Collapsible 10](https://reui.io/components/collapsible/c-collapsible-10)

### Combobox (28)

- [Combobox 1](https://reui.io/components/combobox/c-combobox-1)
- [Combobox 2](https://reui.io/components/combobox/c-combobox-2)
- [Combobox 3](https://reui.io/components/combobox/c-combobox-3)
- [Combobox 4](https://reui.io/components/combobox/c-combobox-4)
- [Combobox 5](https://reui.io/components/combobox/c-combobox-5)
- [Combobox 6](https://reui.io/components/combobox/c-combobox-6)
- [Combobox 7](https://reui.io/components/combobox/c-combobox-7)
- [Combobox 8](https://reui.io/components/combobox/c-combobox-8)
- [Combobox 9](https://reui.io/components/combobox/c-combobox-9)
- [Combobox 10](https://reui.io/components/combobox/c-combobox-10)
- [Combobox 11](https://reui.io/components/combobox/c-combobox-11)
- [Combobox 12](https://reui.io/components/combobox/c-combobox-12)
- [Combobox 13](https://reui.io/components/combobox/c-combobox-13)
- [Combobox 14](https://reui.io/components/combobox/c-combobox-14)
- [Combobox 15](https://reui.io/components/combobox/c-combobox-15)
- [Combobox 16](https://reui.io/components/combobox/c-combobox-16)
- [Combobox 17](https://reui.io/components/combobox/c-combobox-17)
- [Combobox 18](https://reui.io/components/combobox/c-combobox-18)
- [Combobox 19](https://reui.io/components/combobox/c-combobox-19)
- [Combobox 20](https://reui.io/components/combobox/c-combobox-20)
- [Combobox 21](https://reui.io/components/combobox/c-combobox-21)
- [Combobox 22](https://reui.io/components/combobox/c-combobox-22)
- [Combobox 23](https://reui.io/components/combobox/c-combobox-23)
- [Combobox 24](https://reui.io/components/combobox/c-combobox-24)
- [Combobox 25](https://reui.io/components/combobox/c-combobox-25)
- [Combobox 26](https://reui.io/components/combobox/c-combobox-26)
- [Combobox 27](https://reui.io/components/combobox/c-combobox-27)
- [Combobox 28](https://reui.io/components/combobox/c-combobox-28)

### Command (8)

- [Command 1](https://reui.io/components/command/c-command-1)
- [Command 2](https://reui.io/components/command/c-command-2)
- [Command 3](https://reui.io/components/command/c-command-3)
- [Command 4](https://reui.io/components/command/c-command-4)
- [Command 5](https://reui.io/components/command/c-command-5)
- [Command 6](https://reui.io/components/command/c-command-6)
- [Command 7](https://reui.io/components/command/c-command-7)
- [Command 8](https://reui.io/components/command/c-command-8)

### Context Menu (10)

- [Context Menu 1](https://reui.io/components/context-menu/c-context-menu-1)
- [Context Menu 2](https://reui.io/components/context-menu/c-context-menu-2)
- [Context Menu 3](https://reui.io/components/context-menu/c-context-menu-3)
- [Context Menu 4](https://reui.io/components/context-menu/c-context-menu-4)
- [Context Menu 5](https://reui.io/components/context-menu/c-context-menu-5)
- [Context Menu 6](https://reui.io/components/context-menu/c-context-menu-6)
- [Context Menu 7](https://reui.io/components/context-menu/c-context-menu-7)
- [Context Menu 8](https://reui.io/components/context-menu/c-context-menu-8)
- [Context Menu 9](https://reui.io/components/context-menu/c-context-menu-9)
- [Context Menu 10](https://reui.io/components/context-menu/c-context-menu-10)

### Data Grid (34)

- [Data Grid 1](https://reui.io/components/data-grid/c-data-grid-1)
- [Data Grid 2](https://reui.io/components/data-grid/c-data-grid-2)
- [Data Grid 3](https://reui.io/components/data-grid/c-data-grid-3)
- [Data Grid 4](https://reui.io/components/data-grid/c-data-grid-4)
- [Data Grid 5](https://reui.io/components/data-grid/c-data-grid-5)
- [Data Grid 6](https://reui.io/components/data-grid/c-data-grid-6)
- [Data Grid 7](https://reui.io/components/data-grid/c-data-grid-7)
- [Data Grid 8](https://reui.io/components/data-grid/c-data-grid-8)
- [Data Grid 9](https://reui.io/components/data-grid/c-data-grid-9)
- [Data Grid 10](https://reui.io/components/data-grid/c-data-grid-10)
- [Data Grid 11](https://reui.io/components/data-grid/c-data-grid-11)
- [Data Grid 12](https://reui.io/components/data-grid/c-data-grid-12)
- [Data Grid 13](https://reui.io/components/data-grid/c-data-grid-13)
- [Data Grid 14](https://reui.io/components/data-grid/c-data-grid-14)
- [Data Grid 15](https://reui.io/components/data-grid/c-data-grid-15)
- [Data Grid 16](https://reui.io/components/data-grid/c-data-grid-16)
- [Data Grid 17](https://reui.io/components/data-grid/c-data-grid-17)
- [Data Grid 18](https://reui.io/components/data-grid/c-data-grid-18)
- [Data Grid 19](https://reui.io/components/data-grid/c-data-grid-19)
- [Data Grid 20](https://reui.io/components/data-grid/c-data-grid-20)
- [Data Grid 21](https://reui.io/components/data-grid/c-data-grid-21)
- [Data Grid 22](https://reui.io/components/data-grid/c-data-grid-22)
- [Data Grid 23](https://reui.io/components/data-grid/c-data-grid-23)
- [Data Grid 24](https://reui.io/components/data-grid/c-data-grid-24)
- [Data Grid 25](https://reui.io/components/data-grid/c-data-grid-25)
- [Data Grid 26](https://reui.io/components/data-grid/c-data-grid-26)
- [Data Grid 27](https://reui.io/components/data-grid/c-data-grid-27)
- [Data Grid 28](https://reui.io/components/data-grid/c-data-grid-28)
- [Data Grid 29](https://reui.io/components/data-grid/c-data-grid-29)
- [Data Grid 30](https://reui.io/components/data-grid/c-data-grid-30)
- [Data Grid 31](https://reui.io/components/data-grid/c-data-grid-31)
- [Data Grid 32](https://reui.io/components/data-grid/c-data-grid-32)
- [Data Grid 33](https://reui.io/components/data-grid/c-data-grid-33)
- [Data Grid 34](https://reui.io/components/data-grid/c-data-grid-34)

### Date Selector (4)

- [Date Selector 1](https://reui.io/components/date-selector/c-date-selector-1)
- [Date Selector 2](https://reui.io/components/date-selector/c-date-selector-2)
- [Date Selector 3](https://reui.io/components/date-selector/c-date-selector-3)
- [Date Selector 4](https://reui.io/components/date-selector/c-date-selector-4)

### Dialog (10)

- [Dialog 1](https://reui.io/components/dialog/c-dialog-1)
- [Dialog 2](https://reui.io/components/dialog/c-dialog-2)
- [Dialog 3](https://reui.io/components/dialog/c-dialog-3)
- [Dialog 4](https://reui.io/components/dialog/c-dialog-4)
- [Dialog 5](https://reui.io/components/dialog/c-dialog-5)
- [Dialog 6](https://reui.io/components/dialog/c-dialog-6)
- [Dialog 7](https://reui.io/components/dialog/c-dialog-7)
- [Dialog 8](https://reui.io/components/dialog/c-dialog-8)
- [Dialog 9](https://reui.io/components/dialog/c-dialog-9)
- [Dialog 10](https://reui.io/components/dialog/c-dialog-10)

### Drawer (5)

- [Drawer 1](https://reui.io/components/drawer/c-drawer-1)
- [Drawer 2](https://reui.io/components/drawer/c-drawer-2)
- [Drawer 3](https://reui.io/components/drawer/c-drawer-3)
- [Drawer 4](https://reui.io/components/drawer/c-drawer-4)
- [Drawer 5](https://reui.io/components/drawer/c-drawer-5)

### Dropdown Menu (18)

- [Dropdown Menu 1](https://reui.io/components/dropdown-menu/c-dropdown-menu-1)
- [Dropdown Menu 2](https://reui.io/components/dropdown-menu/c-dropdown-menu-2)
- [Dropdown Menu 3](https://reui.io/components/dropdown-menu/c-dropdown-menu-3)
- [Dropdown Menu 4](https://reui.io/components/dropdown-menu/c-dropdown-menu-4)
- [Dropdown Menu 5](https://reui.io/components/dropdown-menu/c-dropdown-menu-5)
- [Dropdown Menu 6](https://reui.io/components/dropdown-menu/c-dropdown-menu-6)
- [Dropdown Menu 7](https://reui.io/components/dropdown-menu/c-dropdown-menu-7)
- [Dropdown Menu 8](https://reui.io/components/dropdown-menu/c-dropdown-menu-8)
- [Dropdown Menu 9](https://reui.io/components/dropdown-menu/c-dropdown-menu-9)
- [Dropdown Menu 10](https://reui.io/components/dropdown-menu/c-dropdown-menu-10)
- [Dropdown Menu 11](https://reui.io/components/dropdown-menu/c-dropdown-menu-11)
- [Dropdown Menu 12](https://reui.io/components/dropdown-menu/c-dropdown-menu-12)
- [Dropdown Menu 13](https://reui.io/components/dropdown-menu/c-dropdown-menu-13)
- [Dropdown Menu 14](https://reui.io/components/dropdown-menu/c-dropdown-menu-14)
- [Dropdown Menu 15](https://reui.io/components/dropdown-menu/c-dropdown-menu-15)
- [Dropdown Menu 16](https://reui.io/components/dropdown-menu/c-dropdown-menu-16)
- [Dropdown Menu 17](https://reui.io/components/dropdown-menu/c-dropdown-menu-17)
- [Dropdown Menu 18](https://reui.io/components/dropdown-menu/c-dropdown-menu-18)

### Empty (20)

- [Empty 1](https://reui.io/components/empty/c-empty-1)
- [Empty 2](https://reui.io/components/empty/c-empty-2)
- [Empty 3](https://reui.io/components/empty/c-empty-3)
- [Empty 4](https://reui.io/components/empty/c-empty-4)
- [Empty 5](https://reui.io/components/empty/c-empty-5)
- [Empty 6](https://reui.io/components/empty/c-empty-6)
- [Empty 7](https://reui.io/components/empty/c-empty-7)
- [Empty 8](https://reui.io/components/empty/c-empty-8)
- [Empty 9](https://reui.io/components/empty/c-empty-9)
- [Empty 10](https://reui.io/components/empty/c-empty-10)
- [Empty 11](https://reui.io/components/empty/c-empty-11)
- [Empty 12](https://reui.io/components/empty/c-empty-12)
- [Empty 13](https://reui.io/components/empty/c-empty-13)
- [Empty 14](https://reui.io/components/empty/c-empty-14)
- [Empty 15](https://reui.io/components/empty/c-empty-15)
- [Empty 16](https://reui.io/components/empty/c-empty-16)
- [Empty 17](https://reui.io/components/empty/c-empty-17)
- [Empty 18](https://reui.io/components/empty/c-empty-18)
- [Empty 19](https://reui.io/components/empty/c-empty-19)
- [Empty 20](https://reui.io/components/empty/c-empty-20)

### Event Calendar (5)

- [Event Calendar 1](https://reui.io/components/event-calendar/c-event-calendar-1)
- [Event Calendar 2](https://reui.io/components/event-calendar/c-event-calendar-2)
- [Event Calendar 3](https://reui.io/components/event-calendar/c-event-calendar-3)
- [Event Calendar 4](https://reui.io/components/event-calendar/c-event-calendar-4)
- [Event Calendar 5](https://reui.io/components/event-calendar/c-event-calendar-5)

### Field (11)

- [Field 1](https://reui.io/components/field/c-field-1)
- [Field 2](https://reui.io/components/field/c-field-2)
- [Field 3](https://reui.io/components/field/c-field-3)
- [Field 4](https://reui.io/components/field/c-field-4)
- [Field 5](https://reui.io/components/field/c-field-5)
- [Field 6](https://reui.io/components/field/c-field-6)
- [Field 7](https://reui.io/components/field/c-field-7)
- [Field 8](https://reui.io/components/field/c-field-8)
- [Field 9](https://reui.io/components/field/c-field-9)
- [Field 10](https://reui.io/components/field/c-field-10)
- [Field 11](https://reui.io/components/field/c-field-11)

### File Upload (10)

- [File Upload 1](https://reui.io/components/file-upload/c-file-upload-1)
- [File Upload 2](https://reui.io/components/file-upload/c-file-upload-2)
- [File Upload 3](https://reui.io/components/file-upload/c-file-upload-3)
- [File Upload 4](https://reui.io/components/file-upload/c-file-upload-4)
- [File Upload 5](https://reui.io/components/file-upload/c-file-upload-5)
- [File Upload 6](https://reui.io/components/file-upload/c-file-upload-6)
- [File Upload 7](https://reui.io/components/file-upload/c-file-upload-7)
- [File Upload 8](https://reui.io/components/file-upload/c-file-upload-8)
- [File Upload 9](https://reui.io/components/file-upload/c-file-upload-9)
- [File Upload 10](https://reui.io/components/file-upload/c-file-upload-10)

### Filters (12)

- [Filters 1](https://reui.io/components/filters/c-filters-1)
- [Filters 2](https://reui.io/components/filters/c-filters-2)
- [Filters 3](https://reui.io/components/filters/c-filters-3)
- [Filters 4](https://reui.io/components/filters/c-filters-4)
- [Filters 5](https://reui.io/components/filters/c-filters-5)
- [Filters 6](https://reui.io/components/filters/c-filters-6)
- [Filters 7](https://reui.io/components/filters/c-filters-7)
- [Filters 8](https://reui.io/components/filters/c-filters-8)
- [Filters 9](https://reui.io/components/filters/c-filters-9)
- [Filters 10](https://reui.io/components/filters/c-filters-10)
- [Filters 11](https://reui.io/components/filters/c-filters-11)
- [Filters 12](https://reui.io/components/filters/c-filters-12)

### Frame (19)

- [Frame 1](https://reui.io/components/frame/c-frame-1)
- [Frame 2](https://reui.io/components/frame/c-frame-2)
- [Frame 3](https://reui.io/components/frame/c-frame-3)
- [Frame 4](https://reui.io/components/frame/c-frame-4)
- [Frame 5](https://reui.io/components/frame/c-frame-5)
- [Frame 6](https://reui.io/components/frame/c-frame-6)
- [Frame 7](https://reui.io/components/frame/c-frame-7)
- [Frame 8](https://reui.io/components/frame/c-frame-8)
- [Frame 9](https://reui.io/components/frame/c-frame-9)
- [Frame 10](https://reui.io/components/frame/c-frame-10)
- [Frame 11](https://reui.io/components/frame/c-frame-11)
- [Frame 12](https://reui.io/components/frame/c-frame-12)
- [Frame 13](https://reui.io/components/frame/c-frame-13)
- [Frame 14](https://reui.io/components/frame/c-frame-14)
- [Frame 15](https://reui.io/components/frame/c-frame-15)
- [Frame 16](https://reui.io/components/frame/c-frame-16)
- [Frame 17](https://reui.io/components/frame/c-frame-17)
- [Frame 18](https://reui.io/components/frame/c-frame-18)
- [Frame 19](https://reui.io/components/frame/c-frame-19)

### Gantt (7)

- [Gantt 1](https://reui.io/components/gantt/c-gantt-1)
- [Gantt 2](https://reui.io/components/gantt/c-gantt-2)
- [Gantt 3](https://reui.io/components/gantt/c-gantt-3)
- [Gantt 4](https://reui.io/components/gantt/c-gantt-4)
- [Gantt 5](https://reui.io/components/gantt/c-gantt-5)
- [Gantt 6](https://reui.io/components/gantt/c-gantt-6)
- [Gantt 7](https://reui.io/components/gantt/c-gantt-7)

### Hover Card (8)

- [Hover Card 1](https://reui.io/components/hover-card/c-hover-card-1)
- [Hover Card 2](https://reui.io/components/hover-card/c-hover-card-2)
- [Hover Card 3](https://reui.io/components/hover-card/c-hover-card-3)
- [Hover Card 4](https://reui.io/components/hover-card/c-hover-card-4)
- [Hover Card 5](https://reui.io/components/hover-card/c-hover-card-5)
- [Hover Card 6](https://reui.io/components/hover-card/c-hover-card-6)
- [Hover Card 7](https://reui.io/components/hover-card/c-hover-card-7)
- [Hover Card 8](https://reui.io/components/hover-card/c-hover-card-8)

### Icon Stack (6)

- [Icon Stack 1](https://reui.io/components/icon-stack/c-icon-stack-1)
- [Icon Stack 2](https://reui.io/components/icon-stack/c-icon-stack-2)
- [Icon Stack 3](https://reui.io/components/icon-stack/c-icon-stack-3)
- [Icon Stack 4](https://reui.io/components/icon-stack/c-icon-stack-4)
- [Icon Stack 5](https://reui.io/components/icon-stack/c-icon-stack-5)
- [Icon Stack 6](https://reui.io/components/icon-stack/c-icon-stack-6)

### Icon Tile (17)

- [Icon Tile 1](https://reui.io/components/icon-tile/c-icon-tile-1)
- [Icon Tile 2](https://reui.io/components/icon-tile/c-icon-tile-2)
- [Icon Tile 3](https://reui.io/components/icon-tile/c-icon-tile-3)
- [Icon Tile 4](https://reui.io/components/icon-tile/c-icon-tile-4)
- [Icon Tile 5](https://reui.io/components/icon-tile/c-icon-tile-5)
- [Icon Tile 6](https://reui.io/components/icon-tile/c-icon-tile-6)
- [Icon Tile 7](https://reui.io/components/icon-tile/c-icon-tile-7)
- [Icon Tile 8](https://reui.io/components/icon-tile/c-icon-tile-8)
- [Icon Tile 9](https://reui.io/components/icon-tile/c-icon-tile-9)
- [Icon Tile 10](https://reui.io/components/icon-tile/c-icon-tile-10)
- [Icon Tile 11](https://reui.io/components/icon-tile/c-icon-tile-11)
- [Icon Tile 12](https://reui.io/components/icon-tile/c-icon-tile-12)
- [Icon Tile 13](https://reui.io/components/icon-tile/c-icon-tile-13)
- [Icon Tile 14](https://reui.io/components/icon-tile/c-icon-tile-14)
- [Icon Tile 15](https://reui.io/components/icon-tile/c-icon-tile-15)
- [Icon Tile 16](https://reui.io/components/icon-tile/c-icon-tile-16)
- [Icon Tile 17](https://reui.io/components/icon-tile/c-icon-tile-17)

### Input (31)

- [Input 1](https://reui.io/components/input/c-input-1)
- [Input 2](https://reui.io/components/input/c-input-2)
- [Input 3](https://reui.io/components/input/c-input-3)
- [Input 4](https://reui.io/components/input/c-input-4)
- [Input 5](https://reui.io/components/input/c-input-5)
- [Input 6](https://reui.io/components/input/c-input-6)
- [Input 7](https://reui.io/components/input/c-input-7)
- [Input 8](https://reui.io/components/input/c-input-8)
- [Input 9](https://reui.io/components/input/c-input-9)
- [Input 10](https://reui.io/components/input/c-input-10)
- [Input 11](https://reui.io/components/input/c-input-11)
- [Input 12](https://reui.io/components/input/c-input-12)
- [Input 13](https://reui.io/components/input/c-input-13)
- [Input 14](https://reui.io/components/input/c-input-14)
- [Input 15](https://reui.io/components/input/c-input-15)
- [Input 16](https://reui.io/components/input/c-input-16)
- [Input 17](https://reui.io/components/input/c-input-17)
- [Input 18](https://reui.io/components/input/c-input-18)
- [Input 19](https://reui.io/components/input/c-input-19)
- [Input 20](https://reui.io/components/input/c-input-20)
- [Input 21](https://reui.io/components/input/c-input-21)
- [Input 22](https://reui.io/components/input/c-input-22)
- [Input 23](https://reui.io/components/input/c-input-23)
- [Input 24](https://reui.io/components/input/c-input-24)
- [Input 25](https://reui.io/components/input/c-input-25)
- [Input 26](https://reui.io/components/input/c-input-26)
- [Input 27](https://reui.io/components/input/c-input-27)
- [Input 28](https://reui.io/components/input/c-input-28)
- [Input 29](https://reui.io/components/input/c-input-29)
- [Input 30](https://reui.io/components/input/c-input-30)
- [Input 31](https://reui.io/components/input/c-input-31)

### Input Group (40)

- [Input Group 1](https://reui.io/components/input-group/c-input-group-1)
- [Input Group 2](https://reui.io/components/input-group/c-input-group-2)
- [Input Group 3](https://reui.io/components/input-group/c-input-group-3)
- [Input Group 4](https://reui.io/components/input-group/c-input-group-4)
- [Input Group 5](https://reui.io/components/input-group/c-input-group-5)
- [Input Group 6](https://reui.io/components/input-group/c-input-group-6)
- [Input Group 7](https://reui.io/components/input-group/c-input-group-7)
- [Input Group 8](https://reui.io/components/input-group/c-input-group-8)
- [Input Group 9](https://reui.io/components/input-group/c-input-group-9)
- [Input Group 10](https://reui.io/components/input-group/c-input-group-10)
- [Input Group 11](https://reui.io/components/input-group/c-input-group-11)
- [Input Group 12](https://reui.io/components/input-group/c-input-group-12)
- [Input Group 13](https://reui.io/components/input-group/c-input-group-13)
- [Input Group 14](https://reui.io/components/input-group/c-input-group-14)
- [Input Group 15](https://reui.io/components/input-group/c-input-group-15)
- [Input Group 16](https://reui.io/components/input-group/c-input-group-16)
- [Input Group 17](https://reui.io/components/input-group/c-input-group-17)
- [Input Group 18](https://reui.io/components/input-group/c-input-group-18)
- [Input Group 19](https://reui.io/components/input-group/c-input-group-19)
- [Input Group 20](https://reui.io/components/input-group/c-input-group-20)
- [Input Group 21](https://reui.io/components/input-group/c-input-group-21)
- [Input Group 22](https://reui.io/components/input-group/c-input-group-22)
- [Input Group 23](https://reui.io/components/input-group/c-input-group-23)
- [Input Group 24](https://reui.io/components/input-group/c-input-group-24)
- [Input Group 25](https://reui.io/components/input-group/c-input-group-25)
- [Input Group 26](https://reui.io/components/input-group/c-input-group-26)
- [Input Group 27](https://reui.io/components/input-group/c-input-group-27)
- [Input Group 28](https://reui.io/components/input-group/c-input-group-28)
- [Input Group 29](https://reui.io/components/input-group/c-input-group-29)
- [Input Group 30](https://reui.io/components/input-group/c-input-group-30)
- [Input Group 31](https://reui.io/components/input-group/c-input-group-31)
- [Input Group 32](https://reui.io/components/input-group/c-input-group-32)
- [Input Group 33](https://reui.io/components/input-group/c-input-group-33)
- [Input Group 34](https://reui.io/components/input-group/c-input-group-34)
- [Input Group 35](https://reui.io/components/input-group/c-input-group-35)
- [Input Group 36](https://reui.io/components/input-group/c-input-group-36)
- [Input Group 37](https://reui.io/components/input-group/c-input-group-37)
- [Input Group 38](https://reui.io/components/input-group/c-input-group-38)
- [Input Group 39](https://reui.io/components/input-group/c-input-group-39)
- [Input Group 40](https://reui.io/components/input-group/c-input-group-40)

### Input Otp (6)

- [Input Otp 1](https://reui.io/components/input-otp/c-input-otp-1)
- [Input Otp 2](https://reui.io/components/input-otp/c-input-otp-2)
- [Input Otp 3](https://reui.io/components/input-otp/c-input-otp-3)
- [Input Otp 4](https://reui.io/components/input-otp/c-input-otp-4)
- [Input Otp 5](https://reui.io/components/input-otp/c-input-otp-5)
- [Input Otp 6](https://reui.io/components/input-otp/c-input-otp-6)

### Item (12)

- [Item 1](https://reui.io/components/item/c-item-1)
- [Item 2](https://reui.io/components/item/c-item-2)
- [Item 3](https://reui.io/components/item/c-item-3)
- [Item 4](https://reui.io/components/item/c-item-4)
- [Item 5](https://reui.io/components/item/c-item-5)
- [Item 6](https://reui.io/components/item/c-item-6)
- [Item 7](https://reui.io/components/item/c-item-7)
- [Item 8](https://reui.io/components/item/c-item-8)
- [Item 9](https://reui.io/components/item/c-item-9)
- [Item 10](https://reui.io/components/item/c-item-10)
- [Item 11](https://reui.io/components/item/c-item-11)
- [Item 12](https://reui.io/components/item/c-item-12)

### Kanban (6)

- [Kanban 1](https://reui.io/components/kanban/c-kanban-1)
- [Kanban 2](https://reui.io/components/kanban/c-kanban-2)
- [Kanban 3](https://reui.io/components/kanban/c-kanban-3)
- [Kanban 4](https://reui.io/components/kanban/c-kanban-4)
- [Kanban 5](https://reui.io/components/kanban/c-kanban-5)
- [Kanban 6](https://reui.io/components/kanban/c-kanban-6)

### Kbd (6)

- [Kbd 1](https://reui.io/components/kbd/c-kbd-1)
- [Kbd 2](https://reui.io/components/kbd/c-kbd-2)
- [Kbd 3](https://reui.io/components/kbd/c-kbd-3)
- [Kbd 4](https://reui.io/components/kbd/c-kbd-4)
- [Kbd 5](https://reui.io/components/kbd/c-kbd-5)
- [Kbd 6](https://reui.io/components/kbd/c-kbd-6)

### Label (13)

- [Label 1](https://reui.io/components/label/c-label-1)
- [Label 2](https://reui.io/components/label/c-label-2)
- [Label 3](https://reui.io/components/label/c-label-3)
- [Label 4](https://reui.io/components/label/c-label-4)
- [Label 5](https://reui.io/components/label/c-label-5)
- [Label 6](https://reui.io/components/label/c-label-6)
- [Label 7](https://reui.io/components/label/c-label-7)
- [Label 8](https://reui.io/components/label/c-label-8)
- [Label 9](https://reui.io/components/label/c-label-9)
- [Label 10](https://reui.io/components/label/c-label-10)
- [Label 11](https://reui.io/components/label/c-label-11)
- [Label 12](https://reui.io/components/label/c-label-12)
- [Label 13](https://reui.io/components/label/c-label-13)

### Menubar (5)

- [Menubar 1](https://reui.io/components/menubar/c-menubar-1)
- [Menubar 2](https://reui.io/components/menubar/c-menubar-2)
- [Menubar 3](https://reui.io/components/menubar/c-menubar-3)
- [Menubar 4](https://reui.io/components/menubar/c-menubar-4)
- [Menubar 5](https://reui.io/components/menubar/c-menubar-5)

### Native Select (6)

- [Native Select 1](https://reui.io/components/native-select/c-native-select-1)
- [Native Select 2](https://reui.io/components/native-select/c-native-select-2)
- [Native Select 3](https://reui.io/components/native-select/c-native-select-3)
- [Native Select 4](https://reui.io/components/native-select/c-native-select-4)
- [Native Select 5](https://reui.io/components/native-select/c-native-select-5)
- [Native Select 6](https://reui.io/components/native-select/c-native-select-6)

### Navigation Menu (4)

- [Navigation Menu 1](https://reui.io/components/navigation-menu/c-navigation-menu-1)
- [Navigation Menu 2](https://reui.io/components/navigation-menu/c-navigation-menu-2)
- [Navigation Menu 3](https://reui.io/components/navigation-menu/c-navigation-menu-3)
- [Navigation Menu 4](https://reui.io/components/navigation-menu/c-navigation-menu-4)

### Number Field (6)

- [Number Field 1](https://reui.io/components/number-field/c-number-field-1)
- [Number Field 2](https://reui.io/components/number-field/c-number-field-2)
- [Number Field 3](https://reui.io/components/number-field/c-number-field-3)
- [Number Field 4](https://reui.io/components/number-field/c-number-field-4)
- [Number Field 5](https://reui.io/components/number-field/c-number-field-5)
- [Number Field 6](https://reui.io/components/number-field/c-number-field-6)

### Pagination (15)

- [Pagination 1](https://reui.io/components/pagination/c-pagination-1)
- [Pagination 2](https://reui.io/components/pagination/c-pagination-2)
- [Pagination 3](https://reui.io/components/pagination/c-pagination-3)
- [Pagination 4](https://reui.io/components/pagination/c-pagination-4)
- [Pagination 5](https://reui.io/components/pagination/c-pagination-5)
- [Pagination 6](https://reui.io/components/pagination/c-pagination-6)
- [Pagination 7](https://reui.io/components/pagination/c-pagination-7)
- [Pagination 8](https://reui.io/components/pagination/c-pagination-8)
- [Pagination 9](https://reui.io/components/pagination/c-pagination-9)
- [Pagination 10](https://reui.io/components/pagination/c-pagination-10)
- [Pagination 11](https://reui.io/components/pagination/c-pagination-11)
- [Pagination 12](https://reui.io/components/pagination/c-pagination-12)
- [Pagination 13](https://reui.io/components/pagination/c-pagination-13)
- [Pagination 14](https://reui.io/components/pagination/c-pagination-14)
- [Pagination 15](https://reui.io/components/pagination/c-pagination-15)

### Phone Input (8)

- [Phone Input 1](https://reui.io/components/phone-input/c-phone-input-1)
- [Phone Input 2](https://reui.io/components/phone-input/c-phone-input-2)
- [Phone Input 3](https://reui.io/components/phone-input/c-phone-input-3)
- [Phone Input 4](https://reui.io/components/phone-input/c-phone-input-4)
- [Phone Input 5](https://reui.io/components/phone-input/c-phone-input-5)
- [Phone Input 6](https://reui.io/components/phone-input/c-phone-input-6)
- [Phone Input 7](https://reui.io/components/phone-input/c-phone-input-7)
- [Phone Input 8](https://reui.io/components/phone-input/c-phone-input-8)

### Popover (11)

- [Popover 1](https://reui.io/components/popover/c-popover-1)
- [Popover 2](https://reui.io/components/popover/c-popover-2)
- [Popover 3](https://reui.io/components/popover/c-popover-3)
- [Popover 4](https://reui.io/components/popover/c-popover-4)
- [Popover 5](https://reui.io/components/popover/c-popover-5)
- [Popover 6](https://reui.io/components/popover/c-popover-6)
- [Popover 7](https://reui.io/components/popover/c-popover-7)
- [Popover 8](https://reui.io/components/popover/c-popover-8)
- [Popover 9](https://reui.io/components/popover/c-popover-9)
- [Popover 10](https://reui.io/components/popover/c-popover-10)
- [Popover 11](https://reui.io/components/popover/c-popover-11)

### Progress (8)

- [Progress 1](https://reui.io/components/progress/c-progress-1)
- [Progress 2](https://reui.io/components/progress/c-progress-2)
- [Progress 3](https://reui.io/components/progress/c-progress-3)
- [Progress 4](https://reui.io/components/progress/c-progress-4)
- [Progress 5](https://reui.io/components/progress/c-progress-5)
- [Progress 6](https://reui.io/components/progress/c-progress-6)
- [Progress 7](https://reui.io/components/progress/c-progress-7)
- [Progress 8](https://reui.io/components/progress/c-progress-8)

### Radio Group (17)

- [Radio Group 1](https://reui.io/components/radio-group/c-radio-group-1)
- [Radio Group 2](https://reui.io/components/radio-group/c-radio-group-2)
- [Radio Group 3](https://reui.io/components/radio-group/c-radio-group-3)
- [Radio Group 4](https://reui.io/components/radio-group/c-radio-group-4)
- [Radio Group 5](https://reui.io/components/radio-group/c-radio-group-5)
- [Radio Group 6](https://reui.io/components/radio-group/c-radio-group-6)
- [Radio Group 7](https://reui.io/components/radio-group/c-radio-group-7)
- [Radio Group 8](https://reui.io/components/radio-group/c-radio-group-8)
- [Radio Group 9](https://reui.io/components/radio-group/c-radio-group-9)
- [Radio Group 10](https://reui.io/components/radio-group/c-radio-group-10)
- [Radio Group 11](https://reui.io/components/radio-group/c-radio-group-11)
- [Radio Group 12](https://reui.io/components/radio-group/c-radio-group-12)
- [Radio Group 13](https://reui.io/components/radio-group/c-radio-group-13)
- [Radio Group 14](https://reui.io/components/radio-group/c-radio-group-14)
- [Radio Group 15](https://reui.io/components/radio-group/c-radio-group-15)
- [Radio Group 16](https://reui.io/components/radio-group/c-radio-group-16)
- [Radio Group 17](https://reui.io/components/radio-group/c-radio-group-17)

### Rating (9)

- [Rating 1](https://reui.io/components/rating/c-rating-1)
- [Rating 2](https://reui.io/components/rating/c-rating-2)
- [Rating 3](https://reui.io/components/rating/c-rating-3)
- [Rating 4](https://reui.io/components/rating/c-rating-4)
- [Rating 5](https://reui.io/components/rating/c-rating-5)
- [Rating 6](https://reui.io/components/rating/c-rating-6)
- [Rating 7](https://reui.io/components/rating/c-rating-7)
- [Rating 8](https://reui.io/components/rating/c-rating-8)
- [Rating 9](https://reui.io/components/rating/c-rating-9)

### Resizable (10)

- [Resizable 1](https://reui.io/components/resizable/c-resizable-1)
- [Resizable 2](https://reui.io/components/resizable/c-resizable-2)
- [Resizable 3](https://reui.io/components/resizable/c-resizable-3)
- [Resizable 4](https://reui.io/components/resizable/c-resizable-4)
- [Resizable 5](https://reui.io/components/resizable/c-resizable-5)
- [Resizable 6](https://reui.io/components/resizable/c-resizable-6)
- [Resizable 7](https://reui.io/components/resizable/c-resizable-7)
- [Resizable 8](https://reui.io/components/resizable/c-resizable-8)
- [Resizable 9](https://reui.io/components/resizable/c-resizable-9)
- [Resizable 10](https://reui.io/components/resizable/c-resizable-10)

### Scroll Area (5)

- [Scroll Area 1](https://reui.io/components/scroll-area/c-scroll-area-1)
- [Scroll Area 2](https://reui.io/components/scroll-area/c-scroll-area-2)
- [Scroll Area 3](https://reui.io/components/scroll-area/c-scroll-area-3)
- [Scroll Area 4](https://reui.io/components/scroll-area/c-scroll-area-4)
- [Scroll Area 5](https://reui.io/components/scroll-area/c-scroll-area-5)

### Scrollspy (2)

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

### Select (33)

- [Select 1](https://reui.io/components/select/c-select-1)
- [Select 2](https://reui.io/components/select/c-select-2)
- [Select 3](https://reui.io/components/select/c-select-3)
- [Select 4](https://reui.io/components/select/c-select-4)
- [Select 5](https://reui.io/components/select/c-select-5)
- [Select 6](https://reui.io/components/select/c-select-6)
- [Select 7](https://reui.io/components/select/c-select-7)
- [Select 8](https://reui.io/components/select/c-select-8)
- [Select 9](https://reui.io/components/select/c-select-9)
- [Select 10](https://reui.io/components/select/c-select-10)
- [Select 11](https://reui.io/components/select/c-select-11)
- [Select 12](https://reui.io/components/select/c-select-12)
- [Select 13](https://reui.io/components/select/c-select-13)
- [Select 14](https://reui.io/components/select/c-select-14)
- [Select 15](https://reui.io/components/select/c-select-15)
- [Select 16](https://reui.io/components/select/c-select-16)
- [Select 17](https://reui.io/components/select/c-select-17)
- [Select 18](https://reui.io/components/select/c-select-18)
- [Select 19](https://reui.io/components/select/c-select-19)
- [Select 20](https://reui.io/components/select/c-select-20)
- [Select 21](https://reui.io/components/select/c-select-21)
- [Select 22](https://reui.io/components/select/c-select-22)
- [Select 23](https://reui.io/components/select/c-select-23)
- [Select 24](https://reui.io/components/select/c-select-24)
- [Select 25](https://reui.io/components/select/c-select-25)
- [Select 26](https://reui.io/components/select/c-select-26)
- [Select 27](https://reui.io/components/select/c-select-27)
- [Select 28](https://reui.io/components/select/c-select-28)
- [Select 29](https://reui.io/components/select/c-select-29)
- [Select 30](https://reui.io/components/select/c-select-30)
- [Select 31](https://reui.io/components/select/c-select-31)
- [Select 32](https://reui.io/components/select/c-select-32)
- [Select 33](https://reui.io/components/select/c-select-33)

### Separator (6)

- [Separator 1](https://reui.io/components/separator/c-separator-1)
- [Separator 2](https://reui.io/components/separator/c-separator-2)
- [Separator 3](https://reui.io/components/separator/c-separator-3)
- [Separator 4](https://reui.io/components/separator/c-separator-4)
- [Separator 5](https://reui.io/components/separator/c-separator-5)
- [Separator 6](https://reui.io/components/separator/c-separator-6)

### Sheet (4)

- [Sheet 1](https://reui.io/components/sheet/c-sheet-1)
- [Sheet 2](https://reui.io/components/sheet/c-sheet-2)
- [Sheet 3](https://reui.io/components/sheet/c-sheet-3)
- [Sheet 4](https://reui.io/components/sheet/c-sheet-4)

### Skeleton (10)

- [Skeleton 1](https://reui.io/components/skeleton/c-skeleton-1)
- [Skeleton 2](https://reui.io/components/skeleton/c-skeleton-2)
- [Skeleton 3](https://reui.io/components/skeleton/c-skeleton-3)
- [Skeleton 4](https://reui.io/components/skeleton/c-skeleton-4)
- [Skeleton 5](https://reui.io/components/skeleton/c-skeleton-5)
- [Skeleton 6](https://reui.io/components/skeleton/c-skeleton-6)
- [Skeleton 7](https://reui.io/components/skeleton/c-skeleton-7)
- [Skeleton 8](https://reui.io/components/skeleton/c-skeleton-8)
- [Skeleton 9](https://reui.io/components/skeleton/c-skeleton-9)
- [Skeleton 10](https://reui.io/components/skeleton/c-skeleton-10)

### Slider (12)

- [Slider 1](https://reui.io/components/slider/c-slider-1)
- [Slider 2](https://reui.io/components/slider/c-slider-2)
- [Slider 3](https://reui.io/components/slider/c-slider-3)
- [Slider 4](https://reui.io/components/slider/c-slider-4)
- [Slider 5](https://reui.io/components/slider/c-slider-5)
- [Slider 6](https://reui.io/components/slider/c-slider-6)
- [Slider 7](https://reui.io/components/slider/c-slider-7)
- [Slider 8](https://reui.io/components/slider/c-slider-8)
- [Slider 9](https://reui.io/components/slider/c-slider-9)
- [Slider 10](https://reui.io/components/slider/c-slider-10)
- [Slider 11](https://reui.io/components/slider/c-slider-11)
- [Slider 12](https://reui.io/components/slider/c-slider-12)

### Sonner (21)

- [Sonner 1](https://reui.io/components/sonner/c-sonner-1)
- [Sonner 2](https://reui.io/components/sonner/c-sonner-2)
- [Sonner 3](https://reui.io/components/sonner/c-sonner-3)
- [Sonner 4](https://reui.io/components/sonner/c-sonner-4)
- [Sonner 5](https://reui.io/components/sonner/c-sonner-5)
- [Sonner 6](https://reui.io/components/sonner/c-sonner-6)
- [Sonner 7](https://reui.io/components/sonner/c-sonner-7)
- [Sonner 8](https://reui.io/components/sonner/c-sonner-8)
- [Sonner 9](https://reui.io/components/sonner/c-sonner-9)
- [Sonner 10](https://reui.io/components/sonner/c-sonner-10)
- [Sonner 11](https://reui.io/components/sonner/c-sonner-11)
- [Sonner 12](https://reui.io/components/sonner/c-sonner-12)
- [Sonner 13](https://reui.io/components/sonner/c-sonner-13)
- [Sonner 14](https://reui.io/components/sonner/c-sonner-14)
- [Sonner 15](https://reui.io/components/sonner/c-sonner-15)
- [Sonner 16](https://reui.io/components/sonner/c-sonner-16)
- [Sonner 17](https://reui.io/components/sonner/c-sonner-17)
- [Sonner 18](https://reui.io/components/sonner/c-sonner-18)
- [Sonner 19](https://reui.io/components/sonner/c-sonner-19)
- [Sonner 20](https://reui.io/components/sonner/c-sonner-20)
- [Sonner 21](https://reui.io/components/sonner/c-sonner-21)

### Sortable (8)

- [Sortable 1](https://reui.io/components/sortable/c-sortable-1)
- [Sortable 2](https://reui.io/components/sortable/c-sortable-2)
- [Sortable 3](https://reui.io/components/sortable/c-sortable-3)
- [Sortable 4](https://reui.io/components/sortable/c-sortable-4)
- [Sortable 5](https://reui.io/components/sortable/c-sortable-5)
- [Sortable 6](https://reui.io/components/sortable/c-sortable-6)
- [Sortable 7](https://reui.io/components/sortable/c-sortable-7)
- [Sortable 8](https://reui.io/components/sortable/c-sortable-8)

### Spinner (12)

- [Spinner 1](https://reui.io/components/spinner/c-spinner-1)
- [Spinner 2](https://reui.io/components/spinner/c-spinner-2)
- [Spinner 3](https://reui.io/components/spinner/c-spinner-3)
- [Spinner 4](https://reui.io/components/spinner/c-spinner-4)
- [Spinner 5](https://reui.io/components/spinner/c-spinner-5)
- [Spinner 6](https://reui.io/components/spinner/c-spinner-6)
- [Spinner 7](https://reui.io/components/spinner/c-spinner-7)
- [Spinner 8](https://reui.io/components/spinner/c-spinner-8)
- [Spinner 9](https://reui.io/components/spinner/c-spinner-9)
- [Spinner 10](https://reui.io/components/spinner/c-spinner-10)
- [Spinner 11](https://reui.io/components/spinner/c-spinner-11)
- [Spinner 12](https://reui.io/components/spinner/c-spinner-12)

### Stepper (15)

- [Stepper 1](https://reui.io/components/stepper/c-stepper-1)
- [Stepper 2](https://reui.io/components/stepper/c-stepper-2)
- [Stepper 3](https://reui.io/components/stepper/c-stepper-3)
- [Stepper 4](https://reui.io/components/stepper/c-stepper-4)
- [Stepper 5](https://reui.io/components/stepper/c-stepper-5)
- [Stepper 6](https://reui.io/components/stepper/c-stepper-6)
- [Stepper 7](https://reui.io/components/stepper/c-stepper-7)
- [Stepper 8](https://reui.io/components/stepper/c-stepper-8)
- [Stepper 9](https://reui.io/components/stepper/c-stepper-9)
- [Stepper 10](https://reui.io/components/stepper/c-stepper-10)
- [Stepper 11](https://reui.io/components/stepper/c-stepper-11)
- [Stepper 12](https://reui.io/components/stepper/c-stepper-12)
- [Stepper 13](https://reui.io/components/stepper/c-stepper-13)
- [Stepper 14](https://reui.io/components/stepper/c-stepper-14)
- [Stepper 15](https://reui.io/components/stepper/c-stepper-15)

### Switch (14)

- [Switch 1](https://reui.io/components/switch/c-switch-1)
- [Switch 2](https://reui.io/components/switch/c-switch-2)
- [Switch 3](https://reui.io/components/switch/c-switch-3)
- [Switch 4](https://reui.io/components/switch/c-switch-4)
- [Switch 5](https://reui.io/components/switch/c-switch-5)
- [Switch 6](https://reui.io/components/switch/c-switch-6)
- [Switch 7](https://reui.io/components/switch/c-switch-7)
- [Switch 8](https://reui.io/components/switch/c-switch-8)
- [Switch 9](https://reui.io/components/switch/c-switch-9)
- [Switch 10](https://reui.io/components/switch/c-switch-10)
- [Switch 11](https://reui.io/components/switch/c-switch-11)
- [Switch 12](https://reui.io/components/switch/c-switch-12)
- [Switch 13](https://reui.io/components/switch/c-switch-13)
- [Switch 14](https://reui.io/components/switch/c-switch-14)

### Table (17)

- [Table 1](https://reui.io/components/table/c-table-1)
- [Table 2](https://reui.io/components/table/c-table-2)
- [Table 3](https://reui.io/components/table/c-table-3)
- [Table 4](https://reui.io/components/table/c-table-4)
- [Table 5](https://reui.io/components/table/c-table-5)
- [Table 6](https://reui.io/components/table/c-table-6)
- [Table 7](https://reui.io/components/table/c-table-7)
- [Table 8](https://reui.io/components/table/c-table-8)
- [Table 9](https://reui.io/components/table/c-table-9)
- [Table 10](https://reui.io/components/table/c-table-10)
- [Table 11](https://reui.io/components/table/c-table-11)
- [Table 12](https://reui.io/components/table/c-table-12)
- [Table 13](https://reui.io/components/table/c-table-13)
- [Table 14](https://reui.io/components/table/c-table-14)
- [Table 15](https://reui.io/components/table/c-table-15)
- [Table 16](https://reui.io/components/table/c-table-16)
- [Table 17](https://reui.io/components/table/c-table-17)

### Tabs (9)

- [Tabs 1](https://reui.io/components/tabs/c-tabs-1)
- [Tabs 2](https://reui.io/components/tabs/c-tabs-2)
- [Tabs 3](https://reui.io/components/tabs/c-tabs-3)
- [Tabs 4](https://reui.io/components/tabs/c-tabs-4)
- [Tabs 5](https://reui.io/components/tabs/c-tabs-5)
- [Tabs 6](https://reui.io/components/tabs/c-tabs-6)
- [Tabs 7](https://reui.io/components/tabs/c-tabs-7)
- [Tabs 8](https://reui.io/components/tabs/c-tabs-8)
- [Tabs 9](https://reui.io/components/tabs/c-tabs-9)

### Textarea (6)

- [Textarea 1](https://reui.io/components/textarea/c-textarea-1)
- [Textarea 2](https://reui.io/components/textarea/c-textarea-2)
- [Textarea 3](https://reui.io/components/textarea/c-textarea-3)
- [Textarea 4](https://reui.io/components/textarea/c-textarea-4)
- [Textarea 5](https://reui.io/components/textarea/c-textarea-5)
- [Textarea 6](https://reui.io/components/textarea/c-textarea-6)

### Timeline (12)

- [Timeline 1](https://reui.io/components/timeline/c-timeline-1)
- [Timeline 2](https://reui.io/components/timeline/c-timeline-2)
- [Timeline 3](https://reui.io/components/timeline/c-timeline-3)
- [Timeline 4](https://reui.io/components/timeline/c-timeline-4)
- [Timeline 5](https://reui.io/components/timeline/c-timeline-5)
- [Timeline 6](https://reui.io/components/timeline/c-timeline-6)
- [Timeline 7](https://reui.io/components/timeline/c-timeline-7)
- [Timeline 8](https://reui.io/components/timeline/c-timeline-8)
- [Timeline 9](https://reui.io/components/timeline/c-timeline-9)
- [Timeline 10](https://reui.io/components/timeline/c-timeline-10)
- [Timeline 11](https://reui.io/components/timeline/c-timeline-11)
- [Timeline 12](https://reui.io/components/timeline/c-timeline-12)

### Toggle (14)

- [Toggle 1](https://reui.io/components/toggle/c-toggle-1)
- [Toggle 2](https://reui.io/components/toggle/c-toggle-2)
- [Toggle 3](https://reui.io/components/toggle/c-toggle-3)
- [Toggle 4](https://reui.io/components/toggle/c-toggle-4)
- [Toggle 5](https://reui.io/components/toggle/c-toggle-5)
- [Toggle 6](https://reui.io/components/toggle/c-toggle-6)
- [Toggle 7](https://reui.io/components/toggle/c-toggle-7)
- [Toggle 8](https://reui.io/components/toggle/c-toggle-8)
- [Toggle 9](https://reui.io/components/toggle/c-toggle-9)
- [Toggle 10](https://reui.io/components/toggle/c-toggle-10)
- [Toggle 11](https://reui.io/components/toggle/c-toggle-11)
- [Toggle 12](https://reui.io/components/toggle/c-toggle-12)
- [Toggle 13](https://reui.io/components/toggle/c-toggle-13)
- [Toggle 14](https://reui.io/components/toggle/c-toggle-14)

### Toggle Group (16)

- [Toggle Group 1](https://reui.io/components/toggle-group/c-toggle-group-1)
- [Toggle Group 2](https://reui.io/components/toggle-group/c-toggle-group-2)
- [Toggle Group 3](https://reui.io/components/toggle-group/c-toggle-group-3)
- [Toggle Group 4](https://reui.io/components/toggle-group/c-toggle-group-4)
- [Toggle Group 5](https://reui.io/components/toggle-group/c-toggle-group-5)
- [Toggle Group 6](https://reui.io/components/toggle-group/c-toggle-group-6)
- [Toggle Group 7](https://reui.io/components/toggle-group/c-toggle-group-7)
- [Toggle Group 8](https://reui.io/components/toggle-group/c-toggle-group-8)
- [Toggle Group 9](https://reui.io/components/toggle-group/c-toggle-group-9)
- [Toggle Group 10](https://reui.io/components/toggle-group/c-toggle-group-10)
- [Toggle Group 11](https://reui.io/components/toggle-group/c-toggle-group-11)
- [Toggle Group 12](https://reui.io/components/toggle-group/c-toggle-group-12)
- [Toggle Group 13](https://reui.io/components/toggle-group/c-toggle-group-13)
- [Toggle Group 14](https://reui.io/components/toggle-group/c-toggle-group-14)
- [Toggle Group 15](https://reui.io/components/toggle-group/c-toggle-group-15)
- [Toggle Group 16](https://reui.io/components/toggle-group/c-toggle-group-16)

### Tooltip (16)

- [Tooltip 1](https://reui.io/components/tooltip/c-tooltip-1)
- [Tooltip 2](https://reui.io/components/tooltip/c-tooltip-2)
- [Tooltip 3](https://reui.io/components/tooltip/c-tooltip-3)
- [Tooltip 4](https://reui.io/components/tooltip/c-tooltip-4)
- [Tooltip 5](https://reui.io/components/tooltip/c-tooltip-5)
- [Tooltip 6](https://reui.io/components/tooltip/c-tooltip-6)
- [Tooltip 7](https://reui.io/components/tooltip/c-tooltip-7)
- [Tooltip 8](https://reui.io/components/tooltip/c-tooltip-8)
- [Tooltip 9](https://reui.io/components/tooltip/c-tooltip-9)
- [Tooltip 10](https://reui.io/components/tooltip/c-tooltip-10)
- [Tooltip 11](https://reui.io/components/tooltip/c-tooltip-11)
- [Tooltip 12](https://reui.io/components/tooltip/c-tooltip-12)
- [Tooltip 13](https://reui.io/components/tooltip/c-tooltip-13)
- [Tooltip 14](https://reui.io/components/tooltip/c-tooltip-14)
- [Tooltip 15](https://reui.io/components/tooltip/c-tooltip-15)
- [Tooltip 16](https://reui.io/components/tooltip/c-tooltip-16)

### Tree (7)

- [Tree 1](https://reui.io/components/tree/c-tree-1)
- [Tree 2](https://reui.io/components/tree/c-tree-2)
- [Tree 3](https://reui.io/components/tree/c-tree-3)
- [Tree 4](https://reui.io/components/tree/c-tree-4)
- [Tree 5](https://reui.io/components/tree/c-tree-5)
- [Tree 6](https://reui.io/components/tree/c-tree-6)
- [Tree 7](https://reui.io/components/tree/c-tree-7)

## Templates (14)

Full-page templates built from ReUI blocks. The free ones need an account; the rest ship with Ultimate.

- [All templates](https://reui.io/templates)
- [Miro Clinic](https://reui.io/template/miro-clinic)
- [Pulse Helpdesk](https://reui.io/template/pulse-helpdesk)
- [Verve Crm](https://reui.io/template/verve-crm)
- [Tempo Tasks](https://reui.io/template/tempo-tasks)
- [Lucent Devops](https://reui.io/template/lucent-devops)
- [Atlas Admin](https://reui.io/template/atlas-admin)
- [Filebox Drive](https://reui.io/template/filebox-drive)
- [Manifest Commerce](https://reui.io/template/manifest-commerce)
- [Cohort Hr](https://reui.io/template/cohort-hr)
- [Overture Waitlist](https://reui.io/template/overture-waitlist)
- [Roster Hr](https://reui.io/template/roster-hr)
- [Flux Agentops](https://reui.io/template/flux-agentops)
- [Filespace Drive](https://reui.io/template/filespace-drive)
- [Surge Commerce](https://reui.io/template/surge-commerce)