themes
Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.
An open-source library of polished, accessible React UI components that lets you build websites and web apps quickly without writing UI elements or styles from scratch.
Radix Themes is an open-source library of pre-built user interface components for building websites and web applications with React. It is maintained by WorkOS and is designed to help developers put together polished interfaces quickly without having to write every visual element from scratch. The library is optimized for fast development, easy maintenance, and accessibility, meaning the components are built to work correctly with screen readers and keyboard navigation out of the box.
The library fits into the broader Radix UI ecosystem, which is a well-known set of low-level, accessible component primitives. Radix Themes builds on top of those primitives to provide higher-level, visually styled components that are ready to use directly in a project, rather than requiring developers to assemble and style everything themselves.
Because the README for this repository is very short and directs readers to the external documentation site, the full details of what components are included, how theming works, and how to install the library are not described here. The documentation is available at the Radix UI website, which covers installation, component reference, and theming options. A changelog listing what changed in each release is also hosted there.
The project is licensed under the MIT License, which allows free use in personal and commercial projects. Community support is available through GitHub Discussions, a Discord server, and a Twitter account. Contributions from outside developers are welcomed, with guidelines available in the repository.
Where it fits
- Add pre-built, accessible buttons, modals, and form fields to a React app without writing any custom CSS.
- Build a polished web app prototype quickly using ready-made Radix Themes components with built-in keyboard navigation.
- Theme your entire web app by configuring colors and styles in one place through Radix Themes' theming system.
- Use Radix Themes as the visual layer on top of Radix UI primitives for a complete accessible component solution.