触れるものは柔らかく、読むものは端正に。
A React component library for UI that is calm but never boring
触れるものは柔らかく、
読むものは端正に。
React 19
Usable straight from Server Components — anything that does not need the client stays rendered on the server.
Design Tokens
One prebuilt CSS import and it just works — no Tailwind CSS setup required. Semantic tokens keep colors and spacing consistent, and light and dark modes switch seamlessly.
TypeScript
The props reference is generated from the types, so the docs cannot drift from the implementation. Write a prop that does not exist and the editor tells you before you ever run it.
A surface for agents
The design guide and reference ship inside the npm package, so an agent reads the exact version you installed from node_modules/@k8ordo/ui/docs/. Real props can also be queried through Storybook’s MCP endpoint.
Accessibility
Aiming for components that consider keyboard navigation and screen reader support based on WAI-ARIA patterns.
Soft & Sharp Design
Soft where you touch, sharp where you read. UI that speaks through whitespace and gentle forms.
Vertical Writing Support
Switch writing-mode with the writing-v utility and every component follows along on a vertical page. Preview the Japanese docs in vertical mode.