AI Dimensie.
Het design system dat alles ondersteunt wat je op deze site ziet — en op de andere 50+ Next.js-projecten. Cyan, oklch, shadcn-native, één diamond-mark.
Open de 21st.dev registry →11 themes, één diamond mark.
themes in de registry- Cyan#22D3EE
- Amber#FCD34D
- Mint#86EFAC
- Neon Violet#A78BFA
- Rose#FDA4AF
- Orange#FB923C
- Green#34D399
- Purple#A855F7
- Blue#3B82F6
- Default#E5E7EB
- Chrome#9CA3AF
Wat erin zit.
Diamond mark
Cyan SVG mark. Herkenbaar op één oogopslag. Schaalt van favicon tot hero-glow zonder kwaliteitsverlies.
Color tokens
oklch-gebaseerde tokens voor foreground/background/accent/muted. Licht én donker geïmplementeerd. Tailwind v4 + shadcn/ui.
Typography
Instrument Sans + Instrument Serif voor display, JetBrains Mono voor UI. Drie families, één ritme.
Components
30+ shadcn/ui-componenten. Cyan house-style. Vervangt Radix-defaults voor alle AI Dimensie apps.
Themes
11 OKLCH-themas: Cyan, Amber, Mint, Violet, Rose, Cobalt, Chrome, Sunset, Noir, Lime, Fuchsia. Iedere theme levert consistente componenten.
Skills
30+ mcp-skills (impeccable, 21st-cli-use, design-system-begrijp-ai, agent-roles) die elke agent kunnen toepassen.
Stack & tools.
Wat AI Dimensie apps aandrijft. Alle logo's komen via Brandfetch — geen zelfgetekende placeholders.
Pak 'm mee.
Elke AI Dimensie component is één commando verwijderd van jouw project. Cyan thema, diamond mark, oklch tokens, shadcn native — al gedocumenteerd en versiebeheerd.