Current UI

Current UI is an open-source, copy-paste UI component library built on Radix UI and Tailwind CSS that gives React developers a fully customizable starting point for assembling their own accessible component library.

What is Current UI?

Current UI is a collection of styled, accessible React components released under an open-source license. Instead of installing a component package, you copy each component's source code into your own project, so the code becomes yours to edit without restriction. The library is written in TypeScript and built on Radix UI primitives for behavior and accessibility, with visual styling handled by Tailwind CSS utility classes. It was created by Austin Comer and is shared through a public GitHub repository.

Key Features

• Copy-paste delivery — Components are distributed as source code you copy directly into your project, eliminating the need to install the library as a dependency and removing version-lock constraints.
• Radix UI foundation — Every component builds on Radix UI, an unstyled library that handles functionality, accessibility, and browser compatibility, so you inherit expert-maintained behavior.
• Tailwind CSS styling — Components ship with pre-defined Tailwind CSS classes that you can use immediately or restyle by editing the class names in the copied code.
• TypeScript source — The entire library is written in TypeScript, giving you type safety and editor autocomplete when you bring the code into a TypeScript project.
• Open source and community-driven — The full source code is available on GitHub, and the project maintains a newsletter and a Twitter account to share new components and announcements.

Who should use Current UI?

• React developers — copy pre-styled, accessible components into a new or existing React project instead of building them from scratch.
• Design system maintainers — use the collection as a baseline library whose source you own and can extend to enforce a consistent design language.
• Teams that need heavy customization — take full control of component logic and styling because the code lives in your repository, not in a dependency.
• Developers learning accessible UI patterns — read through the component source to see how Radix UI primitives are paired with Tailwind CSS to produce accessible, styled output.

What can you do with Current UI?

• Assemble a custom component library — pick the components you need, copy them into your project, and build a library tailored to your application.
• Restyle components freely — modify the Tailwind classes or component logic directly, since the copied code is yours and unconstrained by library APIs.
• Keep your dependency tree small — only the components you copy are added to your project; there is no package to install and no unused component code bundled.
• Study accessible, composable component code — use the source as a reference for how to structure accessible React components with Radix UI and Tailwind CSS.

How does Current UI work?

The workflow is a straightforward copy-paste process. You browse the component collection on the project's site, copy the source code for each component you want, and paste it into your project. Because the components are built on Radix UI and Tailwind CSS, your project needs those libraries available; the component code itself is pasted in rather than installed as a package.

FAQ

Is Current UI free to use?

The project is described as open source, and its full source code is published on a public GitHub repository. No pricing, license terms, or usage limits are stated on the page, so it is presented as a freely available community resource.

Does Current UI require installing a component package?

No. Current UI is a copy-paste library, meaning you copy the source code of each component into your project instead of adding the library as a dependency. This gives you direct ownership of the code and makes customization straightforward.

What technologies does Current UI use?

Current UI is built using Radix UI and Tailwind CSS. The components are written in TypeScript, and they are designed for use in React projects. Radix UI supplies accessibility and behavior, while Tailwind CSS supplies the styling.

Can I customize the components?

Yes. Because you copy the source code directly into your project, the components become your own code. You can edit any Tailwind class or modify the component logic without working around the constraints of a third-party API.