CARD_SHOWCASE
Below, the same <DCard> rendered in every dialect simultaneously. No config changes, no CSS overrides, just a different voice.
editorial
Clean geometry, serif authority, and deliberate whitespace. The newspaper front page as interface.
swiss
Grid-locked precision, functional type, and rational color. Design as information architecture.
brutal
Stark contrasts, heavy borders, and unapologetic weight. Every element demands attention.
clinical
Muted surfaces, hairline dividers, and surgical spacing. The interface disappears behind the data.
clay
Rounded forms, warm shadows, and tactile depth. Components you want to reach out and touch.
neumorph
Soft raised surfaces and inset wells. The screen becomes a sculpted material.
sketch
Wobbly borders, imperfect lines, and notebook charm. Digital UI with analog soul.
y2k
Gloss, gradients, and chrome. The optimistic future that early-2000s interfaces promised.
candy
Bold pastels, bubbly shapes, and joyful motion. UI that refuses to take itself seriously.
unicorn
Holographic shifts, aurora gradients, and ethereal glow. Interface as daydream.
phosphor
Monospace grids, scanline flicker, and CRT warmth. The hacker aesthetic, rendered in components.
HOW_IT_WORKS
ONE API
Every component has a single, stable API. Props, slots, events stay the same. Only the visual implementation changes per dialect.
CSS TOKENS
Each theme defines its own design tokens like colors, radii, shadows, typography and motion. Components reference tokens, not hardcoded values.
DIALECT PROVIDER
Wrap any subtree in <DDialectProvider> to override the active theme locally. Multiple dialects coexist on one page.
40+ COMPONENTS
Buttons, cards, inputs, modals, charts, navigation, all fully themed. Every component, every dialect, both light and dark mode.
TECH_STACK
BY_THE_NUMBERS
STATUS
Dialect UI is currently in active development. The core architecture, token system and all 11 theme implementations are in place. Component coverage is expanding. More details and documentation will follow as the project matures.