Templates · gallery

Whole pages, ready to rebrand

Full template builds composed from the library. Filter by mood and stack, preview any template inline, then open it to copy, re-theme and assemble — every template ships with its provenance, its audits and an honest time-to-build.

7 template builds

SaaS Launch Page

saas · template · landing · pricing

24 KBReact

Complete 8-section launch page: nav, aurora hero, bento features, live demo strip, pricing toggle, FAQ, CTA and footer. React + Tailwind, one install.

Open full page →~5 copy-copies to build

Agency Showcase

agency · portfolio · template

21.3 KBReact / HTML/CSS

Editorial-styled agency site: splash grid, case-study cards with tilt, team bento and a marquee of client marks. Original typographic system included.

Open full page →~5 copy-copies to build

A library that reads like a book

Every asset page ships code, tokens and a design note in one place, so onboarding is one scroll instead of five tabs.

npm i motif-ui

One command, no peer-dependency maze. The package is 4 kB gzipped and carries zero runtime.

Tokens before themes

Colour, type and spacing are data first; dark mode is a token swap, not a stylesheet rewrite.

289 assets and counting

Inputs, sections and signature motion pieces — each with an original demo, copy snippet and a11y score.

A motion language, not a toolbox

Under 200ms for feedback, 500ms+ for story beats, and reduced-motion kills the theatre — by design.

click to preview inline

Docs Site Template

docs · template · sidebar · toc

1.3 KBReact / HTML/CSS

Sidebar TOC + scrollspy content + prev/next footer assembled in one compact frame — the docs layout pattern, live with real section tracking.

Open full page →~3 copy-copies to build

dark SaaS template

The component library your roadmap kept promising

Original assets, honest a11y and a motion language — assembled from the same sections on this page.

northwindarclighthazel&coplaindaysolidpine

◈

tokens

one source of truth

◈

motion

budgeted animation

◈

a11y

tested, not bolted

Studio

$0/mo

Team

$24/mo

Agency

$64/mo

Original?Every asset is authored in-house.

Licence?MIT, including client work.

Fast?Zero runtime on your page.

Stop promising the library. Ship it.

assembled from shipped sections · hero → logos → features → pricing → faq → cta

click to preview inline