Angular 22 · Tailwind v4 · Signals
Angular components you copy in and own.
The Ply CLI copies a component's source into your repo with one command. Change it like your own code: no package to upgrade, no styles to override.
- Free
- 128components, MIT
- Pro
- 90blocks and layouts
- One-time
- $99Pro license
Explorer
~/my-app $
✔ dialog → src/app/components/dialog
18 files written. No package added.
AI agents
Let your agent install components, not invent them.
Ask your agent for a component. The Ply MCP server finds it in the catalog, then runs the CLI to write the files.
- Cursor
- VS Code
- Windsurf
- Claude
- OpenAI
- Gemini
- Grok
- Kimi
- Qwen
- DeepSeek
npx -y ply-ui-mcpAdd a delete confirmation to the project settings page.
search_components"confirm dialog"
- dialog best match
- alert-dialog
add_components["dialog"]
✔ 18 files → src/app/components/dialog
Done. Delete on the settings page now asks for confirmation, using the dialog source in your repo.
Catalog
Start with the essentials.
The primitives most apps need first, free under MIT. Add any with one command.
Templates
Skip to a finished app.
Each template is a complete Angular app and includes a Ply Pro license.
Pricing
Free to start. $99 to unlock Pro.
The core stays free under MIT. Pro is a one-time payment with lifetime updates.
Pro
One-time$99per developer, paid once
Everything in Free, plus:
- Blocks, layouts and widgets
- 90
- Data table, rich text editor, charts, command palette and every full-page layout.
- Projects
- Unlimited
- Updates
- Lifetime
- Every month after
- $0
Team license: up to 10 developers on one shared key. Compare plans
Questions
Short answers to the most common questions. The rest are in the full FAQ.
An Angular + Tailwind component library you install as source. npx ply-ui-cli add <name> copies the TypeScript and HTML into your project, where you own and edit it. 128 components are free under MIT; 90 Pro blocks, layouts and widgets unlock with a one-time $99 license.
The core is. 128 components, including every UI primitive and all 19 form blocks, are MIT and need no account. The 90 Pro blocks, layouts and widgets need a one-time $99 license.
Run npx ply-ui-cli init once per project, then npx ply-ui-cli add dialog (or any other name). The files land in src/app/components/ and are yours to edit.
Run npx ply-ui-cli diff to see what changed upstream, then npx ply-ui-cli update. Files you haven't touched update; files you edited are never overwritten unless you ask.
Yes. Add npx -y ply-ui-mcp to Cursor, VS Code, Claude Code, Codex, or another MCP host, and your agent can search the catalog and install components. ChatGPT and Gemini connect over HTTP. Setup for each tool is in Getting started.
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.
Yes. Every component page is prerendered to static HTML in CI, and the build fails if one stops rendering on the server.
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.
Add your first component
Two commands. The files are yours.
$ npx ply-ui-cli init $ npx ply-ui-cli add dialog
Get new components in your inbox
One email when we ship new blocks, layouts or guides — including what's new in Pro. No spam, unsubscribe anytime.