Moo UI

Bootstrap markup. shadcn feel.

Get started Browse Components

Components

47 ready components with live examples, from Button to Data Table.

Blocks

Composed, copy-paste regions such as sidebar shells and release review queues.

Examples

Real, click-through pages — starting with Tasks — built only from Moo UI components.

A product interface layer for teams that already trust Bootstrap.

Moo UI keeps Bootstrap as the public contract: familiar classes, data-bs-* behavior, runtime CSS variables, and Bootstrap JavaScript plugins. It changes the visual language around that contract.

Bootstrap stays the API

Buttons, forms, overlays, navigation, and layout primitives keep the markup model backend teams already understand.

The surface feels calmer

Radius, spacing, shadows, and state language are tuned toward modern SaaS screens without adopting a second frontend stack.

Server-rendered UI stays first-class

The catalog documents public HTML and package contracts; no React, Tailwind, or Radix runtime is required to browse or ship the interface.

Quick start

Use the full build, or scope Moo UI inside an existing Bootstrap app.

Moo UI is CSS-first. Bootstrap owns native JavaScript plugins. Moo UI adds optional ESM only for documented Bootstrap gaps listed in Support & Evidence.

1
2
3<link rel="stylesheet" href="https://unpkg.com/@wpmoo/ui@1.3.0/dist/assets/css/moo-ui.css">

<button type="button" class="btn btn-primary">Create workspace</button>