DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.7K
Sign inGet All-Access
Categories
App Shell35
Auth20
Card43
Dashboard8
Dialog14
Empty State14
Event Calendar6
Flow4
Form12
Gantt4
Kanban Board10
List11
Navbar13
Onboarding9
Profile10
Rich Text Editor5
Schedule10
Settings16
Sheet24
Stats2 meter cards moved here from Charts, 17 in all17
Timeline9
Whiteboard2
Wizard7
  1. Blocks
  2. Application

Shadcn Application Blocks for Dashboards and Admin UI

303 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 Shell35

    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.

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

  • Flow4

    Node canvas blocks on React Flow for workflow and agent builders, pipeline run replays, and impact maps.

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
  • Dashboard
  • Dialog
  • Empty State
  • Event Calendar
  • Flow
  • Form
  • Gantt
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Rich Text Editor
  • Schedule
  • Settings
  • Sheet
  • Stats2 meter cards moved here from Charts, 17 in all
  • Timeline
  • Whiteboard
  • Wizard

Data Grid

  • Base
  • AdvancedAdded 2 new Data Grid Advanced blocks, 5 in all
  • Columns
  • Drag & Drop
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Charts

  • Area ChartAdded a new Inbound Leads area chart block
  • Bar Chart
  • Composed Chart
  • Line Chart
  • Pie Chart
  • Radial Chart
  • Sankey ChartNew Sankey Chart category with 3 flow chart blocks
  • Slope ChartNew Slope Chart category with 2 rank-shift chart blocks
  • Sparkline
  • Status Tracker

AI & Agents

  • AI Chat
  • Agent Activity
  • AI UsageNew AI Usage category with 2 spend blocks

Solutions

  • Dev Ops
  • AI Ops
  • CRM
  • Agents
  • Analytics
  • Billing
  • Bookings
  • Files
  • Inventory
  • Users
  • Digital TwinNew Digital Twin category with 2 interactive 3D blocks

Templates

  • All templates

eCommerce

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

Marketing

  • Blog
  • Compare
  • Contact
  • CTA
  • FAQ
  • Hero
  • How It Works
  • Pricing

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