Manufacturing app UI for React
Making things: the shop floor, production plans and energy jobs. 15 live React screens in working order, each in nine looks, installed by your coding agent.
Screens
- Shop floor: A workshop's shop floor at one workstation: each job is a card at its work centre with why it isn't ready said in words (parts short, or the previous…
- Production plan: A production plan by month: each product's starting stock, forecast demand, replenishment and ending stock, every ending rolling into the next month's…
- Production and lots: Stock made and stored, with every movement traceable. A batch of a recipe, read as a batch sheet: the recipe, batches (in halves) and day as one sentence…
- Print scheduler: A print shop's production schedule. The week by station: each station's day holds its runs, with a load bar and minutes used against the station's…
- Plan readiness: A solar plan on its way to a permit. The design checks (fire setback from the ridge, string voltage in the cold, roof load, eave and rake setbacks, the…
- Design inputs: What a solar design is checked against, and what the home really uses. Code standards and site conditions (building, electrical and fire codes, wind…
- Solar quote: A residential solar quote. The system's price at its rate per watt with adders, discounts and incentives each switched on or off: discounts come off one…
- Roof layout: The roof of a solar design. The roof in plan with every face's panels drawn as they lie under its roof type's rules (projected from the slope), each…
- Electrical design: The electrical side of a solar design. The existing service set up from a named way of connecting to it (a load-side breaker or a supply-side tap), the…
- Battery sizing: A home battery sized beside its solar. The model and how many with capacity, power and installed price; how it runs (kept full for an outage, storing…
- Field conditions: A farm's fields and what each one's conditions are. The fields as a searchable list (each with its outline, crop, area and the layer's value, or Not…
- Grazing plan: Mobs on a grazing rotation, on the farm's map: with a map base, its parcels are the paddocks, each filled by where it stands in the chosen mob's plan (on…
- Run of show: One service or event plan's order, run more than once: sections and items with each occurrence's start time in its own column, each item's length dragged…
- Sound library: A library of sounds (or any media a person auditions before using): a search by words and #tags with facets as filters, a live "3 filters · 12 results"…
- Tag manager: Tags for one or several items at once (sounds, photos, documents). Nested tag groups are edited in place (rename, new tag), and a folded group still says…
The parts they're built from
- Spinner (free): in 15 of these screens
- Button (free): in 14 of these screens
- Label (free): in 14 of these screens
- Number field (free): in 9 of these screens
- Avatar (free): in 8 of these screens
- Dropdown menu (free): in 8 of these screens
- Input (free): in 8 of these screens
- Select (free): in 8 of these screens
- Tooltip (free): in 8 of these screens
- Checkbox (free): in 6 of these screens
- Empty state (free): in 6 of these screens
- Tabs (free): in 6 of these screens
- Segmented control (free): in 5 of these screens
- Text morph (free): in 5 of these screens
- Bottom sheet (free): in 4 of these screens
- Popover (free): in 4 of these screens
- Skeleton (free): in 4 of these screens
- Textarea (free): in 4 of these screens
- Badge (free): in 3 of these screens
- Calendar (free): in 3 of these screens
- Chip group (free): in 3 of these screens
- Radio cards (free): in 3 of these screens
- Radio group (free): in 3 of these screens
- Alert (free): in 2 of these screens
- Date picker (free): in 2 of these screens
- Glow (free): in 2 of these screens
- Kbd (free): in 2 of these screens
- Lightbox (free): in 2 of these screens
- Multi-select (free): in 2 of these screens
- Search field (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: Government & legal. Other apps: AI workspace · Trading · SaaS admin · Clinic · Shop · Inventory · CMS & media · Construction · Events & bookings · Salon & fitness · Hotel & restaurant · HR & payroll · 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.