Shadcn.io is not affiliated with official shadcn/ui
Empty State No Integrations
An empty state block for a page with no third-party integrations showing a grid of empty connection slots with plus icons and a CTA to browse integrations
Display a polished empty state when no third-party integrations are connected. Features a grid of placeholder connection slots with plus icons hinting at available integration categories, a message about connecting tools, and a CTA to browse the integration catalog. Built with shadcn/ui Button, Tailwind CSS, and motion/react.
Related Components
Empty State No Connected Apps
No external apps linked state
Empty State No Data Sources
No data sources configured state
Empty State No Webhooks
No webhooks registered state
Empty State No API Keys
No API keys generated state
Empty State No Plugins
No plugins installed state
Empty State No Automations
No automation rules created state
FAQ
Was this page helpful?
Sign in to leave feedback.
No Incidents
React empty state block for security incident dashboards with all-clear status, severity breakdown, and monitoring configuration CTA, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations
No Inventory
React empty state block for inventory management with no stock tracking set up, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations featuring a table skeleton with column headers and setup CTA