Overview

BuilderKit Advanced Components are higher-level UI components designed to handle real application structure, layout, and interaction patterns. These are not primitives like buttons, inputs, or toggles. Instead, they sit above Angular Material, Angular CDK and Angular Aria, offering functional building blocks you can drop directly into your application.

Each Advanced Component is either fully custom-built or a carefully structured wrapper around Angular Material, Angular CDK, or Angular Aria. They take advantage of the underlying behavior and accessibility foundation while adding the composition, layout, and ergonomics that real apps need but the base libraries don’t provide.

Why They Exists

Angular Components already gives you great primitives. What it doesn’t give you are ready-made patterns like sidebars, collapsible sections, navigation structures, page scaffolding, filter bars, or other common application elements. These are the pieces developers end up rewriting in every project.

Advanced Components fill this gap. They combine essential UI logic with thoughtful structure and styling so you can focus on building features rather than rebuilding the same patterns over and over.

Design Philosophy

Advanced Components follow BuilderKit’s modern and functional design approach. They are opinionated enough to give you a solid foundation, yet flexible enough to adapt to your application’s layout and style.

Composition is at the core. Components are built from small, meaningful pieces that you can rearrange, extend, or restyle through Tailwind utilities. Instead of rigid one-size-fits-all APIs, you get simple, declarative building blocks that stay predictable and intuitive.

Styling

Advanced Components use Tailwind and BuilderKit’s design system for styling. You can fine-tune spacing, alignment, or behavior without wrestling with overrides. The goal is a balance of flexibility and consistency. You get full control where it matters, with guardrails where it doesn’t.

Together, Advanced Components give you the missing layer between styled primitives and full Blocks/Templates: practical, composable UI structures that help you build polished Angular applications faster and more confidently.