Minimalism First.
UI for the focused.
A curated collection of copy-paste components for Next.js and Tailwind CSS. Designed to be clean, fast, and neutral.
Crafted for Precision
Components that look great out of the box, but are easy to make your own.
Simple Button
Badges
Toggle
Avatar
Copy & Paste
No obscure npm packages. No fighting version conflicts. Just pure, readable code that you paste into your project and own forever.
Accessible & Responsive
Built on Radix UI primitives where necessary, ensuring keyboard navigation and screen reader support. Fully responsive with standard Tailwind classes.
Production Ready
Typed with TypeScript. Themed with Tailwind. Designed to be a robust foundation for serious applications.
Three Steps to Ownership
No installation, no configuration, just code.
Browse
Explore the library and find the exact component or pattern your project needs.
Copy
Grab the clean, typed TSX and Tailwind code directly from the documentation.
Paste
Drop it into your codebase. It's now your code. Modify it to fit your brand perfectly.
Questions & Answers
Is this a component library?
Technically, no. It's a collection of reusable components that you copy and paste into your apps. It's not a dependency you install via npm.
Can I use this for commercial projects?
Absolutely. You have full ownership of the code once you copy it. No attribution required, though appreciated.
Which frameworks are supported?
AtlasUI is built primarily for Next.js and Tailwind CSS (v3 and v4), but most components can be easily adapted to any React-based framework.