Quick Start

Up and running in 3 steps

The site now shows the real setup path for this library instead of placeholder marketing copy.

1

Install the package

Add Zyra NG UI to your Angular 21+ workspace with your package manager of choice.

# npm
npm install zyra-ng-ui

# pnpm
pnpm add zyra-ng-ui
2

Register the provider

Enable the theme service once at bootstrap so tokens and runtime theme switching are ready immediately.

import { provideZyra } from 'zyra-ng-ui';

providers: [
  provideZyra({ theme: 'dark' })
]
3

Start building

Pull in any standalone component and use it directly in your feature templates.

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

@Component({
  imports: [ZyraButton],
})