Build a web app form using pre-built accessible buttons and input fields without coding them from scratch.
Add a dialog box to your application that works correctly with keyboard navigation and screen readers.
Sync color and design values between your Figma design file and your codebase automatically.
Browse and preview available components from the terminal using the included command-line tool.
| cloudflare/kumo | aieradev/clypra | vercel-labs/wterm | |
|---|---|---|---|
| Stars | 2,916 | 2,912 | 2,937 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | moderate | easy | moderate |
| Complexity | 2/5 | 2/5 | 3/5 |
| Audience | developer | general | developer |
Figures from each repo's GitHub metadata at analysis time.
Requires installing supporting libraries including React and a package of icons before components will work.
Kumo is Cloudflare's collection of reusable interface building blocks for web applications. Instead of coding buttons, input fields, and dialog boxes from scratch every time, developers can import these pre-built pieces and assemble them into a finished product. The library is built on top of a project called Base UI, which provides the underlying structure. A key focus of Kumo is accessibility, meaning the components are designed so that people using keyboards or screen readers can interact with them properly. The library handles details like keyboard navigation, focus management, and ARIA attributes behind the scenes. ARIA attributes are labels that tell screen readers what each part of a page does. By handling these details automatically, Kumo lets developers build applications that a wider range of people can use without having to manually check every interaction. Developers install Kumo using a package manager, which is a tool that downloads code libraries into a project. It requires a few other supporting libraries to function, including React and a package of icons. Once installed, developers can import specific pieces like a Button or an Input field directly into their code. For projects that only need certain parts, the library supports granular imports, meaning you can pull in just the components you need without loading the entire collection, which keeps the final application smaller. Kumo also includes a command-line tool that lets developers look up component information from their terminal. You can list all available components or pull up the documentation for a specific one. For teams that use Figma, a popular design application, Kumo offers a plugin to sync design tokens like colors. There is also a built-in documentation site where developers can preview components, and detailed guides for anyone contributing to the project itself.
A free library of pre-built, accessible interface pieces like buttons and input fields that developers can drop into web apps to save time and ensure usability for everyone.
Mainly TypeScript. The stack also includes TypeScript, React, Base UI.
No license information was provided in the explanation, so usage rights are unclear.
Setup difficulty is rated moderate, with roughly 30min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
double-check against the repo, no cap.