Hotel & restaurant app UI for React
Guests and tables: reservations, rooms, folios and service. 10 live React screens in working order, each in nine looks, installed by your coding agent.
Screens
- Reservation desk: A front desk's bookings without a room for a night, beside the rooms that could take them: bookings grouped by room type with their stay, party and…
- Table service: A restaurant table's service in three places sharing one order. The floor: tables placed on a plan by drag, arrow keys or typed numbers (Shift and an…
- Counter service: A counter and its kitchen. The counter: the order on the left (its name, eat here / takeaway / drive-through, each line with its options and quantity…
- Room readiness: Housekeeping's rooms for the day: condition, occupancy, the front desk's plan (arriving with its time or not known, departing, staying on), who is…
- Stay folio: A stay's folio: the chosen folio's lines filtered by kind, posted and pending said, voided lines on request, every row in the ledger's currency; beside…
- Guest messages: Conversations with guests beside the booking each is about, for a host stand, salon front desk or hotel. Guests waiting for an answer come first with how…
- Shift briefing: A team's pre-shift briefing for a restaurant service (or any shift with bookings): the venue, the service and when its reservation snapshot was read, an…
- Map explorer: A map with one operational layer over real ground (an optional map base: relief, lakes, streams, woods, roads), explored without losing your place; its…
- Page header: The top of a record or project page: breadcrumb, title with status, description and meta, a primary action with secondary actions that fold into a More…
- Turntable review: A 3D asset reviewed on a turntable. The object large at the angle in view with front, side and back said, standing on a plate whose rim shows the twelve…
The parts they're built from
- Button (free): in 10 of these screens
- Spinner (free): in 10 of these screens
- Tooltip (free): in 10 of these screens
- Label (free): in 9 of these screens
- Select (free): in 8 of these screens
- Avatar (free): in 7 of these screens
- Segmented control (free): in 7 of these screens
- Text morph (free): in 7 of these screens
- Empty state (free): in 5 of these screens
- Glow (free): in 5 of these screens
- Kbd (free): in 5 of these screens
- Search field (free): in 5 of these screens
- Skeleton (free): in 5 of these screens
- Checkbox (free): in 4 of these screens
- Dropdown menu (free): in 4 of these screens
- Input (free): in 4 of these screens
- Number field (free): in 4 of these screens
- Bottom sheet (free): in 3 of these screens
- Chip group (free): in 3 of these screens
- Copy button (free): in 3 of these screens
- Description list (free): in 3 of these screens
- Slot text (free): in 3 of these screens
- Switch (free): in 3 of these screens
- Badge (free): in 2 of these screens
- Calendar (free): in 2 of these screens
- Dialog (free): in 2 of these screens
- Popover (free): in 2 of these screens
- Textarea (free): in 2 of these screens
- Alert (free): in 1 of these screens
- Attachment: in 1 of these screens
Install the parts you need in your React app as compiled packages or editable source. Get Beamline · Connect your agent
Next: HR & payroll. Other apps: AI workspace · Trading · SaaS admin · Clinic · Shop · Inventory · CMS & media · Construction · Events & bookings · Salon & fitness · HR & payroll · Manufacturing · Government & legal · Education · Research & design
Part of Beamline UI: polished, editable React components and complete screens for custom applications. Build your own style from any look; tokens, fonts, radii, motion; not only colours.