terminal
- run npx uix-ui add button
- writes components/ui/button.tsx
- uses your theme tokens
You own the code
Components are copied into your project as plain files. Edit them, rename them, delete what you do not use.
Install the CLIUIX UI: React Component Library
React components that start in your brand
64 accessible components and 42 Tailwind CSS v4 themes. Copy them into your project, own every line, and change the whole look with one theme file.
npx uix-ui@latest inittheme.cssButtonFormCard
UIX at a glance
The short version, for people and for the AI agents that read this page.
- What it is
- UIX UI, an open-source React component library
- Components
- 64, with live previews and code
- Themes
- 42 Tailwind CSS v4 themes, light and dark
- Install
npx uix-ui@latest init- Contrast
- WCAG 2.2 AA in every theme
- License
- MIT, made by Sigma Studio
Copy, paste, it is already your brand.
Each part of the library does one job. Here is what you get.
6.9:1contrast
textsurfaceAA
Contrast is checked
Every theme keeps text and background pairs at 4.5:1 or better, in light and dark.
See the themesthemevioletroleprimarypartbutton
One file sets the look
Colors, type and corner shape live in a theme file. Swap it and every component follows.
How theming worksagent
mcp · useuix.com
- call get_theme("lagoon")
- tokens · colors, type
- components · 64
Your AI agent builds with it
Over MCP, an agent reads your theme and the component list, so it uses your parts instead of making new ones.
Connect an agentDark modeChecked for AA
Dark mode is built in
Every component has a light and a dark look from the first install.
Dark mode guideThree steps to your first screen.
No sign-up and no setup wizard.
- 1
Start
Run
npx uix-ui@latest initin your React app. - 2
Pick a theme
Choose one of 42 themes, or bring the system you made with UIX.
- 3
Add components
Run
npx uix-ui add button card formand build.
Questions
Questions people ask.
Short answers about install, themes, access and AI agents.
Ask us anythingWhat is UIX UI?
UIX UI is a library of 64 React components and 42 Tailwind CSS v4 themes. You copy the components into your project, so you own every line, and one theme file sets the colors, type and corners for all of them. It is open source under the MIT license and made by Sigma Studio.
Is it free?
Yes. The library, the CLI and the free themes cost nothing and need no account. UIX Pro adds more themes and visual styles, and its plans are on the pricing page.
How do I add it to my app?
Run npx uix-ui@latest init in a React project that uses Tailwind CSS v4. Then add a component with npx uix-ui add button. It lands in your source folder as a normal file that you can edit.
Are the components accessible?
They use real HTML elements, show a visible focus ring and work with the keyboard. Every theme is checked so that text and background pairs meet WCAG 2.2 AA contrast, in light and dark.
Can my AI agent use it?
Yes. The library comes with an MCP server at https://useuix.com/mcp and a llms.txt file. Your agent can read the components and your theme, then build screens with them instead of guessing.
Does it match my Figma file?
Yes. UIX UI is made by the same engine as the UIX Figma plugin, so a system you design in Figma gives you the same colors, type and components in code.