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 @fortawesome/angular-fontawesome @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons

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';

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 🚀