Clinic app UI for React
A clinic's day: the desk's diary, booking, patient records, care plans and claims. 22 live React screens in working order, each in nine looks, installed by your coding agent.
Screens
- Appointment book: The desk's day with the appointment editor beside it. The appointment being edited is a block on the day like any other, drawn in the accent while it is…
- Book an appointment: A client books an appointment on the practice's own site: a service (length and price beside it), who gives it or anyone free, and where; a day with…
- Services and hours: A practice's services and the hours its practitioners can be booked, one relation seen from both ends. A service reads as values and changes on demand…
- Patient overview: One patient's record on a page. A search finds patients by name, chart number or birth date (recent patients when empty; same names told apart by birth…
- Patient chart: A clinic's chart for one client and their animals. The client's header (phone, email, contact preferences, the balance with what it means and as of when…
- Health questionnaire: A patient's medical history as a versioned questionnaire. Every question takes Yes, No or I don't know, and one not answered says so, never read as No; a…
- Case workspace: A patient's clinical cases and how cases work at the practice. A case shows its status, type, teeth, staff, location and start; its checklist counts…
- Care plan: A client's care plan composed beside what the client will see of it. Every field says who sees it (the care team only, or the client too) and the…
- Treatment plan: A patient's treatment plan in named phases. Each procedure shows its tooth, status and fee beside the patient's and the insurer's estimate (not known…
- Plan templates: Reusable treatment-plan templates. A template reads as words at rest and changes on demand: its name edits in place; the status its procedures start as…
- Plan acceptance: A treatment plan presented for acceptance, from both sides. The practice chooses the agreement (the account's default or this location's own) and how…
- Plan follow-up: The practice's follow-up lists, for the person who turns accepted treatment into booked chairs. Treatment plans lead with what's at stake: the value…
- Session notes and tasks: A session's note beside its follow-up tasks, each task tied to the exact words it came from: choose a task and its words light in the note or the…
- Note templates: A practitioner's note templates in one library with three ways in. My templates lists their own by kind, favourites first, each with when it was last…
- Probing chart: A periodontal probing chart. Six sites per tooth (three buccal, three lingual) across both arches as you face the patient, each depth in its cell and…
- Procedure picker: Procedures, conditions and bundles put on a patient's teeth from the chair. The mode (existing, planned, completed) is chosen before adding and each…
- Results notebook: A notebook entry's structured results. The entry's text above a bounded results table with typed columns: a sample link, numbers in their unit with their…
- Insurance claims: Insurance claims as a queue: every claim at first, in the order a person works them (rejected by the clearinghouse, denied by the payer, partly paid, not…
- Account ledger: A patient's account. All transactions or the ones needing attention, each dated with its type in a word, its amount and the running balance; entries that…
- Dispensing: Dispensing from the shelf by lot. A product is found with its stock and prices (consumables left out unless asked); the quantity is drawn across its…
- Record sharing: Records sent out of a clinic. Several visits' records and their documents (record, invoice, plan, lab result, image) are chosen separately, with how much…
- Client journal: A client's journal from both ends. The client's side is their home, built around their day: today's goals with how many are done and a mark each, done…
The parts they're built from
- Button (free): in 22 of these screens
- Label (free): in 22 of these screens
- Spinner (free): in 22 of these screens
- Avatar (free): in 20 of these screens
- Select (free): in 20 of these screens
- Segmented control (free): in 19 of these screens
- Text morph (free): in 19 of these screens
- Tooltip (free): in 19 of these screens
- Skeleton (free): in 17 of these screens
- Input (free): in 16 of these screens
- Empty state (free): in 14 of these screens
- Textarea (free): in 12 of these screens
- Alert (free): in 9 of these screens
- Checkbox (free): in 9 of these screens
- Dropdown menu (free): in 9 of these screens
- Number field (free): in 9 of these screens
- Calendar (free): in 8 of these screens
- Switch (free): in 8 of these screens
- Bottom sheet (free): in 7 of these screens
- Date picker (free): in 7 of these screens
- Inline edit (free): in 5 of these screens
- Popover (free): in 5 of these screens
- Badge (free): in 4 of these screens
- Sheet (free): in 4 of these screens
- Multi-select (free): in 3 of these screens
- Time picker (free): in 3 of these screens
- Combobox (free): in 2 of these screens
- Radio cards (free): in 2 of these screens
- Slot text (free): in 2 of these screens
- Toggle group (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: Shop. Other apps: AI workspace · Trading · SaaS admin · Shop · Inventory · CMS & media · Construction · Events & bookings · 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.