Accessible Angular UI, built to be owned.

A modern Angular component system designed for ownership — built on a custom accessibility-first CDK, composed with slots, and structured with a Bedrock + Owned architecture for long-term scalability.

Get Started View on npm View on GitHub

Install

yarn add @tailng-ui/components @tailng-ui/icons @tailng-ui/theme

pnpm add @tailng-ui/components @tailng-ui/icons @tailng-ui/theme

npm install @tailng-ui/components @tailng-ui/icons @tailng-ui/theme

Docs and examples live on tailng.dev.

TailNG

Accessibility

Custom accessibility-first CDK

TailNG is built on a custom accessibility-first CDK, designed to provide consistent keyboard, focus, and screen reader behavior across owned Angular components.

Architecture

Bedrock + Owned

Stable primitives in Bedrock, faster iteration in Owned — designed for long-term scalability.

Styling

Slots-based styling

Style components using standard CSS and utilities — with slot-based structure for precise control, without custom styling APIs.

Theming

Modes + themes

Separate mode and theme layers — use modes for surface semantics and themes for brand identity, powered by CSS variables.

News & Events

What’s new in TailNG

Releases, architecture updates, and new components — short updates you can skim.

Release v0.25.0

@tailng-ui/ui v0.25.0 is released

Slots-based micro styling + Time Picker — a major evolution in TailNG component architecture.

Read release notes →

Component New

Time Picker component added

Overlay-driven, token-safe, and designed for scalable Angular forms.

See details →

Roadmap Accessibility

Migrating to @angular/aria + Bedrock strategy

First-class accessibility primitives and a new Bedrock + Owned model for scalable Angular systems.

Read announcement →

View all updates