Slot UI

Beautiful components. Full control. Zero lock-in. Grab, customize, ship.

Slot UI is a collection of beautifully designed, accessible, and customizable components built on top of Base UI and Tailwind CSS. Inspired by shadcn/ui, it follows the same open-code philosophy.

Features

• Built on Base UI primitives for production-grade accessibility
• Styled with Tailwind CSS
• Open code — components live in your project, not in node_modules
• Dark mode support out of the box
• Three corner shape modes: round, square, and squircle
• Compatible with the shadcn CLI for easy installation
• AI-ready — consistent, readable structure for AI tools

Installation

With the shadcn CLI

npx shadcn@latest add @slot/button

To install all components:

npx shadcn@latest add @slot/ui

Manually

1. Install Base UI in your project
2. Find the component you need on the components page
3. Copy the source code into your project
4. Install all the required dependencies
5. Import and use the component

Documentation

Visit slot-ui.com/docs to view the full documentation.

License

MIT