Introduction
A composable React component library built on Base UI, Tailwind CSS v4, and copy-paste source ownership.
What is Prototyper UI?
Prototyper UI is a collection of beautifully designed, accessible components built on Base UI and styled with Tailwind CSS v4. Components are copied into your project as source files, so you own and control every line of code.
The library is aimed at teams who want production-quality React components without taking on a runtime dependency or fighting an opinionated abstraction layer. Every component is a real file in your repository — you can read it, edit it, restyle it, fork it, or delete it. There is no breaking-change migration to fear and no opaque package to debug. If a component does ninety percent of what you need, the remaining ten percent is a normal pull request rather than a feature request to an upstream maintainer.
Install any component with a single command:
npx shadcn@latest add https://prototyper-ui.com/r/button.jsonThe component lands in your codebase as a real file you can read, edit, and extend. No runtime dependency, no version lock-in, no abstraction layer to fight.
Features
- Built on Base UI for accessible, unstyled primitives
- Styled with Tailwind CSS v4
- Dark mode support
- Themeable with CSS variables
- shadcn-compatible registry
- LLM-friendly source, catalog, and documentation endpoints
Dependencies
Components are built with:
- Base UI — Unstyled UI primitives
- Tailwind CSS v4 — Utility-first CSS
- class-variance-authority — Variant management
- tailwind-merge — Class merging
Where to go next
Start with Getting Started with Prototyper UI to install the registry and add your first component. From there, the Components section catalogues every primitive, each with a live preview, copy-paste install command, accessibility notes, and a full API reference. If you want a deeper customization story, the Themes guide walks through the OKLCH token system and color-mix() derivations that power dark mode and theme switching. For AI-assisted workflows, browse LLMs.txt for machine-readable endpoints that plug straight into Claude, Cursor, and similar tools.