LIMINAL UIDESIGNSYSTEM

Own every line. Ship with confidence.

Copy-paste React components built on Ark UI primitives and styled with Tailwind v4. No wrappers, no lock-in — just clean, composable code you fully control.

Hero Image
+

Build clean UIs faster.

Start with a minimal setup and ship reusable components with full control over your design system.

npm i liminal-ui
Go to npm

THEMING ENGINE

One system.
Infinite palettes.

Switch between curated presets or craft your own. Every variable updates in real time — what you see is what you ship.

Decorative lamp above core sample card

COMPONENT

v2.4

System Card

Baseline implementation on Ark UI primitives with predictable structure and zero lock-in.

AccessibleThemeableComposable
theme.csscss
:root {
  --radius: 0rem;
  --tracking-normal: 0em;
  --font-sans: var(--font-geist-sans), ui-sans-serif, sans-serif;
  --border-width: 1px;
  --backdrop-blur: 0px;
  --card-opacity: 1;
  --shadow: none;
  --background: oklch(0.9702 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --primary: oklch(0.463 0.2818 264.2203);
  --primary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --border: oklch(0.8754 0.0033 17.2208);
  --accent: oklch(0.9207 0.1815 109.4908);
  --ring: oklch(0.708 0 0);
}

.dark {
  /* ... dark mode overrides ... */
}
5 presets included — fully customizableOpen Playground →

Open components. Ark UI + Tailwind. You own the source.

COMPONENT SYSTEM

Built to compose.
Ready to ship.

Pick a component. Adjust its props. See the result live. Every piece is accessible, themeable, and yours to own.

Live Preview

Interactive

Size

6 components shown — 24+ available in docsExplore Docs →

COMING SOON

Full dashboards.
Complex components.

Dashboard and complex components preview

We're building ready-to-drop dashboard layouts and richer composite components — data tables, charts, sidebars, and multi-step flows. All built on the same primitives you already use, so they fit seamlessly into your stack.

Stay tuned for updates.

CONTACT

Let's talk.

Questions about the library, contributions, or collaborations — reach out by email or on GitHub.

Liminal UI — Build beautiful UIs you own