tailthemes
dashboardnew

Atrium

A CRM console that works: drag a deal between stages and every total on the page recomputes, run the three-step wizard and the record is on the board when you get there, edit or delete an account in the row it sits in.

both modes at 1280px
Atrium home page, light mode
Atrium home page, light mode
Atrium home page, dark mode
lightdarkloading live preview
54 / 54
light / dark tokens
2
modes, both designed
1
DOM, rendered twice
tailwind-v4dashboardcrmkanbancharts
$39one-time · unlimited projects
25components · 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
019

pages, composed from 16 sections

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

Nine pages ship: an overview that leads with the quarter's one number, a drag-and-drop pipeline board, a dense accounts table with working create, edit and delete plus the record it opens into, a forecast split by rep against the quarter's target, a stage funnel, a month calendar of close dates, a grouped activity log the console writes to as you work, two three-step create wizards, and a living /components styleguide where every specimen is the working component. Sixteen independent sections and nine primitives build them. One file declares the spine — twelve deals, twelve accounts, ten contacts — and every figure in the theme is derived from it, so no two panels can disagree. Four real recharts, coloured entirely through CSS variables, each with a table twin so no value is trapped behind a hover. Density is the craft: a 13px console tier inside a 1.125 type ladder, Inter Tight and Red Hat Mono shipped as self-hosted woff2, tabular figures in every numeric column, and status that always pairs a colour with an icon and a word. Panels share hairlines rather than floating apart, so the console reads as one sheet. A quiet near-white admin ground and indigo-violet in light, a lifted graphite in dark, a light/dark toggle in the top bar, and every pair computed to WCAG AA. Built for Tailwind v4, Next.js 15 and React 19; every colour lives in one theme.css.

0216 + 9

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 / 17

app-shell

src/components/app-shell.tsx

The console frame every page composes into: a labelled rail from lg (208px, 240px at 2xl) on its own tone off the ground, carrying a workspace switcher, two nav groups whose rows state the count they resolve to, a this-week strip tallied from the log and an account row anchored to the rail's foot; below lg the same body opens from the top bar's menu. Plus a one-row top bar with search, a light/dark toggle and a deliberately secondary global action that stands down on the create routes, and a status bar that carries the demo's reset

app-shell

src/components/app-shell.tsx

The console frame every page composes into: a labelled rail from lg (208px, 240px at 2xl) on its own tone off the ground, carrying a workspace switcher, two nav groups whose rows state the count they resolve to, a this-week strip tallied from the log and an account row anchored to the rail's foot; below lg the same body opens from the top bar's menu. Plus a one-row top bar with search, a light/dark toggle and a deliberately secondary global action that stands down on the create routes, and a status bar that carries the demo's reset

1 / 17
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.

roles9 of 54

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

supporting17
radius
0.5rem
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.125.

Atrium

A CRM console that works: drag a deal between stages and every total on the page recomputes, run the three-step wizard and the record is on the board when you get there, edit or delete an account in the row it sits in.

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

icons · lucide-react · stroke 2
13px
14px
16px
text
Inter Tight
mono
Red Hat Mono

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

scaleratio 1.125
  • d1Ag
  • d2Ag
  • d3Ag
  • d4Ag
  • leadAg
  • bodyAg
  • smallAg
  • denseAg
  • captionAg
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
Atrium 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 console route for the Atrium theme out of its existing sections, matching the shell, heading and manifest patterns of the overview, pipeline and accounts pages
  • add-sectionAdd a new self-contained section component to the Atrium theme following its existing file, token, density and chart patterns, then wire it into a page and the manifest
  • check-qualityRun Atrium's own quality gate locally
  • rebrandRepalette and rename the Atrium theme
  • theme.jsontokens, pages and components, machine readable
  • src/components/16 sections, 9 primitives
  • src/app/9 pages, styleguide included
what it runs on
next >=15react >=19tailwind >=4lucide-reactrechartsstandard licence
install into a project you already have
$ bunx shadcn add https://tailthemes.com/r/atrium.json
or run it standalone
$ unzip atrium.zip && bun install && bun dev
activity
25
components
sections + primitives
9
pages
all in the preview
today
last updated
v2.2.2
roadmap
  • v2.2 — the console works: drag-and-drop board, create wizards, account CRUDtoday
  • v2.2 — quieter admin ground, mode toggle, calendar, funnel, coverage maptoday
  • v2.1 — forecast, activity log, and the create formstoday
  • v2.0 — Inter Tight type, indigo on deep paper, one-sheet hairline consoletoday
  • v1.1 — drafting-paper masthead on the overview, token-inkedtoday
  • v1.0 — CRM console: board, dense tables, real rechartstoday
  • saved views and a column chooserplanned
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/atrium
mcpsearch_themesget_themeget_componentdownload_theme

comments

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