Salon & fitness app UI for React
Coaching bodies: workouts, programmes, memberships and client forms. 10 live React screens in working order, each in nine looks, installed by your coding agent.
Screens
- Workout planner: A training plan a person lives in: the program's next session with its estimate and Start, an exercise replaced for this session only or for every later…
- Workout logger: A live training session: every exercise's sets as target-table rows with a done column; marking a set done fills its shape and starts the rest by itself…
- Training progress: A person's training history: the headline counts (weeks in a row, days since the last workout, workouts this month), a month calendar that names each…
- Program setup: A training program's setup and living settings: the intake (one question per step, the week drawn as you answer, a failed generation keeping every…
- Protocol builder: A practitioner's reusable protocol and the client copies made from it. Foods and habits each carry a written intent (Include, Reduce, Exclude) in its…
- Nutrition library: A nutrition practice's library. Recipes: ingredients with grams and servings, nutrients per serving summed (energy, protein, carbohydrate, fat, fibre), a…
- Packages & memberships: Prepaid packages and series, built: the packages down the side (version and how many sold, or not on sale yet), the open one beside them. Its price is a…
- Client forms: A salon's or spa's client forms and who they ask: the forms down the side with where each stands (on, set up and off, not set up yet), the open one…
- Instructor finder: Finding a flight instructor. Search by name or airfield, filter by what you want to learn (each subject with how many teach it nearby), by distance, and…
- Flight logbook: A pilot's logbook. Total time (with hours brought forward from earlier logbooks), PIC, night, the last 90 days and how many entries are still incomplete…
The parts they're built from
- Avatar (free): in 10 of these screens
- Button (free): in 10 of these screens
- Label (free): in 10 of these screens
- Spinner (free): in 10 of these screens
- Tooltip (free): in 10 of these screens
- Select (free): in 9 of these screens
- Number field (free): in 8 of these screens
- Segmented control (free): in 7 of these screens
- Text morph (free): in 7 of these screens
- Bottom sheet (free): in 6 of these screens
- Dropdown menu (free): in 6 of these screens
- Input (free): in 6 of these screens
- Textarea (free): in 6 of these screens
- Chip group (free): in 5 of these screens
- Empty state (free): in 5 of these screens
- Skeleton (free): in 5 of these screens
- Switch (free): in 5 of these screens
- Alert (free): in 4 of these screens
- Calendar (free): in 4 of these screens
- Checkbox (free): in 4 of these screens
- Date picker (free): in 4 of these screens
- Glow (free): in 4 of these screens
- Kbd (free): in 4 of these screens
- Search field (free): in 4 of these screens
- Sheet (free): in 4 of these screens
- Target table: in 4 of these screens
- Badge (free): in 3 of these screens
- Combobox (free): in 3 of these screens
- Confirm morph: in 3 of these screens
- Inline edit (free): in 3 of these screens
Install the parts you need in your React app as compiled packages or editable source. Get Beamline · Connect your agent
Next: Hotel & restaurant. Other apps: AI workspace · Trading · SaaS admin · Clinic · Shop · Inventory · CMS & media · Construction · Events & bookings · 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.