Events & bookings app UI for React
Time and places people book: calendars, crews, desks, tickets and visitors. 14 live React screens in working order, each in nine looks, installed by your coding agent.
Screens
- Team calendar: A team's schedule: the people and shared calendars to show (each its colour), a month to jump by, who is out this week, and the week, day or month of…
- Day agenda: One person's days with notes, tasks and calendar events side by side, each kept as what it is. A task's scheduled day, deadline, reminder and repeat are…
- Crew booking: Booking crew for a project: each person with a strip of the project's days, days in the same state joined into one run said once (booked solid, available…
- Resource booking: Booking something shared (a room, a van, a camera kit). Choose what, then either a free hour on a day: a grid of starts the app says are free (a taken…
- Resource rules: Each person's scheduling rules beside their day, the day board leading: role, available (an unavailable day filled in the danger tint and said, a job…
- Desk booking: Desks in an office for the people who book them and the admin who sets how far ahead. Your days over the next weeks: booked with a desk, free to book…
- Linked appointments: A drop-off and a pickup kept as one linked pair on the week's calendar (the shared event calendar, day view on a phone), with the car's stay drawn…
- Waitlist desk: A front desk's waitlist beside the day's book: who is waiting (filters as chips, the queue's count apart from the day's), the day's bookings and the…
- Visitor desk: An office front desk's visitors. Invite a meeting's guests from the calendar: colleagues are shown but never invited, guests without an email are said…
- Issued ticket: One issued event ticket at the door, led by the ticket itself: what it admits to (event and venue), when, the section, seat and who it admits, and its…
- Itinerary: A trip's days where every event says who sees it, in words: everyone, only Ana and Ben, or hidden from Leo. The same rules give each traveller their own…
- Trip budget: A trip's money against its plan, in the trip's own currency. The budget (set or changed in place; a refused save keeps what was typed), what's spent and…
- Proposal payments: A travel proposal's money from the agent's side to the client's. Pricing: the price rule (markup on supplier cost, a fixed price, or net), what the…
- Project periods: A project's time periods (build, show, teardown) on one time scale, the thing being planned: each period a bar across its days with the crew and gear…
The parts they're built from
- Button (free): in 14 of these screens
- Label (free): in 14 of these screens
- Spinner (free): in 14 of these screens
- Select (free): in 12 of these screens
- Tooltip (free): in 11 of these screens
- Avatar (free): in 10 of these screens
- Segmented control (free): in 10 of these screens
- Text morph (free): in 10 of these screens
- Checkbox (free): in 7 of these screens
- Input (free): in 7 of these screens
- Badge (free): in 6 of these screens
- Bottom sheet (free): in 6 of these screens
- Calendar (free): in 5 of these screens
- Number field (free): in 5 of these screens
- Popover (free): in 5 of these screens
- Switch (free): in 5 of these screens
- Date picker (free): in 4 of these screens
- Empty state (free): in 4 of these screens
- Skeleton (free): in 4 of these screens
- Textarea (free): in 4 of these screens
- Dropdown menu (free): in 3 of these screens
- Sheet (free): in 3 of these screens
- Time picker (free): in 3 of these screens
- Alert (free): in 2 of these screens
- Event calendar: in 2 of these screens
- Multi-select (free): in 2 of these screens
- Radio cards (free): in 2 of these screens
- Radio group (free): in 2 of these screens
- Recurrence editor (free): in 2 of these screens
- Tabs (free): in 2 of these screens
Install the parts you need in your React app as compiled packages or editable source. Get Beamline · Connect your agent
Next: Salon & fitness. Other apps: AI workspace · Trading · SaaS admin · Clinic · Shop · Inventory · CMS & media · Construction · Salon & fitness · Hotel & restaurant · 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.