Shadcn.io is not affiliated with official shadcn/ui
Empty State No Events
A calendar empty state with skeleton day cells and scheduling CTA, built with React, Next.js, shadcn/ui, and Tailwind CSS
Display a polished empty state when a calendar has no events scheduled. This React and Next.js block renders a skeleton calendar grid with empty day cells, a clear message inviting users to create their first event, and a prominent call-to-action button. Built with shadcn/ui Button, Lucide icons, motion/react entrance animations, and Tailwind CSS. Ideal for scheduling apps, project calendars, and team event planners.
Related Components
No Meetings Empty State
Empty state for video meeting lists with scheduling CTA
No Availability Empty State
Empty state for availability slots with setup CTA
No Schedules Empty State
Empty state for weekly schedule views with create CTA
No Time Entries Empty State
Empty state for time tracking with start timer CTA
No Reminders Empty State
Empty state for reminders with create reminder CTA
No Milestones Empty State
Empty state for milestone tracking with add milestone CTA
FAQ
Was this page helpful?
Sign in to leave feedback.
No Error Tracking
React empty state block for error monitoring dashboards with zero-errors celebration, terminal-style SDK snippet, and setup CTA, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations
No Expenses
A minimal empty state for expense tracking with no logged expenses, built with React, Next.js, shadcn/ui, and Tailwind CSS featuring a receipt-style dashed border layout and add expense CTA