Open Components - The UXFront component standard
The standard for perfect UI components
Guidelines for building UI components with a perfect user experience, developer experience and agentic experience, whether humans or AI agents write them.
01UX
User experience
Components behave the way people expect them to, with any input, on any device and for every ability.
- AccessibleKeyboard, pointer, touch and screen readers, following WAI-ARIA.
- PredictableThe same interaction works the same way in every component.
- Every stateHover, focus, active, disabled, loading and error, all designed.
- AdaptiveRespects motion, contrast, colour scheme and text size preferences.
02DX
Developer experience
One clear API, learned once and used everywhere. Knowing one component means knowing them all.
- ConsistentSizes, colours, states and events share their names everywhere.
- Type-safeEvery prop, event and slot is typed and documented.
- ComposableSmall parts build larger ones, with no hidden coupling.
- ControllableControlled or uncontrolled, with every state within reach.
03AX
Agentic experience
Components that AI agents can read, reason about and build with, so their output meets the same bar as yours.
- SemanticRoles, names and states agents can read straight from the markup.
- DescribedAnatomy, props and states, published as machine-readable specs.
- DeterministicThe same input always renders the same structure.
- VerifiableRules agents can check their work against before shipping.
Build to the standard.
Learn the guidelines once, then hold every component to the same high standards, whether you or your agents write it.