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

$3

``bash
npm install zyra-ng-ui
`

Getting Started

Import styles in your global styles file:

`style.scss
@import 'zyra-ng-ui/styles';

`

$3

Import component in required Angular module or standalone component:

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

Use component in your templates:

`html

Click me

``

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 🚀