ZyraUiLib

Zyra NG UI is a modern Angular UI component library focused on clean APIs, design tokens, and scalable architecture.

The library is currently in early development and is being built component by component, starting with a solid foundation.

⚠️ Status: Active development Components are added incrementally. APIs may evolve.

Why Zyra NG UI?

• Built for modern Angular (17+ / 21+)
• Standalone component–first approach
• Design-token–based theming
• Lightweight & tree-shakable
• Clean and predictable APIs
• Focused on real-world Angular apps

Installation

npm install zyra-ng-ui

Getting Started

Import styles in your global styles file:

@import 'zyra-ng-ui/styles';

Usage

Import component in required Angular module or standalone component:

import { ZyraButton } from 'zyra-ng-ui/button';	

Use component in your templates:

<zyra-button variant="primary">
  Click me
</zyra-button>

Roadmap (Planned)

• Dark / light theme switcher
• components buildout
• Accessibility enhancements
• Documentation improvements
• Roadmap may evolve as the library grows.

Documentation

Documentation is being built alongside the library.

👉 https://www.zyraui.dev

Note

Zyra NG UI is built as a learning-driven and quality-focused project, aiming to grow into a full Angular design system over time.

Progress over perfection 🚀