Platform-native primitives. Parametric color. Features no framework has.
Experimental and newly-stable CSS features being evaluated for the CEDUIX vocabulary.
CSS-native tooltips, popovers, and context menus without JavaScript positioning.
Progress bars, parallax, reveal effects — all CSS, zero IntersectionObserver.
Page and element transitions with shared-element morphing. MPA support landing.
Native <dialog> with @starting-style entry.
CSS-only tabs via radio + :has(). Zero JavaScript.
Supports up to 4 tabs. Panel switching is pure CSS.
LLM-optimal UI framework. 96-token vocabulary. One CSS file.
10x fewer tokens/page. Zero JS. Zero React. Zero Radix.
Core: 93%+. Entry animations: 84%+ (graceful degradation).
| Component | Platform Element | JS Required |
|---|---|---|
| Dialog | <dialog> | showModal() only |
| Tabs | radio + :has() | None |
| Accordion | <details> | None |
| Switch | <input checkbox> | None |
| Popover | [popover] | None |
Change --hue → entire palette recomputes in OKLCH. Animatable.
CEDUIX is the first framework built for LLMs as the primary consumer. Every other framework was designed for human developers. CEDUIX inverts this: the vocabulary IS the API. 96 tokens, closed set, max 4 per element. An LLM cannot hallucinate because there are only 96 valid words.
CEDUIX respects system-level accessibility preferences. Three media queries cover motion, contrast, and data-saving — no JS, no opt-in.
.stagger, .reveal, .animate, .skeleton, [popover], dialog, and [ui~=tab] transitions collapse to instant when the OS requests reduced motion.
Border rungs --bdr-1/2/3 step up to higher contrast ratios. Keeps OKLCH theme intact, only edge legibility changes.
backdrop-filter is dropped from [ui~=glass] and dialog::backdrop. Saves GPU + bandwidth on data-save connections.