tailthemes
docsnew

Meridian — Docs & API Reference

A documentation theme built as a reading surface, with the four interactions a docs product is expected to have.

both modes at 1280px
Meridian — Docs & API Reference home page, light mode
Meridian — Docs & API Reference home page, light mode
Meridian — Docs & API Reference home page, dark mode
lightdarkloading live preview
54 / 54
light / dark tokens
2
modes, both designed
1
DOM, rendered twice
tailwind-v4docsapi-referencesearch
$39one-time · unlimited projects
30components · every one pictured below
  • unlimited projects, client work included
  • 12 months of updates
  • 14 days, no questions
licence termsLive Preview

AGENTS.md and 4 skills ship in the zip, so your own agent keeps changing it after you buy.

docs — install, use, customize
018

pages, composed from 11 sections

Every page is a real render from the publish gate, in the mode on show. Open any of them in the live preview.

Prose stops at a ruled line and only machine content crosses it: the reading edge runs down every article column, and code blocks, parameter tables and the architecture figure are the things allowed past. Eight routes ship and every link on them resolves. The SDK page is one tabbed comparison of the same consumer in TypeScript, Python and Go, and a hash selects the language. The release log filters by tag. The reference carries a request builder that assembles a real curl command from the publish parameters and never pretends to send it. The header carries a light/dark switch, because dark here is a designed second table, not an inversion. Search is keyboard-first and opens on the platform's own modifier, every code block copies, and the delivery diagram is canonical Wire Diagram JSON your agents can edit. Source Sans 3 and Source Code Pro ship as self-hosted webfonts, the type scale is a real 1.250 ladder, and the masthead carries a contour-survey texture drawn entirely from tokens. Light and dark are both complete and both computed against WCAG AA.

0211 + 19

sections and primitives

You get the parts, not just the demo site. Every frame is a real capture from the theme's own styleguide page, and the source path under it is where the file lands in your project.

1 / 12

docs-hero

src/components/docs-hero.tsx

The indexed masthead (archetype A9): version marker, headline, two actions, the first live request overhanging the container, and an eleven-entry index covering every route with the reader's own position marked

docs-hero

src/components/docs-hero.tsx

The indexed masthead (archetype A9): version marker, headline, two actions, the first live request overhanging the container, and an eleven-entry index covering every route with the reader's own position marked

1 / 12
0354

tokens, both modes

Change one variable and every part follows. Each badge is one token split down the middle: its light value on the left, its dark value on the right, with the theme's own paired ink on both halves.

roles6 of 54

hover or tab a badge for its name and both values, enter copies

supporting14
radius
0.375rem
every token

042

typefaces, self-hosted

Real woff2 files in src/fonts/, wired through next/font and licensed under OFL. Nothing is fetched from Google at build time, so the zip renders these letterforms offline. Scale ratio 1.25.

Meridian

A documentation theme built as a reading surface, with the four interactions a docs product is expected to have.

const { open, close } = useLedger("2026-03") // 0123456789

icons · lucide-react · stroke 2
13px
14px
16px
text
Source Sans 3
mono
Source Code Pro

No separate display face: the headings are set in the text face.

scaleratio 1.25
  • d1Ag
  • d2Ag
  • d3Ag
  • d4Ag
  • leadAg
  • bodyAg
  • smallAg
  • captionAg
  • labelAg
  • readAg
  • scanAg
  • codeAg
05375–1920

every width is a real render from the publish gate

Four viewports, each one a render the gate produced and checked. Switch between them: the frame narrows exactly as a window does, because that is what it is.

home page at 1280px, light mode
Meridian — Docs & API Reference home page at 1280px
1280
061

every token and every part on one page

The styleguide route is not documentation about the theme. It is a page in the zip that renders the real components from the real tokens, so it stays true the day you change one.

075

agent files in the zip

Unzip it and run it, or install it into a project you already have. Either way the theme arrives with the instructions an agent needs to extend it without guessing at your conventions.

what unzips
  • AGENTS.mdthe theme's own rules, written for an agent
  • .claude/skills/4 skills
  • add-pageCompose a new route for Meridian out of its existing sections and the three-pane frame, matching the shell, anchors and manifest entries of home/guides/api
  • add-sectionAdd a new self-contained section to Meridian following its file, token and reading-surface patterns, then wire it into a page, the styleguide and the manifest
  • check-qualityRun Meridian's own gate locally
  • rebrandReskin Meridian for a buyer
  • theme.jsontokens, pages and components, machine readable
  • src/components/11 sections, 19 primitives
  • src/app/8 pages, styleguide included
what it runs on
next >=15react >=19tailwind >=4lucide-reactstandard licence
install into a project you already have
$ bunx shadcn add https://tailthemes.com/r/meridian.json
or run it standalone
$ unzip meridian.zip && bun install && bun dev
activity
30
components
sections + primitives
8
pages
all in the preview
today
last updated
v2.2.1
roadmap
  • v2.1 — /changelog, /sdks, /support; every promised destination existstoday
  • v2.0 — the reading edge, shipped faces, 1.250 ladder, A9 mastheadtoday
  • v1.1 — contour luminance layer on the docs mastheadtoday
  • v1.0 — three-pane docs, API reference, command-K searchtoday
  • MDX content adapter exampleplanned
for agents

This listing is also a markdown document and a JSON endpoint. The theme's own agent files are on the plate above.

/api/themes/meridian
mcpsearch_themesget_themeget_componentdownload_theme

comments

Ask about the theme before you buy, or say what you did with it after.