Shadcn.io is not affiliated with official shadcn/ui
Empty State 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
Display a polished empty state when users have no AI workflows. Features a minimal node-based flowchart skeleton with connected placeholder nodes hinting at the pipeline builder experience, and a clear call to action. Built with TypeScript, shadcn/ui Button, motion/react staggered animations, and Tailwind CSS. Ideal for AI automation platforms, workflow builders, and pipeline orchestration dashboards.
Related Components
Empty State No Prompts
No saved AI prompts state
Empty State No Training Data
No training datasets state
Empty State No Automations
No automation rules state
Empty State No Integrations
No integrations connected state
Empty State No Deployments
No deployments created state
Empty State No API Keys
No API keys generated state
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Welcome Workspace
A celebratory empty state welcoming users to a fresh workspace with scattered decorative icons, warm messaging, and an explore features CTA built with React, Next.js, shadcn/ui, and Tailwind CSS