DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.6K
Sign inGet All-Access
Categories
App ShellAdded 10 new app shell blocks31
Auth20
Card43
Chart30
Dashboard8
Dialog14
Empty State14
  • Empty State 1
  • Empty State 2
  • Empty State 3
  • Empty State 4
  • Empty State 5
  • Empty State 6
  • Empty State 7
  • Empty State 8
  • Empty State 9
  • Empty State 10
  • Empty State 11
  • Empty State 12
  • Empty State 13
  • Empty State 14
Event Calendar6
Flow4
Form12
Gantt4
Kanban Board10
List11
Navbar13
Onboarding9
Profile10
Schedule10
Settings16
Sheet11
Stats15
Timeline9
Wizard7

Shadcn Empty State Blocks: No Data Screens with Recovery Actions

The empty state is the most visited screen in a new product and the least designed. These blocks give it an icon or illustration, a sentence that explains, and the one action that fixes it: import, create, invite, clear the filter, retry.

All Empty State Blocks

Open any block on its own page for a live preview, the components it is built from, and the install command.

  • Empty State 1 Records empty state with stacked-cards illustration, dual primary actions, and quick-guide link rows
  • Empty State 2 Search no-results empty state with suggestion chips and a stacked result-card illustration
  • Empty State 3 Projects empty state with hero illustration, dual actions, and quick-start template list
  • Empty State 4 Two-column reports empty state with icon, dual actions, and preview screenshot slot
  • Empty State 5 Two-column empty state in a ReUI Frame with icon, dual actions, and a preview panel
  • Empty State 6 Team workspace onboarding empty state with two action buttons and three colored setup-step tiles
  • Empty State 7 Workspace member invite empty state with circular icon and dual invite and copy-link buttons
  • Empty State 8 Project settings empty state with line tabs and per-section setup prompts
  • Empty State 9 Workspace member invite empty state with layered 3D icon-stack illustration and dual invite actions
  • Empty State 10 Card-wrapped empty state with section heading and horizontal media-beside-text layout
  • Empty State 11 Section-header empty state with action button above a muted card and stacked icon illustration
  • Empty State 12 Activity exports empty state with audience, workspace, and date-range filter toolbar
  • Empty State 13 File sources empty state with cloud storage connector grid (Dropbox, Box, Drive, OneDrive)
  • Empty State 14 Organizations setup empty state with framed enable card, building icon, and tooltip help link

What the Empty State blocks cover

Application screens, each a full block with fixture data:

  • Records empty state with stacked-cards illustration, dual primary actions, and quick-guide link rows
  • Search no-results empty state with suggestion chips and a stacked result-card illustration
  • Projects empty state with hero illustration, dual actions, and quick-start template list
  • Two-column reports empty state with icon, dual actions, and preview screenshot slot
  • Two-column empty state in a ReUI Frame with icon, dual actions, and a preview panel
  • Team workspace onboarding empty state with two action buttons and three colored setup-step tiles
  • Workspace member invite empty state with circular icon and dual invite and copy-link buttons
  • Project settings empty state with line tabs and per-section setup prompts
  • Workspace member invite empty state with layered 3D icon-stack illustration and dual invite actions
  • Card-wrapped empty state with section heading and horizontal media-beside-text layout

Built from

  • shadcn/ui components Empty, Button, Item, Card, Separator, Button Group, the same components your project already owns.
  • Both twins, every style Each block ships on Base UI and on Radix, in 8 design styles, and names every part it composes on its page.

All Shadcn Block Groups

Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.

  • Shadcn Application Blocks (307) Browse 307 Shadcn Application blocks across 22 categories.
  • Shadcn Data Grid Blocks (38) Browse 38 Shadcn Data Grid blocks across 8 categories.
  • Shadcn Solutions Blocks (66) Browse 66 Shadcn Solutions blocks across 9 categories.
  • Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
  • Shadcn Marketing Blocks (60) Browse 60 Shadcn Marketing blocks across 8 categories.
  • Shadcn AI & Agents Blocks (17) Browse 17 Shadcn AI & Agents blocks across 2 categories.

Frequently Asked Questions

Can I swap the illustration?

Yes. The slot takes any node; the blocks use the ReUI Icon Stack for the illustrated variants and a plain icon for the compact ones.

How do I install a Empty State block?

Open the block on its page, copy the install command (the shadcn CLI with the @reui registry and your license key) or the AI prompt, and run it in your project. The block, its fixtures and every ReUI and shadcn dependency land in one command.

Is a license needed?

Empty State blocks are part of ReUI Pro: one payment, lifetime updates, every block in every style. The ReUI primitives and the free examples they build on install with no license.

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.

Application

  • App ShellAdded 10 new app shell blocks
  • Auth
  • Card
  • Chart
  • Dashboard
  • Dialog
  • Empty State
  • Event Calendar
  • Flow
  • Form
  • Gantt
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Wizard

Solutions

  • Agents
  • AI Ops
  • Analytics
  • Billing
  • Bookings
  • CRM
  • Files
  • Inventory
  • Users

AI & Agents

  • AI Chat
  • 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

  • BaseAdded a rate card Data Grid block with a price breakdown dialog
  • Columns
  • Drag & Drop
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Marketing

  • Blog
  • CompareNew Compare category with 3 versus section blocks
  • Contact
  • CTAAdded 11 new CTA blocks
  • FAQ
  • Hero
  • How It WorksNew How It Works category with 5 numbered step blocks
  • PricingNew Pricing category with a 4-tier pricing table block

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
  1. Blocks
  2. Application
  3. Empty State

Shadcn Empty State Blocks: No Data Screens with Recovery Actions

Share

Empty states that move someone forward: these 14 blocks cover first run, no results, no access and error, each with an action rather than a shrug.