A complete UI system for Angular
BuilderKit is a complete UI system for Angular applications. It builds on top of Angular Material and adds a modern design layer, composable components, and ready-to-use application patterns.
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.
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.
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.
Full templates for real applications
Complete Angular application templates with layout, structure, and real UI patterns. Start with a solid foundation and focus on building features instead of setup.
Designed for serious applications
Built for real-world Angular apps with scalable structure, modern patterns, and long-term maintainability. Everything is designed to hold up as your application grows.
What Angular developers say about BuilderKit
Teams and developers are already building real applications with BuilderKit. Here’s what some of them say.
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
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
Frequently Asked Questions
Answers to the most common questions about BuilderKit, components, blocks, templates, their usage, licensing, and support.
General
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.
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.
Components
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 about theming?
BuilderKit comes with its own theming system that is separate from Angular Material’s built-in theming. It supports both light and dark modes out of the box and can be customized to fit your brand colors. However, it does not integrate directly with Angular Material’s theming API, so you cannot use Material themes to change the appearance of BuilderKit components.
BuilderKit's theming system also allows changing colors at runtime, enabling dynamic theme switching in your application.
Can I modify the look and feel further?
Not without significant effort. BuilderKit is built around its own opinionated styling system, which is a core part of the product. While you can customize and extend many aspects, replacing the design system entirely is not supported. The visual identity and consistency provided by BuilderKit’s styles are what make it work as a cohesive, ready-to-use frontend foundation.
Advanced Components
Are these custom components?
Yes, Advanced Components are custom Angular directives created specifically for BuilderKit. Some are written entirely from scratch and others are built on top of Angular CDK and Angular Aria. They provide real UI patterns such as sidebars, collapsible content and structured navigation that do not exist in Angular Material.
What about theming?
Advanced Components follow the same design system as the rest of BuilderKit. Colors, spacing and typography are fully aligned with BuilderKit’s theme. They do not use Angular Material’s theming API but instead rely on BuilderKit’s own tokens. Both light and dark modes are supported and theme changes work at runtime.
Can I modify the look and feel further?
Yes, Advanced Components are more flexible than the styled Angular Material components. They are built in a composable way, so you can apply Tailwind classes, replace primitive parts and change spacing or structure where needed. They still follow a consistent design language but give you more room to adjust details or shape the layout for your app.
Blocks
What are blocks?
Blocks are pre-built, reusable UI sections that can be combined to create complete pages. They are designed to be flexible and adaptable, allowing you to mix and match different blocks to build the layout and structure of your application quickly.
How do I use blocks?
Blocks are provided as standalone, single-file Angular components. You can copy the code for a block directly from the BuilderKit website and paste it into your project. Each block includes all necessary HTML, CSS, and TypeScript code, making it easy to integrate into your application.
Can I customize blocks?
Yes, blocks are designed to be easily customizable. You can modify the HTML structure, CSS styles, and TypeScript logic to fit your specific needs. Each block is built using standard Angular practices, so you can leverage your existing Angular knowledge to make changes.
Templates
What are templates?
Templates are complete application starters that include a set of pre-built pages and layouts. They provide a solid foundation for building specific types of applications, such as dashboards, admin panels, or e-commerce sites.
They do NOT come with any functionality or data integration. Instead, they focus on the frontend structure and design, allowing you to quickly get started with a well-organized codebase that you can then customize and extend to fit your specific needs.
How do I use templates?
Templates are provided as full Angular projects in the same private GitHub repository as the rest of BuilderKit. After purchasing, you can clone the repository and copy the template project into your local development environment. From there, you can run the project, explore the code, and start customizing it to build your application.
Can I use templates for production apps?
Yes, templates are designed to be used as starting points for real-world applications. They provide a solid foundation with a well-organized codebase and a cohesive design system. However, they do not include any functionality or data integration, so you will need to implement those aspects yourself based on your specific requirements.
How up-to-date are the templates?
Templates are regularly updated to ensure compatibility with the latest version of Angular and Angular Material. Updates may include bug fixes, performance improvements, and enhancements to the design system.
As part of your BuilderKit license, you will receive all future updates to the templates at no additional cost.
Usage & Access
How do I get access?
After purchasing BuilderKit, you can use the email address you used for the purchase to log in to the BuilderKit website. From there, you can connect your GitHub account and request access to the private repository. Once you accept the invitation, you will have full access to everything BuilderKit offers plus all future updates.
You can also access Blocks directly from the website, where you can browse, preview, and copy the code snippets you need.
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.
Licensing
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.
Do I need to purchase a license for each project I work on?
No, a single purchase of BuilderKit grants lifetime access to all components, blocks, and future updates for unlimited projects. You can use BuilderKit across as many personal or commercial projects as you like. There are no project-based restrictions.
Can I use BuilderKit in open source projects?
No, BuilderKit cannot be used in open source projects or public repositories. While it can be used in private or commercial client work, the license does not allow redistributing BuilderKit components, source code, or styles in any public, freely accessible, or open source form.
Can I sell products built with BuilderKit?
Yes, you can sell products you build with BuilderKit, such as SaaS applications, client projects, or commercial tools. However, you may not sell or distribute BuilderKit itself, or any parts of it, as a standalone product. This includes themes, templates, UI kits, or anything that exposes the source code, components, or styles for reuse outside your own application.
Support
Do you offer support?
Yes, BuilderKit support is available through GitHub Discussions, where you can ask questions, report issues, and get help using the kit. We are actively involved, so you will receive direct responses alongside input from the community.
Support covers usage guidance and troubleshooting, but it does not include custom development or feature implementation.
Can I get a refund?
All sales are final and non-refundable due to the nature of digital products and the instant access granted to BuilderKit’s private repositories.
Once access is provided, the full source code and assets become available, and access cannot be revoked. If you experience any issues or need help, our support team is here to assist and make sure you get the most out of BuilderKit.
Do you accept feature requests?
Yes, we welcome feature requests and feedback. When reviewing requests, we focus on whether a feature provides broad value and aligns with BuilderKit’s overall vision. While we’re always open to ideas, we do not accept one-off or highly project-specific features that do not benefit the wider user base.
How quickly do you fix reported bugs?
After a bug report is reviewed and confirmed, we prioritize it based on impact. Critical or app-breaking issues are addressed immediately. Other bugs are typically scheduled into the next release cycle and delivered alongside new features or improvements. This helps keep updates consistent while ensuring important issues are resolved without delay.
How long is this project going to be maintained?
BuilderKit is built for long-term support. As the developer behind Fuse Angular, a project maintained for over a decade and trusted by more than 25,000 customers, I’m committed to bringing that same level of care and consistency to BuilderKit. The goal is to create a reliable, evolving toolkit that stays current with Angular and continues to grow over time.