DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.6K
Sign inGet All-Access
Categories
App Shell31
Auth20
Card43
ChartAdded 17 Chart blocks for cron jobs, deploys, firewall traffic and SLOs47
Dashboard8
Dialog14
Empty State14
Event Calendar6
Flow4
Form12
Gantt4
Kanban Board10
List11
Navbar13
Onboarding9
Profile10
Rich Text EditorNew Rich Text Editor category with 5 Tiptap editor blocks5
Schedule10
Settings16
SheetAdded 13 Sheet blocks for cron jobs, deploys, firewall rules, SLOs and data24
Stats15
Timeline9
WhiteboardNew Whiteboard category with 2 Excalidraw board blocks2
Wizard7
  1. Blocks
  2. Application

Shadcn Application Blocks for Dashboards and Admin UI

Share

344 blocks for the screens inside a signed-in product: app shells, dashboards, auth pages, settings, forms, kanban boards, calendars, and empty states.

Shadcn Application Blocks

Every Application block here is a React component you install with the shadcn CLI, built with Tailwind CSS, and many use ReUI primitives.

The categories below split the group by the screen you are building, so you can open the one you need instead of scanning the whole group.

Application Block Categories

  • App Shell31

    App shell layouts with sidebar, rail, or top bar navigation for dashboards, settings panels, and multi-page apps.

  • Auth20

    Login, register, forgot password, and two-factor authentication page layouts.

  • Card43

    Card components for content display, data summaries, and interactive elements.

  • Chart47

    Chart components and layouts with bar, line, pie, and area charts for data storytelling.

  • Dashboard8

    Dashboard components and layouts that combine stats, charts, and tables into a complete overview screen.

  • Dialog14

    Dialog components for modal windows, alerts, confirmations, and content overlays.

  • Empty State14

    Empty state screens and no-data placeholders with recovery actions, onboarding prompts, and contextual guidance.

  • Event Calendar6

    Event calendar blocks with month, week and day views, drag-and-drop scheduling, and inline editing.

Why Teams Start From a Block

  • You get a whole application screen instead of a pile of primitives: layout, spacing, and content hierarchy are already decided.
  • Every block lists the components it is built from, so you can see what lands in your project before you install it.
  • The markup is explicit and consistent, which makes it a better starting point for an AI coding agent than a blank file.

Frequently Asked Questions

What is in the Shadcn Application blocks collection?

Full UI sections and screen layouts used in application work, split into categories so you can open the exact workflow you need. Each one installs with the shadcn CLI.

Should I start from a group page or a category page?

Use the group page while you are still deciding what to build. Go straight to a category page when you already know the screen you need, such as dashboard, checkout, billing, or FAQ.

Application

  • App Shell
  • Auth
  • Card
  • ChartAdded 17 Chart blocks for cron jobs, deploys, firewall traffic and SLOs
  • Dashboard
  • Dialog
  • Empty State
  • Event Calendar
  • Flow
  • Form
  • Gantt
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Rich Text EditorNew Rich Text Editor category with 5 Tiptap editor blocks
  • Schedule
  • Settings
  • SheetAdded 13 Sheet blocks for cron jobs, deploys, firewall rules, SLOs and data
  • Stats
  • Timeline
  • WhiteboardNew Whiteboard category with 2 Excalidraw board blocks
  • Wizard

Solutions

  • Dev OpsNew Dev Ops category with 6 platform console blocks
  • AI Ops
  • CRMAdded 2 CRM blocks: a forecast call workspace and a deal desk
  • Agents
  • Analytics
  • Billing
  • Bookings
  • Files
  • Inventory
  • Users

AI & Agents

  • AI ChatAdded a corner chat popup block
  • Agent Activity

Templates

  • E-commerce
  • SaaS
  • Dashboard
  • Landing
  • All templates

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist
  • Shop Hero

Data Grid

  • Base
  • Columns
  • Drag & Drop
  • EditingAdded a spreadsheet reorder plan Data Grid block
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Marketing

  • Blog
  • Compare
  • Contact
  • CTA
  • FAQ
  • Hero
  • How It Works
  • PricingAdded 7 Pricing blocks: plan cards, comparison tables and upgrade dialogs

Resources

  • Components
  • Blocks
  • Icons
  • MCP for Agents
  • Docs
  • Support
  • Pricing
  • Tailwind Plus Alternative
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026 ReUI. All rights reserved.

3.6K