Shadcn.io is not affiliated with official shadcn/ui
Empty State Connect Tools
An empty state prompting users to connect their first integration with a grid of tool icon placeholders, descriptive messaging, and browse integrations CTA built with React, Next.js, shadcn/ui, and Tailwind CSS
Encourage users to connect their existing tools with this integration prompt empty state block. Features a grid of four recognizable tool category icons representing Slack, GitHub, Figma, and analytics services, a message about streamlining workflows, and a prominent call-to-action to browse the integration catalog. Built with React, Next.js, shadcn/ui Button, motion/react staggered entrance animations, and Tailwind CSS.
Related Components
No Integrations Empty State
No integrations connected state
No API Keys Empty State
No API keys generated state
Welcome Workspace Empty State
Fresh workspace greeting with explore CTA
Getting Started Empty State
Onboarding checklist setup prompt
No Connected Apps Empty State
No external apps linked state
No Events Empty State
No webhook events received state
FAQ
Was this page helpful?
Sign in to leave feedback.