framework-neutral component library
Availability · Architecture · Commands · Specs And Decisions
TYUI is a framework-neutral component library. It is an experiment, not intended to be used by anybody really.
Codex interviewed me, asked bunch of interesting questions about design systems, component libraries, accessibility. Used APG patterns and Fluent UI React v9 as a reference for behaviors, API and other aspects. Then implemented the specs.
The library is intended to be AI firendly - agents should have access to all underlying information, component intnets, usage patterns and best practices.
Desing is proposed to be a separate layer. It should be possible to generate the design layer based on the standardized design.md.
Warning: This is 100% AI generated and not polished. Visuals and user experience will be rough. As part of the experiment I might also want to find out if agents can fine tune the behaviors and visuals of the components so that they can be considered well crafted. But for now they are not.
Storybook is deployed as Github page. Packages are not yet available - they might be if I decide to use the library in my personal projects.
libs/core: plain TypeScript behavior, state machines, and accessibility logic.libs/elements: native Custom Element implementations.libs/define: opt-in custom-element registration functions.libs/solid: Solid JSX typing and optional thin wrappers.libs/testing: shared testing helpers.apps/solid-example: Solid + Vite consumer example.apps/vanilla-example: vanilla + Vite consumer example.
The component implementation should remain in core and elements. Framework packages should only improve typing and ergonomics.
yarn install
yarn build
yarn test
yarn typecheck
yarn playwright:image
yarn dev:solid
yarn dev:vanilla
yarn storybookspec/requirements.mdspec/architecture.mdspec/testing.mdspec/component-contract-template.mdadr/0001-native-custom-elements.mdadr/0002-solid-integration-surface.mdai/components/*.md