■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

Start free. Connect the course to your agent and walk the first 3 lessons free — no card, no checkout. Real lessons on the same server the paid course runs on, with your progress kept. You only pay when you reach lesson 4.

Sign in to buy →Was $249, now $99 · one payment · yours for good

$99 with the code LAUNCH99 until 30 September 2026 — applied at checkout, nothing to type.

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.

The lessons marked free below run without a license. Connect your agent and start there.

  1. 01Standing Up the Workspace8 lessons
    • freeYour Repo, Your Library
    • freeOne Publishable Library
    • freeMaking It Match the Spec
  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

03Start it now, free

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.

Run it now, before paying anything: the first 3 lessons are open to any ngguide account. You only pay when you reach lesson 4.

Sign in and the two setup commands appear right here. It is the same account your agent will authorize against on its first call, and the one your progress hangs off — Google or GitHub, no password, no card.

Sign in to start free →

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

Was $249, now $99one payment · lifetime access · every future update included

With the code LAUNCH99, until 30 September 2026. The checkout page opens with $150 already off, so there is nothing to type. Open to anyone, with no limit on how many people use it; after that date it stops working and the price is $249 again.

Sign in to buy →

First 3 lessons free — no card. You do not have to decide from this page — walk the first 3 lessons first, and buy from inside the course.

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