Make your AI a shadcn expert

Empty State No Automations

An empty state block for when no automation rules exist showing a flowchart skeleton with node placeholders and connector lines and a CTA to create an automation

Scroll to load preview

Display a clean empty state when no automation rules are configured. Features a minimal flowchart skeleton with trigger, condition, and action node placeholders connected by lines, visually hinting at workflow automation. Includes a CTA to create the first automation. Built with shadcn/ui Button, Tailwind CSS, and motion/react.

FAQ

Last updated on April 3, 2026

Was this page helpful?

Sign in to leave feedback.