Skip to content
Esc
↑↓navigate↵open⌘Jpreview
On this page

Introduction

Base UI + StyleX components you own.

An open-source UI library following the shadcn code-ownership model — components are copied into your project as editable source — built on Base UI (headless behavior and accessibility) and StyleX (compile-time atomic CSS).

Install

npx @madeui/cli init
npx @madeui/cli add button

init wires the StyleX build into your Next.js or Vite app and copies the design tokens; add copies components into components/ui/. Once the build is set up, the shadcn CLI works too (npx shadcn@latest add @madeui/button) — see Installation.

Guides

  • Installation — StyleX build setup for Next.js and Vite, first components.
  • Customization — tokens, themes, the style prop, and editing component source.
  • Dark mode — apply the dark theme without a flash.
  • CLI — madeui init, add, list.
  • For AI agents — the conventions agents rely on.

Components

Was this page helpful?