# Templates

25 whole pages built from kit parts and nothing else. Each is a live demo you can open full screen.

Docs · 25 pages · https://tactileui.dev/templates

Every page here is Markdown too: add .md to its address. The whole library as JSON: https://tactileui.dev/catalog.json

- [Dashboard · Hearth](https://tactileui.dev/templates/dashboard): A home-energy screen for a house, not an ops room: the headline says what the house is doing, three big readouts, the ground floor drawn as a plan of circuits with their switches and a room gauge, the day on the chart recorder, the battery and tonight’s rules.
- [Website · Quiet](https://tactileui.dev/templates/site): An uptime product site that speaks in specimens: “Nothing to report.” at display size, a live check of your own address, a year of its own alerts as lamps, three controls that are the whole setup, how it decides to speak, a printed rate card and questions.
- [Sign-in · Vault](https://tactileui.dev/templates/vault): A two-step sign-in with nothing else on the page: one screwed plate whose lit display says LOCKED, the sign-in part (Google, GitHub or an email code), then the code dialled into a tumbler lock, and the display opening.
- [Agent console · Lode](https://tactileui.dev/templates/agents): An operator’s desk for agents in production: the fleet’s status on an LED sign as the masthead, the chosen run’s steps as a full-width LED tape, runs in a rail, throughput on the recorder, evals on a heatmap, spend on a ring, and a command line.
- [Analytics · Sounding](https://tactileui.dev/templates/analytics): A monthly report laid out like a printed annual report.
- [Docs · Switchyard](https://tactileui.dev/templates/manual): Documentation as a printed service manual, for a feature-flag service: a numbered contents with a search that filters it, a display chapter numeral, code on dark plates with copy keys, printed warnings, and an instrument on the bench that runs what the page describes.
- [Shop · Aldous](https://tactileui.dev/templates/shop): A product page for a piece of desk hardware, laid out like a catalogue spread: the “photograph” is the unit itself, built from kit parts and changed by the configurator, beside a display model number, options, the price and a cart drawer with a checkout.
- [On-call · Tocsin](https://tactileui.dev/templates/oncall): An on-call console at 3 a.m., for a payments incident: one alarm plate with a pilot lamp, the time open in a lit display and latency on a chart recorder; acknowledge, escalate, page and roll back; the rota as a board of name cards.
- [Billing · Plumb](https://tactileui.dev/templates/billing): A billing statement you can operate, for a nine-seat studio: the amount due in display type, usage on LED bars, the plan changed by a rotary selector with the proration printed as invoice lines, seats and notices, and a guarded danger plate.
- [Blog · The Slackwater Log](https://tactileui.dev/templates/journal): An engineering journal for a fleet of neighbourhood batteries: a nameplate, the newest entry as a cover whose picture is its own reading, a ruled ledger of numbered entries, and a long read with notes in the margin and a figure you can replay.
- [Portfolio · Maas & Veld](https://tactileui.dev/templates/folio): A design studio’s portfolio as a museum case: eight things the studio made, each built from kit parts, standing on two shelves with printed labels, a register below, and a case study for each with the object live on a stage.
- [Funnels · Sluice](https://tactileui.dev/templates/funnel): A funnel workbench for an invoicing app, on a Quiet page: the steps are plates in a rack you reorder by hand, and beside them the funnel is measured as it changes, with an amber lamp on the step most people never reach, what the leavers did instead, and a breakdown by source, device or country.
- [Company blog · The Gantry Bulletin](https://tactileui.dev/templates/bulletin): A company blog for a CI service set as a broadsheet front page: a masthead with the issue and the date, a lead story with its figure on LED bars, the next three in a ruled column, most read, a newsletter plate, and the archive paged by a thumbwheel.
- [Checkout · Calder](https://tactileui.dev/templates/checkout): A one-page checkout for a cycle parts shop, as a docket and a till: three numbered parts whose lamps light as each is complete, and a till with the total on its display, the bag, a discount code and a receipt that prints a line for each part.
- [Release notes · Halyard](https://tactileui.dev/templates/changelog): Release notes for a deploy tool as a register: each version in the margin like a ledger folio, its changes grouped by kind, breaking changes printed with the before and after.
- [Budgeting app · Tally](https://tactileui.dev/templates/budget): A personal budgeting app for an everyday screen, on a Quiet page: left to spend this month and a day, a meter for each category that turns amber near its limit and red past it, in words as well as colour, a searchable list of transactions grouped by day with a side panel to change a category, three accounts with when they were last read, and a few settings.
- [Chat app · Parley](https://tactileui.dev/templates/chat): An AI chat app for an everyday screen, on a Quiet page: a list of conversations you can search and fold away, a thread of plain readable messages with real headings, lists, tables and code blocks that have their own copy key, a reply that streams in with a Stop key, and a box that grows as you write, with a model picker and a token count.
- [Account pages · Porter](https://tactileui.dev/templates/porter): The account pages an ordinary app needs, on a Quiet page: sign in with Google, GitHub or email, create an account with a live password check, forgot and reset a password, a six-box two-step code that takes a paste, and a signed-in account page with its devices.
- [Shop back office · Counter](https://tactileui.dev/templates/counter): The back office of a small shop, on a Quiet page: orders to pack and how long the oldest has waited, takings today and this week against last week that add up to the orders beneath them, a table of orders you can search, filter by status, channel and date, sort and tick, with a bar that packs, prints slips or exports the ticked ones, and a side panel for one order with its items, address and history, a tracking number to mark it sent and a refund that asks first.
- [Appointment book · Diary](https://tactileui.dev/templates/diary): The appointment book of a small physiotherapy practice, on a Quiet page: a day as a time grid with both practitioners side by side, free times you press to book, a Now line and the next appointment marked; a week that says how full each day is with a calendar to jump to a date; a booking form that offers only free times and refuses a clash in plain words; clients with their last and next visit; and settings for hours, appointment types and reminders.
- [Settings · Bureau](https://tactileui.dev/templates/bureau): The settings area an ordinary app needs once you are signed in, on a Quiet page: profile with a picture, security with a password meter, two-step and sessions, notifications by event, billing with a usage meter and a cancel guarded by a dialog, and a team with roles and invites.
- [Project board · Board](https://tactileui.dev/templates/board): The project board of a small team, on a Quiet page: five columns of cards you drag between and within, with the mouse, a finger on the handle, or the keyboard (Space to pick up, arrows to move, Space to drop, Escape to put back, every step said aloud), a filter bar by owner, label, due this week and search whose counts match what is shown, and a limit on Doing that lights its lamp when it is passed.
- [Case-study portfolio · Casebook](https://tactileui.dev/templates/casebook): The portfolio of a small independent studio, as a site it could publish tomorrow, on a Quiet page: an index of case studies as plates with a flat drawing for a cover, filters by kind of work and by year with counts that agree with the list, and one line of outcome with a real figure for each.
- [Support inbox · Mailroom](https://tactileui.dev/templates/mailroom): The support inbox of a small software team, on a Quiet page: conversations in a list with the customer, subject, last line, age, status (Open, Waiting or Closed), who has it and a priority lamp; filters for Mine, Unassigned, All and each status, with a count that always matches the list; and a search.
- [Writing app · Writer](https://tactileui.dev/templates/writer): A plain writing app with a typewriter for its hero, on a Quiet page.