Angular components shaped for public websites and real apps.
Zyra UI is a design-token driven Angular library for teams who want the website, documentation, and product interface to feel like one thoughtful system.
Token-first design
Colors, type, spacing, radius, elevation, and motion come from the Zyra token layer.
Angular-native DX
Standalone components, typed APIs, and modern Angular patterns guide every public example.
Public-site polish
Documentation, blog content, and landing pages are built to be readable, crawlable, and fast.
Principle
One visual language from marketing page to component preview.
The website intentionally uses the same library tokens and primitives it documents. That keeps demos honest, improves maintainability, and gives visitors a real preview of how Zyra UI behaves in production.