For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
When to use
- A front desk overview for an appointment business: booking KPIs, chair capacity and the day's queue
- An appointment calendar by day or week, filtered by staff and service, with a double booking alert
- One appointment's detail over the day's list: client, deposit balance, internal note and booking history
When not to use
- An activity feed or change history on its own, with no appointments or clients: use the Timeline blocks
- A team overview of KPI tiles and a work queue for a business with no appointments: use the Dashboard blocks
- A client facing card where someone picks a day and a time slot to book one session: use the Schedule blocks
Agent notes
- Each block's data.tsx declares its own
AppointmentStatusunion, and the 3 differ in values and casing; map them to one set before combining - Write actions save nothing: new appointments, check-ins, status changes and notes only call sonner
toast, at most after a local state change - Each root sets a max width,
max-w-7xl,max-w-6xlormax-w-md, and page.tsx or the root adds padding; drop both inside an app shell
Third-party API docs
- Sonner v2: API reference, docs, used by 3 of 3 blocks
- React DayPicker v9: API reference, docs, used by 2 of 3 blocks
- Recharts v3: API reference, docs, used by 1 of 3 blocks
- TanStack Table v9: API reference, docs, used by 1 of 3 blocks
- date-fns v4: docs, used by 1 of 3 blocks
https://web.dev.reui.io/blocks/solutions/bookings.mdsearch({ query: "bookings", type: "block", category: "bookings" })Shadcn Bookings Blocks: Appointment Admin for Service Businesses
A bookings product is a calendar plus the tables around it. These blocks put the ReUI Event Calendar at the center with resource lanes per practitioner, and add the services, staff, availability and customer screens a clinic, salon or consultancy runs on.
All Bookings Blocks
Open any block on its own page for a live preview, the components it is built from, and the install command.
- Salon Front Desk Salon Front-Desk Booking Dashboard with Appointment Queue and Chair Capacity
- Appointment Calendar Salon Appointment Calendar with Day/Week Views and Double-Book Alerts
- Appointment Detail Appointment Detail Sheet with Deposit Payment and Booking Timeline
What the Bookings blocks cover
Solutions screens, each a full block with fixture data:
- Salon Front-Desk Booking Dashboard with Appointment Queue and Chair Capacity
- Salon Appointment Calendar with Day/Week Views and Double-Book Alerts
- Appointment Detail Sheet with Deposit Payment and Booking Timeline
Built from
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
Do the blocks include online booking for customers?
How do I install a Bookings block?
Is a license needed?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.