🎉

New: AI Components for BuilderKit

Explore now

The Angular UI system your AI agent already knows

BuilderKit restyles Angular Material without changing its APIs, so your AI agent writes correct, beautiful UI on the first try. Components, blocks, and full templates included.

COMPONENTS

Angular Material components, refined

All Angular Material components, rebuilt with a clean and modern design system. Keep the same APIs and behavior, but start with a UI that feels current and consistent.

Explore components

ADVANCED COMPONENTS

Composable components for real interfaces

Build complex UI patterns like sidebars, dialogs, and toolbars using flexible, directive-based components. Control structure and behavior directly in your templates without relying on rigid inputs.

Explore advanced components

AI COMPONENTS

Chat and agent interfaces, from the same system

Everything a chat or agent interface needs, from streaming replies and reasoning panels to the prompt composer. They share the design system of everything else in BuilderKit and work with any model you connect.

Explore AI components

AGENT SKILLS

Your agent builds on a real design system

Your agent can already scaffold an app. The BuilderKit skill grounds it in a real design system, so what comes out is built from real components and blocks, not improvised markup.

Explore agent skills

Terminal

>Create an Angular app with BuilderKit called "Taskflow" for project management.

Read skills/builderkit and scaffolded Taskflow with the tasks page, sidebar and auth wired up.

Taskflow app built by an agent with the BuilderKit skill

BLOCKS

Drop-in UI blocks for building interfaces faster

Pre-built sections designed for real application pages, from forms to dashboards and settings screens. Copy, paste, and customize them to move faster without starting from scratch.

Explore blocks

TEMPLATES

Full templates for real applications

Complete Angular application templates with layout, structure, real UI patterns, and SSR out of the box. Start with a solid foundation and focus on building features instead of setup.

Explore templates

Fuse

Complete admin dashboard template with dashboards, tables, projects, inbox and settings. Built for real products.

Horizon

Help desk template with ticket queue, conversations, customers, reports and help center. Built for support teams.

Echo

AI agent workbench template with chat threads, streaming replies, traces, projects and providers. Built for agent products.

Orbit

Landing and marketing template with polished sections. Built for product websites and modern SaaS pages.

Spark

Minimal starter template with structure, theming, and core setup. Build your application from a clean foundation.

FEEDBACK

What Angular developers say about BuilderKit

Teams and developers are already building real applications with BuilderKit. Here’s what some of them say.

We’ve been using BuilderKit as the backbone of our web tools since practically day one. It was effortless to adopt and has dramatically accelerated our development speed without sacrificing architectural control.

Marti Nogue

Unity Toolsmith at CATSOFT WORKS

A modern UI toolkit built on Angular Material that lets me focus on building instead of tweaking styles. It’s also very easy to integrate into existing projects.

kamilcglr

BuilderKit is the foundation of every product we’re building. Updates have been painless, and the architecture keeps our code clean and decoupled.

Mariano Santoro

Founder at Wolfware

BuilderKit gave us a rock-solid base and a modern UI, and saved us countless hours without a single major refactor.

Mustafa Helvaci

Founder at FDK

BuilderKit saves years of experience by giving you a ready-to-use design system.

mbirali

Founder at Aioneprod

Frequently Asked Questions

Answers to the most common questions about BuilderKit, components, blocks, templates, their usage, licensing, and support.

What is BuilderKit?

BuilderKit is a UI toolkit and a design system for Angular. It includes refined Angular Material styles, custom components, UI blocks, templates and example applications. Each designed to integrate seamlessly with the others.

It is a thoughtfully crafted system of tools built to streamline development and elevate the quality of Angular applications.

Can BuilderKit be used in an existing Angular app?

Yes, while the suggested use case is to use one of the templates as a starting point for new projects, BuilderKit can also be integrated into existing Angular applications. The refined Angular Material styles can be applied to upgrade the look and feel of your current components, and individual blocks or templates can be adapted for use within your app’s structure. The agent skill also handles installing BuilderKit into an existing project for you.

How is BuilderKit different from a typical Angular template?

BuilderKit is not a static template or UI mockup. It is a complete toolkit. The entire system works together cohesively to provide a solid foundation for building real-world Angular applications.

It follows modern Angular patterns and provides a cohesive foundation that extends beyond visual design, supporting real application development from the ground up.

Are these custom components?

No. BuilderKit doesn't include any custom primitive Angular components. Instead, it provides refined styles for the standard Angular Material components. These styles enhance the appearance of the existing components you already use, giving them a more modern and polished design without requiring any changes to the components themselves.

What are agent skills?

A skill is a set of instructions and metadata that an AI coding agent reads before it starts building with BuilderKit. It covers the design guidelines, the documentation for every block, and the templates as reference, so the agent builds with the system instead of guessing at it.

Will I get the same results as the demos?

No, agents are not deterministic. The model you use, its reasoning level, and even the same prompt run twice can produce different results.

What the skill does is ground your agent in BuilderKit’s rules, block documentation and reference templates, so the output lands in the system. It does not make the output identical.

What does “lifetime access” mean?

Lifetime access means that with a single purchase, you receive ongoing access to BuilderKit, including all components, blocks, and templates. All future updates, improvements, and new features are included at no additional cost. Your GitHub repository access remains active indefinitely, so you can always pull the latest version as BuilderKit continues to grow.

Can I use BuilderKit for client work or freelance projects?

Yes, BuilderKit can be used to build applications for clients or freelance projects. As long as you hold a valid license, you are free to use it across commercial work, including SaaS products, internal tools, and client deliverables. Each developer using BuilderKit must have their own license, unless covered by a team license.

Start building modern Angular apps

With BuilderKit, you have everything you need to create polished, scalable Angular applications with better structure and faster development.

Get lifetime access