■ngguide
00Course

Angular UI Kit

Build a production-grade Material 3 component library for Angular from scratch, straight from the M3 spec. Standalone, signal-based, zoneless, one component at a time.

Lessons
60
Modules
15
Level
advanced
Prereq
TypeScript, solid Angular
Sign in to buy →$249 · one payment · yours for good
01What you end up with

A published Angular component library built to the Material 3 spec — tokens, state layers, overlays, form-control bridges, and the components on top of them. Not a demo repo: a package you could put on npm, with tests and a build.

You do not have to take that on faith. The reference implementation of what this course builds toward is public and MIT-licensed, and you can read every line of it before you pay: ui.ng.guide · github.com/ngguide/ui.

02Curriculum

15 modules, 60 lessons, in build order. Each lesson is a sequence of beats: you run one command or make one edit, your agent reads the real output, and only then does the next beat arrive.

  1. 01Standing Up the Workspace8 lessons
  2. 02M3 Tokens4 lessons
  3. 03Interaction Foundation4 lessons
  4. 04Overlay Foundation4 lessons
  5. 05Forms CVA Bridge3 lessons
  6. 06Dynamic Color (optional)4 lessons
  7. 07First Components: Icon & Button5 lessons
  8. 08Actions4 lessons
  9. 09Selection4 lessons
  10. 10Communication4 lessons
  11. 11Containment4 lessons
  12. 12Datetime Foundation3 lessons
  13. 13Text Inputs5 lessons
  14. 14Build & Publish2 lessons
  15. 15Showcase Capstone2 lessons
03How it runs

The course is an MCP server. You connect it to the agent you already pay for — Claude Code, Cursor, Zed, Codex — and it teaches through that agent, in your terminal, on your machine. We never charge you for inference, because we never run any.

~/angular-ui-kitsetup
mkdir angular-ui-kit && cd angular-ui-kit
# then paste this to your agent:
Read https://ng.guide/angular-ui-kit/SKILL.md and follow the setup instructions.
Full setup, including the clients we test against, is in the docs.

Read the setup docs →

04Who it is for

Angular developers who can already build an app and now want to build the thing apps are built out of. You should be comfortable with TypeScript, standalone components, and signals; you do not need to have written a library before, and you do not need to know Material 3 — the spec is what the course teaches you to read.

You need an agent that speaks remote MCP, and a terminal you are willing to work in. If you want to watch videos, this is the wrong course.

05Get it
$249one payment · lifetime access · every future update included
Sign in to buy →

Prices exclude tax; Stripe adds whatever applies where you are. 14 days, no questions — the terms say it out loud.