Open Source
Licensed under MIT and built in the open on GitHub. Every component, token, and test is public — contribute, fork, or audit anything, anytime. No license fees, no lock-in.
Installation
Get MyUI running in your project in under a minute. Requires Node 18 or later.
MyUI ships as a single npm package with zero runtime dependencies. Install it with your package manager of choice and import only the components you use — tree-shaking keeps your bundle tiny.
Terminal
npm install myui
Project Setup
Scaffold a new project with the CLI, or add MyUI to an existing Vite / Next.js app by wrapping it with the MyUIProvider. The provider injects your theme tokens and enables dark mode.
Terminal
# scaffold a starter project npx myui init cd my-project npm run dev
Theming
Every color, radius, and shadow in MyUI maps to a design token. Change a token once and the whole system updates — including dark mode, which toggles automatically with a single class on the root element.
The default palette ships with an accessible indigo primary, nine neutral steps, and semantic success / warning / danger ramps. Swap --myui-primary in your CSS and every button, badge, and link follows.
First Component
Import a component and render it. That's the whole API — props are typed, defaults are sensible, and the live preview below is the real thing.
App.tsx
import { Button } from 'myui' <Button>Click me</Button>
Live preview — go ahead, click it