One hundred complete, multi-page website templates — each a different world. Browse them live, preview every page, take the code with one command.
A cento is a poem made entirely of lines borrowed from other poems; the word is also Italian for a hundred. This repository is both: a hundred complete websites, built to be borrowed.
Every template is a real site, not a landing-page skin:
- 7–17 page templates each, 12–57 routes once detail pages are counted: collections with filters and search, detail pages, about, journal or docs, a 404.
- Working flows in the browser — carts and checkouts, booking calendars, enquiry and application forms with validation, quote calculators, and full
/appdemos for the SaaS templates. Nothing is sent or charged. - A different world every time — its own sector, layout, palette, typeface pairing and one signature interaction you will not find in the others.
- One file to rebrand — all copy and data live in
src/content.ts; design tokens sit at the top ofsrc/styles.css. - Standalone — each folder is an independent Vite + React + TypeScript app with self-hosted fonts, local images and relative paths, so its build runs from any static host or subfolder.
npx degit koative/cento/themes/roast my-site
cd my-site
bun install # or npm / pnpm / yarn
bun run devReplace roast with any folder from the catalogue below. bun run build writes a static site to dist/.
Routes are hash-based (#/shop/guji-natural), so the build needs no server rewrites. Interactive state (carts, saved plans) lives in localStorage, and every flow keeps working when storage is unavailable.
| No. | Template | Sector | Pages | Signature | Demo |
|---|---|---|---|---|---|
| 002 | Orbit | Space launch startup | 11 | Rideshare calculator, Launch manifest, Vehicle spec sheets, Mission patches | Live ↗ |
| 006 | Ledger | Personal finance app | 17 | Paycheck allocator, App demo, Envelope budget, Card freeze | Live ↗ |
| 009 | Signal | Product analytics SaaS | 15 | Live query composer, App demo, Funnel builder, Pricing calculator | Live ↗ |
| 026 | Helix | Quantum computing company | 10 | Circuit composer, Qubit lattice explorer, Papers library, Cloud pricing estimator | Live ↗ |
| 038 | Cipher | Cybersecurity SaaS | 15 | Access review with signed attestation, App demo, Trust center, Pricing calculator | Live ↗ |
| 041 | Stack | Developer documentation | 10 | Docs shell, API playground, Docs search, Changelog | Live ↗ |
| 044 | Flux | Workflow automation SaaS | 17 | Workflow builder, Live test runs, Integrations directory, App demo | Live ↗ |
| 062 | Cadence | Hiring & ATS software | 16 | Interview loop composer, Pipeline board demo, Interview kit scorecards, Pricing toggle | Live ↗ |
| 063 | Conduit | API integration platform | 17 | Live request console, Connectors directory, Status page, App demo | Live ↗ |
| 070 | Lucid | AI writing assistant SaaS | 15 | Live prompt demo, Tracked-changes review, App editor demo, House style guide | Live ↗ |
| 071 | Streak | Habit-tracking mobile app | 10 | Interactive chain calendar, CSS phone mockups, Help centre, Blog | Live ↗ |
| 073 | Sprint | Project management SaaS | 14 | Sprint capacity planner, Keyboard-movable board, App demo, Pricing calculator | Live ↗ |
| 074 | Pipeline | CRM & sales software | 13 | Forecast call, Deals board demo, Contacts & timeline, Seat pricing | Live ↗ |
| 083 | Shortlist | Job board | 10 | Job search, Shortlist compare, Salary checker, Post a job | Live ↗ |
| 084 | Guild | Freelance marketplace | 12 | Time-zone crew planner, Talent directory, Project brief builder, Fee calculator | Live ↗ |
| 097 | Manual | Help center & knowledge base | 13 | Instant search, Guided troubleshooter, Status page, Community forum | Live ↗ |
| No. | Template | Sector | Pages | Signature | Demo |
|---|---|---|---|---|---|
| 003 | Muse | Fashion label | 11 | Lookbook with shop-the-look, Online shop, Store hours, Checkout | Live ↗ |
| 015 | Index | Independent bookstore | 10 | Card catalogue drawer, Online bookshop, Events & RSVP, Book club membership | Live ↗ |
| 016 | Bloom | Florist | 12 | Bouquet builder, Delivery checkout, Subscriptions, Wedding enquiries | Live ↗ |
| 017 | Velo | Bicycle shop & builds | 9 | Bike shop, Build configurator, Service booking, Rides club | Live ↗ |
| 021 | Kiln | Ceramics studio & shop | 11 | Glaze bench configurator, Online shop, Workshop booking, Firing calendar | Live ↗ |
| 022 | Aura | Skincare brand | 12 | Ritual builder, Ingredients glossary, Online shop, Journal | Live ↗ |
| 046 | Lumen | Eyewear brand | 11 | Face-shape finder, Live frame configurator, Eye test booking, Lens thickness guide | Live ↗ |
| 050 | Heirloom | Jewelry atelier | 11 | Ring builder, Online shop, Appointment booking, Bespoke process | Live ↗ |
| 052 | Saffron | Grocery market & delivery | 10 | Delivery slot board, Shop-the-recipe, Online grocery, Swap preferences | Live ↗ |
| 058 | Patina | Vintage furniture store | 11 | Online shop, Doorway fit check, Room sets, Sell-to-us form | Live ↗ |
| 072 | Hush | Noise-cancelling headphones | 10 | Noise lab with Web Audio, Colour picker, Compare models, Cart & checkout | Live ↗ |
| 075 | Drop | Streetwear store | 11 | Drops calendar, Raffle tickets, Size-run stock, Cart & checkout | Live ↗ |
| 100 | Tinker | Toy store | 12 | Shop by age, Gift finder, Workshop booking, Gift wrap | Live ↗ |
| No. | Template | Sector | Pages | Signature | Demo |
|---|---|---|---|---|---|
| 007 | Ember | Neighbourhood restaurant | 9 | Table planner, Reservations, Private dining, Supper-club events | Live ↗ |
| 012 | Roast | Coffee roastery | 10 | Online shop, Subscription builder, Brew timer, Roast curves | Live ↗ |
| 019 | Nocturne | Cocktail & listening bar | 10 | Drinks menu, Record of the night, Table booking, Private hire | Live ↗ |
| 042 | Proof | Artisan bakery | 11 | Oven board, Order-ahead shop, Pickup planner, Class booking | Live ↗ |
| 066 | Pour | Natural wine shop & bar | 12 | Taste finder, Online shop, Tastings booking, Wine club | Live ↗ |
| 086 | Smash | Burger joint with ordering | 11 | Burger builder, Online ordering, Catering estimator, Merch shop | Live ↗ |
| 095 | Kettle | Craft brewery & taproom | 12 | Flight builder, Tour booking, Pickup shop, Age gate | Live ↗ |
| 099 | Pantry | Meal kit subscription | 9 | Plan builder, Weekly menu, Recipe pages, Sign-up checkout | Live ↗ |
| No. | Template | Sector | Pages | Signature | Demo |
|---|---|---|---|---|---|
| 005 | Haven | Alpine hotel | 12 | Availability calendar, Room-view panorama, Booking flow, Dining & spa menus | Live ↗ |
| 011 | Terrain | Guided adventure travel | 10 | Route finder, Day-by-day route explorer, Packing checklist, Booking flow | Live ↗ |
| 045 | Odyssey | Travel agency | 11 | Itinerary planner, Route chart, Season charts, Enquiry flow | Live ↗ |
| 048 | Drift | Surf school & camps | 10 | Surf forecast widget, Camp finder, Lesson & camp booking, Coach profiles | Live ↗ |
| 087 | Hideaway | Vacation rental villas | 9 | Availability calendar, Live stay quote, Island map, Booking flow | Live ↗ |
| 093 | Roam | Car rental | 9 | Booking flow, Bag fit planner, Station map, Deal codes | Live ↗ |
| No. | Template | Sector | Pages | Signature | Demo |
|---|---|---|---|---|---|
| 010 | Still | Yoga & meditation studio | 11 | Breathing guide, Class schedule, Class booking, Memberships | Live ↗ |
| 025 | Solace | Family health clinic | 9 | Appointment booking, Live appointment card, Clinic map & hours, Clinician profiles | Live ↗ |
| 030 | Tempo | Dance studio | 10 | Timetable planner, Tap-tempo style finder, Trial booking, Events RSVP | Live ↗ |
| 033 | Summit | Climbing gym | 11 | Interactive route map, Day-pass booking, Classes timetable, Membership calculator | Live ↗ |
| 051 | Chroma | Hair salon | 10 | Chair-time planner, Online booking, Lookbook formulas, Shade level chart | Live ↗ |
| 077 | Iron | Gym & personal training | 10 | Class timetable, Programme builder, Plate loader, Join flow | Live ↗ |
| 078 | Enamel | Dental clinic | 10 | Tooth chart estimator, Online booking, Treatment price list, Membership plan | Live ↗ |
| 079 | Whisker | Veterinary clinic | 11 | Appointment booking, Vaccine care planner, Health plans, Emergency guide | Live ↗ |
| 091 | Vital | Telehealth service | 10 | Symptom check-in, Live visit slip, Live wait board, Plan pricing toggle | Live ↗ |
| 094 | Fade | Barbershop | 12 | Fade chart builder, Chair booking, Barber profiles, Product shop | Live ↗ |
| No. | Template | Sector | Pages | Signature | Demo |
|---|---|---|---|---|---|
| 028 | Counsel | Law firm | 10 | Limitation clock, People directory, Fee schedule, Enquiry intake | Live ↗ |
| 031 | Meridian | Real estate agency | 11 | Map search, Floor plans, Valuation estimator, Neighborhood guides | Live ↗ |
| 040 | Vow | Wedding planner | 9 | Countdown planner, Packages by guest count, Wedding stories, Enquiry form | Live ↗ |
| 047 | Vault | Home & renters insurance | 8 | Quote builder, Live policy schedule, Contents counter, Claims triage | Live ↗ |
| 049 | Commons | Coworking space | 10 | Meeting-room board, Interactive floor plans, Events & RSVP, Memberships | Live ↗ |
| 076 | Surge | Growth marketing agency | 9 | ROI model, Experiment readouts, Case studies, Proposal form | Live ↗ |
| 080 | Quadrant | Management consultancy | 9 | Priority matrix, Exhibit charts, Industry heatmap, Enquiry form | Live ↗ |
| 081 | Tally | Small-business accounting firm | 9 | Tax deadline calendar, Packages pricing, Book a call, Resource library | Live ↗ |
| 092 | Fixture | Plumbing & electrical services | 8 | Instant estimate, Service-area map, Emergency triage, Visit booking | Live ↗ |
| 098 | Cohort | Venture capital firm | 10 | Round modeller, Portfolio tombstones, Pitch form, Essays | Live ↗ |
| No. | Template | Sector | Pages | Signature | Demo |
|---|---|---|---|---|---|
| 001 | Forma | Architecture studio | 8 | Light study, Project register, Case pages, Enquiry form | Live ↗ |
| 008 | Atelier | Creative agency | 8 | Brief builder, Case studies, Work index, Careers | Live ↗ |
| 013 | Frame | Photographer portfolio | 9 | Contact-sheet viewer, Marked frames enquiry, Editioned prints shop, Wall-scale preview | Live ↗ |
| 020 | Arcade | Indie game studio | 10 | Playable canvas demo, Pixel-art key art, Press kit, Job applications | Live ↗ |
| 039 | Ink | Tattoo studio | 9 | Flash book, Stencil sizer, Healing clock, Booking request | Live ↗ |
| 060 | Mosaic | Interior design studio | 10 | Sample-board builder, Material library, Consultation booking, Project timeline | Live ↗ |
| 064 | Reel | Documentary film production | 7 | Trailer player, Production board, Screenings programme, Enquiry form | Live ↗ |
| 067 | Tilde | Developer portfolio | 10 | Working shell, Case studies, Dotfiles browser, resume.json view | Live ↗ |
| 068 | Margin | Product designer portfolio | 7 | Redline case studies, Design playground, Printable résumé, Enquiry form | Live ↗ |
| 088 | Riff | Band & musician | 12 | Persistent record player, Tour dates & tickets, Merch store, Press kit | Live ↗ |
| 089 | Channel | Video creator & merch | 12 | Chaptered video player, Merch shop, Memberships, Media kit | Live ↗ |
| No. | Template | Sector | Pages | Signature | Demo |
|---|---|---|---|---|---|
| 004 | Pulse | Music festival | 9 | Timetable builder, Artist pages, Ticket checkout, Venue map | Live ↗ |
| 014 | Monograph | Independent magazine | 10 | Article reader, Issue archive, Subscriptions, Contributors | Live ↗ |
| 018 | Prism | Design conference | 11 | Agenda builder, Speaker profiles, Ticket registration, Venue floor plan | Live ↗ |
| 027 | Aperture | Independent cinema | 9 | Seat-picker booking, Sightline preview, Weekly programme, Venue hire estimate | Live ↗ |
| 036 | Chapter | Podcast network | 11 | Chapter-marked player, Listening list, Show pages, Ad campaign planner | Live ↗ |
| 054 | Encore | Theatre | 8 | Seat map with view preview, Booking flow, Membership tiers, Access performances | Live ↗ |
| 057 | Folio | Contemporary art gallery | 13 | True-scale wall preview, Viewing room shortlist, Live opening hours, Editions shop | Live ↗ |
| 065 | Fable | Children's museum | 9 | Floor map & day planner, Timed tickets, School trip requests, Party packages | Live ↗ |
| 069 | Dispatch | Newsletter & personal blog | 8 | Post reader, Delivery calendar, Subscribe tiers, Sponsor booking | Live ↗ |
| 096 | Clutch | Esports team | 12 | Round-by-round replay, Player pages, Jersey name print, Match centre | Live ↗ |
| No. | Template | Sector | Pages | Signature | Demo |
|---|---|---|---|---|---|
| 023 | Tide | Ocean conservation nonprofit | 9 | Tide planner, Volunteer booking, Impact reports, Donate flow | Live ↗ |
| 034 | Campus | Online course platform | 12 | Course catalogue, Pace planner, Learning workspace demo, Sign-up flow | Live ↗ |
| 037 | Civic | City government services | 10 | Report on a map, Trash-day & ward lookup, Council agendas, Service alerts | Live ↗ |
| 043 | Kindred | Pet adoption shelter | 10 | Matching quiz, Kennel-card listings, Adoption application, Donate flow | Live ↗ |
| 055 | Nest | Childcare & nursery | 9 | Fees calculator, Rooms by age, Day in the life, Tour booking | Live ↗ |
| 056 | Field | Community sports club | 9 | Team sheet builder, Fixtures & results, Age-group team finder, Membership registration | Live ↗ |
| 059 | Sonnet | Language school | 9 | Level test, Course catalogue, Weekly timetable, Enrolment form | Live ↗ |
| 061 | Score | Music school | 11 | Playable keyboard + staff, Metronome & tuner, Trial lesson booking, Recital season | Live ↗ |
| 082 | Lantern | Community charity & fundraising | 9 | Live totaliser board, Donate flow, Event RSVP, Open-book reports | Live ↗ |
| 085 | Mentor | Online coach & course creator | 10 | Manager's Wheel self-assessment, Coaching application, Podcast player, Free worksheets | Live ↗ |
| 090 | Quad | University | 10 | Programme finder, Module planner, Campus map, Application form | Live ↗ |
| No. | Template | Sector | Pages | Signature | Demo |
|---|---|---|---|---|---|
| 024 | Relay | Freight logistics platform | 17 | Shipment tracker, Quote calculator, Network map, Shipments app demo | Live ↗ |
| 029 | Grid | Home solar & energy | 10 | Roof solar planner, Energy-flow day, Financing calculator, Multi-step quote | Live ↗ |
| 032 | Forge | Precision manufacturing | 8 | Part configurator, RFQ with file upload, First-article report, Capability filters | Live ↗ |
| 035 | Vector | Electric car maker | 11 | Car configurator, Range estimator, Charging calculator, Test-drive booking | Live ↗ |
| 053 | Alloy | Construction company | 9 | Build programme scrubber, Project index, Tender & estimate form, Careers | Live ↗ |
bun install
bun run dev # gallery + every template at http://localhost:5173/
bun scripts/check-theme.mjs roast # crawl one template at 1440 and 390 px, report defects, save screenshots to .qa/
bun run build && bun run test # production build, then the Playwright suite against itThe gallery reads each template's themes/<slug>/cento.json, so a new folder with metadata appears in the catalogue automatically. See scripts/README.md for the preview and font tooling.
Code is MIT. Photographs, fonts and icons keep their own licences: see ASSETS.md and each template's src/assets/SOURCES.md. Every brand, person, price and figure in the templates is fictional.
Made by koative