Shadcn.io is not affiliated with official shadcn/ui
Empty State No Widgets
React empty state block for an empty widget grid area with dashed border placeholders, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations
Encourage users to populate their workspace with this widget grid empty state. Features dashed-border drop zones that hint at where widgets will appear, a helpful message, and a call-to-action to browse the widget library. Built for dashboard builders, customizable homepages, and drag-and-drop layout tools in React and Next.js.
Related Components
No Dashboards
Empty state for custom dashboards
No Analytics
Empty state for analytics data
No Metrics
Empty state for KPI metrics
No Reports
Empty state for reports section
No Integrations
Empty state for integrations
No Notifications
Empty state for notifications
FAQ
Was this page helpful?
Sign in to leave feedback.
No Webhooks
React empty state block for webhook configuration with no endpoints set up, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations with an arrow diagram layout
No Workflows
An empty AI workflows state with a node-based flowchart skeleton, git-branch icon, and a CTA to create a workflow using shadcn/ui and Tailwind CSS