@pmndrs

The Poimandres design system: Material Design 3 colours, fonts, a shadcn preset, logos, Figma tokens and brand guidelines for pmndrs apps.

16 components react shadcn-cli

website ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://pmndrs.github.io/design-system/r/registry.json

pnpm pnpm dlx shadcn@latest add https://pmndrs.github.io/design-system/r/registry.json

bun bunx shadcn@latest add https://pmndrs.github.io/design-system/r/registry.json

fetch registry curl -s https://pmndrs.github.io/design-system/r/registry.json

Components

16 total

MD3 plumbing lib

The MD3 colour layer without any colours: the package's Tailwind plugin, its shadcn remap, and the pmndrs seed. Install this only if you compute the palette yo…

npx shadcn@latest add https://pmndrs.github.io/design-system/r/md3-base.json

pmndrs mono font font

Inconsolata as `--font-mono`, so `font-mono` resolves to the pmndrs monospace — applied to `code, kbd, samp, pre` only. Through `next/font/google` on Next, thr…

npx shadcn@latest add https://pmndrs.github.io/design-system/r/font-mono.json

pmndrs theme lib

The pmndrs theme: the Material Design 3 palette, the colour machinery under it (`md3-base`) and the mono font (`font-mono`). Additive to the stock shadcn token…

npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme.json

pmndrs Lime theme lib

The pmndrs theme with Lime (#CAF543) as its source seed. Lime keeps the designer-selected neutral seeds. Custom colours and the mono font stay the pmndrs defau…

npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-lime.json

pmndrs Teal theme lib

The pmndrs theme with Teal (#00F7A3) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs de…

npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-teal.json

pmndrs Cyan theme lib

The pmndrs theme with Cyan (#2BDCF6) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs de…

npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-cyan.json

pmndrs Purple theme lib

The pmndrs theme with Purple (#D855F9) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs …

npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-purple.json

pmndrs Red theme lib

The pmndrs theme with Red (#FF4980) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs def…

npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-red.json

pmndrs Orange theme lib

The pmndrs theme with Orange (#FFC043) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs …

npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-orange.json

pmndrs Yellow theme lib

The pmndrs theme with Yellow (#EBFF0F) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs …

npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-yellow.json

pmndrs palette CSS item

The pmndrs light and dark palettes as a plain CSS file. Import it in Vue, vanilla JavaScript or any project that uses CSS variables; no framework, Tailwind plu…

npx shadcn@latest add https://pmndrs.github.io/design-system/r/palette.json

poimandres preset base

The poimandres shadcn preset and the pmndrs theme in one item, for `shadcn init`: style `base-luma`, Inter, the default radius, lucide icons, and the Material …

npx shadcn@latest add https://pmndrs.github.io/design-system/r/preset.json

poimandres Vue preset base

The pmndrs palette and foundations for shadcn-vue: reka-luma, Lucide icons, Inter and Inconsolata, the default radius, and every Material Design 3 colour utili…

npx shadcn@latest add https://pmndrs.github.io/design-system/r/preset-vue.json

pmndrs logo item

The pmndrs logo as SVG — complete, idle, animated and loading — into `public/pmndrs/`, so `/pmndrs/logo_loading.svg` is a plain image URL. The animations are C…

npx shadcn@latest add https://pmndrs.github.io/design-system/r/logo.json

pmndrs Figma tokens item

The pmndrs design tokens for Figma, into `design/tokens/pmndrs/`: the palette, light and dark, and the type, spacing, radius and motion values, as variables Fi…

npx shadcn@latest add https://pmndrs.github.io/design-system/r/figma-tokens.json

pmndrs theme for v0 item

The pmndrs theme as `app/globals.css` for Open in v0: the light and dark palette, shadcn and MD3 colour utilities, Inter, Inconsolata and the default radius. I…

npx shadcn@latest add https://pmndrs.github.io/design-system/r/v0.json