Shadcn.io is not affiliated with official shadcn/ui
Empty State No Announcements
An empty announcements feed state with a megaphone icon, timeline placeholder, and create announcement CTA using shadcn/ui and Tailwind CSS
Display a refined empty state when no announcements have been posted. Features a vertical timeline with faded placeholder entries hinting at future announcements, a megaphone icon, clear messaging, and a create announcement button. Built with TypeScript, shadcn/ui Button, motion/react staggered animations, and Tailwind CSS. Perfect for company intranets, team dashboards, product update feeds, and community boards.
Related Components
Empty State No Messages
Empty inbox state
Empty State No Threads
No discussion threads state
Empty State No Notifications
No notifications state
Empty State No Events
No events scheduled state
Empty State No Activity Log
No activity log state
Empty State No Feedback
No feedback received state
FAQ
Was this page helpful?
Sign in to leave feedback.
No Analytics
React empty state block for analytics dashboards with no data yet, built with Next.js, shadcn/ui, Tailwind CSS, and subtle motion animations
No API Keys
React empty state block for API key management with no keys generated, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations with a terminal-style code layout