Official starter templates for the Uniweb CLI. Each template provides content (section types, pages, theme) that the CLI scaffolds into a complete project with foundation and site packages.
See the templates in action: View all demos
| Template | Demo | Description |
|---|---|---|
| marketing | Live Demo | Landing pages and marketing sites with Tailwind CSS |
| academic | Live Demo | Research labs, departments, and academic portfolios |
| docs | Live Demo | Documentation sites with sidebar navigation and syntax highlighting |
| international | Live Demo | Multilingual sites with i18n (English, Spanish, French) |
| blog | Live Demo | A blog on the @std/article standard schema, with a page for every post |
| dynamic | Live Demo | Live API data fetching with loading states and transforms |
| store | Live Demo | Artisan e-commerce with a product catalog and Shopify integration |
| learning | Live Demo | Course-based learning site with quizzes and code challenges |
| extensions | Live Demo | Multi-foundation sites with visual effects extension |
| cv-loom | Live Demo | An academic CV filled in from profile data with Loom, also downloadable as a Word document |
| monograph | Live Demo | An illustrated long-form document, also downloadable as a Word document |
| academic-metrics | Live Demo | A university unit's publications, funding and supervisions, also downloadable as an Excel workbook |
| business-docs | Live Demo | Invoices, statements of work and an engagement report, exportable to Excel |
| paste | Live Demo | Bring an existing React design into Uniweb by pasting it in |
| services | Live Demo | A local-services site built around a request-a-quote form |
| conference | Live Demo | A conference programme that becomes a web app, with sign-in, when the site has a backend |
npx uniweb@latest create my-project --template marketingAny name in the table works in place of marketing. uniweb template list prints the official templates your CLI knows.
Then:
cd my-project
pnpm install
pnpm devMarketing — Product launches, SaaS websites, and business landing pages. Includes Hero, Features, Pricing, Testimonials, and CTA components.
Academic — Universities, research labs, and academic portfolios. Designed for researchers and departments to showcase publications and projects.
Docs — Technical documentation with navigation levels, sidebar navigation, and code syntax highlighting. Ideal for API references and developer guides.
International — Multilingual corporate sites demonstrating Uniweb's i18n capabilities. Includes blog, search, and records with English, Spanish, and French translations.
Dynamic — Conservation site demonstrating live API data fetching with loading states, transforms, and the portable data pattern.
Store — Artisan e-commerce with a product catalog, Shopify Buy Button integration, journal blog, and warm stone-amber design.
Learning — Course-based learning platform with auto-detecting lesson types (reading material, quizzes, code challenges, open-ended prompts), sidebar navigation, and AI grading integration point.
Extensions — Multi-foundation demo with a primary foundation and a visual effects extension, showing how multiple foundations contribute section types to one site.
Blog — Article cards on the home page and a full page for every post, built on the @std/article standard data schema: the site supplies its articles as markdown records and needs no schema file of its own.
CV (Loom + Press) — An academic CV whose sections are written in markdown with Loom {placeholder} expressions, filled in from a single profile at render time, and downloadable as a branded Word document through Press. Ships with Charles Darwin's CV as sample data.
Monograph — A richly illustrated long-form document: numbered chapters, figures with captions, data-driven tables and a citestyle bibliography. The same components drive the web preview and a branded .docx with headers, footers and page numbers. Ships with Darwin's Galapagos observations as sample content.
Academic Metrics — A report whose content is also a downloadable Excel workbook: publications, funding and supervisions aggregated across the members of a university unit, shown as charts and tables on the web and as flat sheets in Excel. Ships with three 19th-century naturalists as sample members.
Business Documents — Invoice and statement-of-work records, pages that list them, and a filtered engagement report with XLSX export.
Paste a Design — The fastest way to see an existing React design running in Uniweb: replace sections/App.jsx with your design and run. lucide-react, the icon set most AI tools emit, comes preinstalled.
Services — A site for a local trade, such as a plumber or an electrician, built around a quote request form. The form is content, not code: a yaml:form block the author designs, drawn by one section type.
Conference — A conference programme that works as a static site and becomes a web app when the site has a backend: attendees sign in and record the sessions they attend, and organisers edit and reorder the programme in place. Ships a local backend, so it runs with nothing installed.
Templates use format 2 — they contain only content (section types, pages, theme, records). The CLI provides all structural scaffolding (package.json, vite.config.js, the site's entry.js, etc.) from its own package templates.
marketing/
├── template.json # Metadata: name, description, format, tags
├── foundation/
│ ├── main.js # Foundation declarations
│ ├── styles.css # Foundation styles
│ ├── sections/ # Section type components
│ └── components/ # Components the sections share
└── site/
├── site.yml.hbs # Site configuration
├── theme.yml # Theme variables
├── layout/ # Header, footer content
└── pages/ # Page content (markdown)
See creating-templates.md for the full guide on template structure, content directories, and publishing.
MIT