Shadcn.io is not affiliated with official shadcn/ui
Empty State No Availability
A time slot grid empty state for availability settings with setup CTA, built with React, Next.js, shadcn/ui, and Tailwind CSS
Prompt users to configure their available times with this scheduling empty state block. Features a time slot grid skeleton with empty blocks representing unset hours, a clear message about setting availability, and a call-to-action button. Built with React, Next.js, shadcn/ui Button, Lucide icons, motion/react animations, and Tailwind CSS. Ideal for booking apps, calendar tools, and freelancer scheduling platforms.
Related Components
No Events Empty State
Empty state for event calendars with create event CTA
No Meetings Empty State
Empty state for video meeting lists with scheduling 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 Tasks Empty State
Empty state for task boards with skeleton placeholders
No Reminders Empty State
Empty state for reminders with create reminder CTA
FAQ
Was this page helpful?
Sign in to leave feedback.
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
No Bookmarks
React empty state block for bookmark sections with no saved items, built with Next.js, shadcn/ui, Tailwind CSS, and subtle motion animations