# Government & legal app UI for React Permits, records and documents a public office signs off. 15 live React screens in [Beamline](https://beamline.io/), in working order, each in nine looks. ## Screens 1. [Permit application](https://beamline.io/components/permit-application.md): A permit application filled in over several sittings on a city's portal. Steps with how many answers each still misses; the draft saved as you go and… 2. [Permit services](https://beamline.io/components/permit-services.md): Where a permit starts on a city's permitting portal. The work's address resolved to the city (its permits are here) or the county around it (that office… 3. [Permit fees](https://beamline.io/components/permit-fees.md): An applicant's permit fees on a city's portal. What's owed across how many permits and how much of it is overdue; every unpaid invoice with its permit… 4. [Permit record](https://beamline.io/components/permit-record.md): A submitted permit seen by the applicant. The overview leads with what's waiting on them: the corrections to answer before the next version goes in, each… 5. [Parcel record](https://beamline.io/components/parcel-record.md): A property's parcel on a permitting portal. The lot drawn to scale as a site plan: the street, the property lines with their lengths, the dashed setback… 6. [Document review](https://beamline.io/components/document-review.md): A PDF going through review: the document in the viewer with every comment pinned to its place, the reviewers' threads beside it (open or resolved, one… 7. [Signing request](https://beamline.io/components/signing-request.md): A document sent for signature, its signature page drawn in miniature with each side's block in order. Sides sign as numbered stages that move earlier or… 8. [Playbook check](https://beamline.io/components/playbook-check.md): A document's changes checked against a versioned playbook (a rulebook of what's acceptable). Each change shows what it was and is now, then two records… 9. [Audit room](https://beamline.io/components/audit-room.md): A compliance audit seen by the company preparing it or by the auditor reviewing it. Evidence keeps the company's readiness (not ready, flagged, ready for… 10. [Agency book](https://beamline.io/components/agency-book.md): An insurance agency's book in two places. Estimated commission: the report named an estimate (not received or earned), as of a time; each source system… 11. [Applicant company](https://beamline.io/components/applicant-company.md): A contractor's company on a permitting portal. Its identity with the licence and insurance it applies under, each said valid, expiring within 60 days… 12. [Applicant projects](https://beamline.io/components/applicant-projects.md): An applicant's permits on a city's portal in one place. Projects through saved views (theirs, their company's, expiring within 30 days) and a search… 13. [Lease renewals](https://beamline.io/components/lease-renewals.md): Leases coming up for renewal. The window leads: every tracked lease placed on the days ahead at its end date, coloured by whose step it is (yours, the… 14. [Queue display](https://beamline.io/components/queue-display.md): The screen in a waiting room, read from across the room. It draws only a public projection of the queue (ticket codes and counters, never a name or a… 15. [Visitor journey](https://beamline.io/components/visitor-journey.md): A visitor's way into a walk-in queue, on their phone. Branches first: each card names its address, whether it's open (until when, closing soon, full, or… ## The parts they're built from - [Button](https://beamline.io/components/button.md) (free): in 15 of these screens - [Spinner](https://beamline.io/components/spinner.md) (free): in 15 of these screens - [Label](https://beamline.io/components/label.md) (free): in 14 of these screens - [Select](https://beamline.io/components/select.md) (free): in 11 of these screens - [Avatar](https://beamline.io/components/avatar.md) (free): in 9 of these screens - [Dropdown menu](https://beamline.io/components/dropdown-menu.md) (free): in 7 of these screens - [Textarea](https://beamline.io/components/textarea.md) (free): in 6 of these screens - [Tooltip](https://beamline.io/components/tooltip.md) (free): in 6 of these screens - [Badge](https://beamline.io/components/badge.md) (free): in 5 of these screens - [Number field](https://beamline.io/components/number-field.md) (free): in 5 of these screens - [Segmented control](https://beamline.io/components/segmented-control.md) (free): in 5 of these screens - [Text morph](https://beamline.io/components/text-morph.md) (free): in 5 of these screens - [Empty state](https://beamline.io/components/empty-state.md) (free): in 4 of these screens - [Input](https://beamline.io/components/input.md) (free): in 4 of these screens - [Tabs](https://beamline.io/components/tabs.md) (free): in 4 of these screens - [Bottom sheet](https://beamline.io/components/bottom-sheet.md) (free): in 3 of these screens - [Calendar](https://beamline.io/components/calendar.md) (free): in 3 of these screens - [Chip group](https://beamline.io/components/chip-group.md) (free): in 3 of these screens - [Date picker](https://beamline.io/components/date-picker.md) (free): in 3 of these screens - [Glow](https://beamline.io/components/glow.md) (free): in 3 of these screens - [Kbd](https://beamline.io/components/kbd.md) (free): in 3 of these screens - [Search field](https://beamline.io/components/search-field.md) (free): in 3 of these screens - [Switch](https://beamline.io/components/switch.md) (free): in 3 of these screens - [Alert](https://beamline.io/components/alert.md) (free): in 2 of these screens - [Checkbox](https://beamline.io/components/checkbox.md) (free): in 2 of these screens - [File drop zone](https://beamline.io/components/file-dropzone.md) (free): in 2 of these screens - [Inline edit](https://beamline.io/components/inline-edit.md) (free): in 2 of these screens - [Popover](https://beamline.io/components/popover.md) (free): in 2 of these screens - [Progress](https://beamline.io/components/progress.md) (free): in 2 of these screens - [Skeleton](https://beamline.io/components/skeleton.md) (free): in 2 of these screens Install the parts you need in your React app as compiled packages or editable source. [Get Beamline](https://beamline.io/checkout?pack=complete) · [Connect your agent](https://beamline.io/connect) Next: [Education](https://beamline.io/components/apps/education.md) · [All apps](https://beamline.io/components/apps.md) Part of [Beamline UI: polished, editable React components and complete screens for custom applications](https://beamline.io/). [Build your own style from any look; tokens, fonts, radii, motion; not only colours](https://beamline.io/docs/customize).