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

An appointment front desk: booking KPIs, chair capacity and the day's queue, or one appointment's detail
An appointment calendar by day or week, filtered by staff and service, with a double booking alert
A hotel front desk: occupancy and ADR tiles, a room board to reserve, move and resize stays, and arrivals

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 that takes no bookings: 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

Appointment blocks declare an AppointmentStatus union and the room board a StayStatus one; they differ in values and casing, so map them before combining
Nothing reaches a server: each write lands in local state or a sonner toast; wire the room board's onStayChange and onBlockChange to your API
The root or page.tsx caps the width at max-w-7xl, max-w-6xl or max-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 4 of 4 blocks
TanStack Table v9: API reference, docs, used by 2 of 4 blocks
React DayPicker v9: API reference, docs, used by 2 of 4 blocks
Recharts v3: API reference, docs, used by 1 of 4 blocks
date-fns v4: docs, used by 1 of 4 blocks

Markdownhttps://reui.io/blocks/solutions/bookings.md

MCPsearch({ query: "bookings", type: "block", category: "bookings" })

Full index for agents:llms.txtReUI MCP setup

Shadcn Bookings Blocks: Appointment and Reservation Admin for Service Businesses

A bookings product is a calendar plus the tables around it. For appointments, these blocks give a salon front desk with arrivals to check in, stylist load and booking sheets, a day and week calendar with double-book alerts, and a detail sheet with deposit progress. For a hotel, a room board on the ReUI Gantt lets the desk reserve, move and resize stays by the night and block rooms for maintenance. Occupancy, ADR, arrival and departure tiles sit above it, and the day's guest worklist below.

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 with KPI tiles, arrivals, stylist load and booking sheets
Appointment Calendar Salon Appointment Calendar with Day/Week Views and Double-Book Alerts
Appointment Detail Appointment Detail Sheet with Deposit Payment and Booking Timeline
Room Board Hotel room board with reservations, drag to move stays and a guest worklist

What the Bookings blocks cover

Solutions screens, each a full block with fixture data:

Salon front desk with KPI tiles, arrivals, stylist load and booking sheets
Salon Appointment Calendar with Day/Week Views and Double-Book Alerts
Appointment Detail Sheet with Deposit Payment and Booking Timeline
Hotel room board with reservations, drag to move stays and a guest worklist

Built from

shadcn/ui components Avatar, Button, Separator, Calendar, Item, Progress, the same components your project already owns.
Both twins, every style Each block ships on Base UI and on Radix, in 8 design styles, and names every part it composes on its page.

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 (305) Browse 305 Shadcn Application blocks across 23 categories.
Shadcn Data Grid Blocks (61) Browse 61 Shadcn Data Grid blocks across 9 categories.
Shadcn Charts Blocks (54) Browse 54 Shadcn Charts blocks across 10 categories.
Shadcn Solutions Blocks (82) Browse 82 Shadcn Solutions blocks across 13 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?

No. These blocks are the admin side, for the front desk and the operator, and none of them is a page where customers book for themselves.

Do the blocks save bookings to a backend?

No. Every block runs on fixture data and saves nothing. The salon front desk and the hotel room board keep each change in browser state, with an Undo and change callbacks to connect to your API (the room board offers Undo on changes to an existing stay or block). The appointment calendar and the detail sheet confirm their actions with a toast.

How do I install a Bookings block?

Open the block on its page, copy the install command (the shadcn CLI with the @reui registry and your license key) or the AI prompt, and run it in your project. The block, its fixtures and every ReUI and shadcn dependency land in one command.

Is a license needed?

Bookings blocks are part of ReUI Pro: one payment, lifetime updates, every block in every style. The ReUI primitives and the free examples they build on install with no license.

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.

Markdown

Shadcn Bookings Blocks: Appointment Admin for Service Businesses

Booking admin for a service business: these 4 blocks cover the salon front desk, the booking calendar, the booking detail panel and a hotel room board.