Documentation

Learn AngularCSS from installation through production component composition.

AngularCSS is a library of semantic HTML contracts, TypeScript directives, and customizable CSS for AngularTS applications. These docs assume that you know basic HTML but do not assume prior AngularCSS experience.

Start here

  1. Introduction explains what AngularCSS owns and what remains native HTML or AngularTS behavior.
  2. Installation adds the local npm packages, stylesheet, and angular.css module.
  3. Build your first component creates an interactive accordion.
  4. Customization covers tokens, parts, and state selectors.

Browse the catalog

The catalog is organized by responsibility: foundations, elements, patterns, components, and recipes. Every entry has one canonical source, one functional demo, and one documentation page.

Production guides

  • AngularTS ownership explains where models, validation, bindings, and structural state belong.
  • Composition combines primitives into forms, menus, date pickers, and overlays.
  • Accessibility covers authored names, keyboard testing, focus, and generated ARIA state.
  • Testing validates components and documentation in a browser.

Get Started

Install AngularCSS, understand its HTML-first model, and build a first component.

Foundations

Guides

Apply AngularCSS ownership, composition, accessibility, and testing conventions.

Application examples

Complete AngularTS workflows assembled from AngularCSS components.

Elements

Patterns

Components

Focused AngularCSS runtime components for coordinated interaction.

Package Reference

Public AngularCSS package exports, module registration, distribution files, and component contracts.

Recipes