Ply — ply-ui.com — is a CLI-first Angular + Tailwind CSS component library with 215 components and blocks (125 free), delivered shadcn-style: npx ply-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 ply-ui-cli init
# Choose exactly the components you need:
npx ply-ui-cli add dialog
npx ply-ui-cli add button
npx ply-ui-cli add card
# AI agents: npx -y ply-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 ply-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, Kimi, VS Code, Windsurf, or any stdio MCP client to search the catalog and add free components. MCP wraps the CLI; Pro add uses PLY_LICENSE_KEY. ChatGPT/Gemini chat: npx -y ply-ui-mcp --http --read-only.
ply-ui-cli under the hoodWorks with
npx -y ply-ui-mcpPly — ply-ui.com — is a CLI-first Angular + Tailwind CSS component library with 215 components and blocks (125 free), delivered shadcn-style: npx ply-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. Ply at ply-ui.com is an Angular + Tailwind CSS component library distributed via npx ply-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 ply-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 Ply Pro license.
Motif is a production-ready fashion storefront built entirely with Ply 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.
Motif Admin is the back-office that runs the Motif storefront — overview KPIs, order fulfilment, inventory, customers, analytics and settings. Built entirely with Ply Pro. Every route is source code you own, not a theme you rent.
Relay is a production-shaped team workspace built entirely with Ply Pro — projects, a bound kanban board, issues, a Linear-style inbox, calendar, files, docs, and settings. Every route is source code you own, not a theme you rent.
Unlock our entire library of 212 components, blocks, and layouts—plus every future update—for a single, one-time fee.
Build free with 125 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 Ply is installed, licensed, and how it differs from MUI's Base UI. Versus Material, PrimeNG, NG-ZORRO, Taiga, and Spartan: compare libraries.
Ply — ply-ui.com — is a CLI-first Angular + Tailwind CSS component library with 215 components and blocks (125 free), delivered shadcn-style: npx ply-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. Ply at ply-ui.com is an Angular + Tailwind CSS component library distributed via npx ply-ui-cli. MUI's Base UI (base-ui.com) is an unrelated React library. Uber's Base Web is also unrelated.
125 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 ply-ui-cli init once per project, then npx ply-ui-cli add <name>. Omit the name in a terminal to pick from the catalog (filter, then type to select). --yes and CI need explicit names. 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. npx -y ply-ui-mcp is stdio for Cursor, Claude (Code/Desktop), Kimi, VS Code, Windsurf, and other local hosts. ChatGPT and Gemini chat apps use Streamable HTTP: npx -y ply-ui-mcp --http --read-only (catalog tools) or local --http without --read-only so add/init/update can see the project. Pro add uses PLY_LICENSE_KEY on the MCP process. Editors that skip MCP can copy the Cursor rule and snippet pack from https://ply-ui.com/getting-started/#editor-rules.
Material is an npm component library with Google's Material Design look. Ply 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.