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 the 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.
De tools en technologie waarmee ik AI Dimensie apps bouw.
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.