AI Dimensie.
Eén design system, 11 themas, 30+ shadcn-componenten. Cyan house style voor Next.js apps. Installeerbaar via 21st.dev.
Geen twee Next.js apps zien er hetzelfde uit.
Tailwind-configs zijn een black box. shadcn-defaults zijn een gray box. En tegen de tijd dat je designer en developer het eens zijn over tokens, is het project al twee iteraties verder.
Eén diamond mark, één kleur-systeem, één type-stack.
AI Dimensie levert alle tokens, components en themes die je nodig hebt. Installeer één commando en je app draait in de AI Dimensie house style — geen design-overrides meer nodig.
Wat je krijgt bij installatie.
11 themes, één diamond mark
Cyan, amber, mint, violet, rose, cobalt, chrome, sunset, noir, lime, fuchsia. Wissel met één env-var, niet met een design-override.
oklch tokens
Voor zachte gradients en consistente accessibility-contrast. Geen magic hex-codes meer in 17 verschillende bestanden.
30+ shadcn-componenten
Avatar tot Sheet, allemaal met de AI Dimensie-styling. Drop-in replacement voor de Radix defaults.
Drie stappen van kale Next.js tot AI Dimensie app.
- 01
Installeer de registry
npx shadcn@latest add https://21st.dev/r/jasonmohab-ali — of kies losse componenten uit de registry.
- 02
Plak je tokens
oklch-tokens in je tailwind.config.ts. Tien regels, klaar.
- 03
Ship in je eigen brand
AI Dimensie-themes zijn production-ready. Geen design-tool-roundtrip meer, geen design-overrides in code.
Voor je begint.
Kan ik de themes aanpassen aan mijn eigen huisstijl?
Ja — de oklch-tokens zijn je startpunt. Override de cyan-family met jouw eigen hex en alles schaalt mee.
Werkt het met Tailwind v3?
AI Dimensie is gebouwd voor Tailwind v4. v3 werkt grotendeels maar de oklch-syntax is v4-native.
Wat kost het?
De componenten en themes zijn MIT-licensed. Gebruik in eigen projecten, ship in producten, geen attribution nodig.
Eén installatie, consistente brand.
Cyan diamond mark, 11 themes, 30+ componenten. Open de registry en pak wat je nodig hebt.