Base UI (Angular) — base-ui.net — is a CLI-first Angular + Tailwind CSS component library with 211 components and blocks (121 free), delivered shadcn-style: npx base-ui-cli add <name> copies the TypeScript/HTML source into your project, where you own and edit it. There is no npm library package.
Forget massive npm packages. Build your application component by component.
npx base-ui-cli init
# Choose exactly the components you need:
npx base-ui-cli add dialog
npx base-ui-cli add button
npx base-ui-cli add card
# AI agents: npx -y base-ui-mcpThe code gets copied straight into your project's source directory, ready for you to customize.
Use our interactive CLI to selectively add components — no bundle bloat from npm install.
Run npx base-ui-cli add [component] to add a single component. Say goodbye to bundle-heavy libraries.
Edit Tailwind classes or TypeScript methods directly in your project — no complex library overrides needed.
Ask Cursor, Claude, ChatGPT, Gemini, Kimi, or any MCP-compatible client to search the catalog and add free components. MCP wraps the CLI; free components need no license. Stdio for IDE/CLI agents today; remote HTTP coming.
base-ui-cli under the hoodWorks with
npx -y base-ui-mcpBase UI (Angular) — base-ui.net — is a CLI-first Angular + Tailwind CSS component library with 211 components and blocks (121 free), delivered shadcn-style: npx base-ui-cli add <name> copies the TypeScript/HTML source into your project, where you own and edit it. There is no npm library package.
No. Base UI (Angular) at base-ui.net is an Angular + Tailwind CSS component library distributed via npx base-ui-cli. MUI's Base UI (base-ui.com) is an unrelated React library. Uber's Base Web is also unrelated.
Run the CLI
npx base-ui-cli add buttonFiles land in your project
You own the source
Edit Tailwind classes, rewrite the template, or delete the file.
Launch-ready Angular UI that snaps into your codebase — customize every Tailwind class and TypeScript method.
Solid, stroked, and icon button patterns.
Containers for summaries, media, and actions.
Modal overlays for forms and confirmations.
Menus and selectable lists.
Inputs, validation, and layout helpers.
Date picking and scheduling UI.
Switch between sections without leaving the page.
Every primitive, widget, and form control in the catalog.
Drop pre-built sections into a page, or start from a full layout — both are Tailwind-editable source in your repo.
Article headers, author bios, content lists, and related reading blocks.
Product overviews, galleries, pricing cards, and shopping cart blocks.
Login screens, checkout forms, contact sections, and user settings blocks.
Fixed sidebar navigation with a top header bar, stats cards, and a main content area.
Full-width hero with headline and CTA, followed by a three-column features grid.
Asymmetric multi-cell grid with varying card sizes for a modern, editorial-inspired landing experience.
Complete apps with routes and states wired up. Each bundle includes a Base UI Pro license.
Motif Admin is the back-office that runs the Motif storefront — overview KPIs, order fulfilment, inventory, customers, analytics and settings. Built entirely with Base UI Pro. Every route is source code you own, not a theme you rent.
Motif is a production-ready fashion storefront built entirely with Base UI Pro — mega menu, product listing, product detail, cart, checkout, order tracking and an editorial journal. Every route is source code you own, not a theme you rent.
Unlock our entire library of 211 components, blocks, and layouts—plus every future update—for a single, one-time fee.
Build free with 119 components. Upgrade to Pro for production-ready layouts you truly own.
Open source
components
One-time payment
for full access
Need a team license for up to 10 developers, or have questions first? Compare plans · Full FAQ · Compare libraries · Enterprise FAQ
Short answers for how Base UI (Angular) is installed, licensed, and how it differs from MUI's Base UI. Versus Material, PrimeNG, NG-ZORRO, Taiga, and Spartan: compare libraries.
Base UI (Angular) — base-ui.net — is a CLI-first Angular + Tailwind CSS component library with 211 components and blocks (121 free), delivered shadcn-style: npx base-ui-cli add <name> copies the TypeScript/HTML source into your project, where you own and edit it. There is no npm library package.
No. Base UI (Angular) at base-ui.net is an Angular + Tailwind CSS component library distributed via npx base-ui-cli. MUI's Base UI (base-ui.com) is an unrelated React library. Uber's Base Web is also unrelated.
121 items are free — every UI primitive, all 19 form blocks, directives, services, utilities — with no account required. 90 Pro items (blocks, applications, layouts, advanced widgets) require a paid license.
npx base-ui-cli init once per project, then npx base-ui-cli add <name>. Components land in src/app/components/<name>/ by default and are yours.
Yes. The docs site prerenders every catalog route to static HTML, and a blocking CI job fails the build if any route stops rendering.
Yes. The free MCP server (npx -y base-ui-mcp) lets Cursor, Claude, ChatGPT, Gemini, Kimi, VS Code, Windsurf, and other MCP hosts search the catalog and add free components. llms.txt and the registry JSON give agents accurate API facts. Pro installs still use the CLI with a license key.
Material is an npm component library with Google's Material Design look. Base UI (Angular) copies Tailwind-styled source into your repo — edit the markup directly, no ::ng-deep overrides, no theme API to fight.
One email when we ship new blocks, layouts or guides — including what's new in Pro. No spam, unsubscribe anytime.