npm package: @keycloakify/angular
Description: Angular Components for Keycloakify
Author: u/kathari00 u/luca-peruzzo u/garronej
Latest version: 21.0.6

<p align="center">
    <img src="https://github.com/user-attachments/assets/f469232b-5193-4bcd-91c4-6228d48dbe7e">  
</p>
<p align="center">
    <i>🔏 Angular Component Library for Keycloakify 🔏</i>
    <br>
    <br>
    <a href="https://github.com/keycloakify/keycloakify-angular/actions">
      <img src="https://github.com/keycloakify/keycloakify-angular/actions/workflows/ci.yaml/badge.svg">
    </a>
    <a href="https://www.npmjs.com/package/@keycloakify/angular">
      <img src="https://img.shields.io/npm/dm/@keycloakify/angular">
    </a>
    <a href="https://github.com/keycloakify/keycloakify/blob/main/LICENSE">
      <img src="https://img.shields.io/npm/l/@keycloakify/angular">
    </a>
    <a href="#contributors">
      <img src="https://img.shields.io/github/all-contributors/keycloakify/keycloakify-angular?color=ee8449">
    </a>
    <p align="center">
      Check out our discord server!<br/>
      <a href="https://discord.gg/mJdYJSdcm4">
        <img src="https://dcbadge.limes.pink/api/server/kYFZG7fQmn"/>
      </a>
    </p>
    <p align="center">
        <a href="https://www.keycloakify.dev">Home</a>
        -
        <a href="https://docs.keycloakify.dev">Documentation</a>
        -
        <a href="https://github.com/keycloakify/keycloakify-starter-angular-vite">Starter Project Analogjs + Vite</a>
        -
        <a href="https://github.com/keycloakify/keycloakify-starter-angular">Starter Project Vanilla Angular + ESBuild</a>
    </p>
</p>

## Using the library

See [getting started](https://docs.keycloakify.dev/).

| Angular | @keycloakify/angular | Maintained |
| ------- | -------------------- | ---------- |
| 20      | 20.0.x+              | yes        |
| 19      | 0.2.x+               | no         |
| 18      | 0.1.8                | no         |

## Contributing

> **Note:**: This is **not** for using the library, but for contributing to it.

```bash
git clone https://github.com/keycloakify/keycloakify-angular
git clone https://github.com/keycloakify/keycloakify-starter-angular-vite
git clone https://github.com/keycloakify/keycloakify-starter-angular

cd keycloakify-angular
yarn install
yarn link-in-starter # When prompted select the starter you want to link into

# At this point you can navigate to the starter you've picked.
# The changes in the library will be reflected live in the starter.
```

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tbody>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kathari00"><img src="https://avatars.githubusercontent.com/u/42547712?v=4?s=100" width="100px;" alt="Katharina E."/><br /><sub><b>Katharina E.</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify-angular/commits?author=kathari00" title="Code">💻</a> <a href="https://github.com/keycloakify/keycloakify-angular/commits?author=kathari00" title="Tests">⚠️</a> <a href="https://github.com/keycloakify/keycloakify-angular/commits?author=kathari00" title="Documentation">📖</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/luca-peruzzo"><img src="https://avatars.githubusercontent.com/u/69015314?v=4?s=100" width="100px;" alt="Luca Peruzzo"/><br /><sub><b>Luca Peruzzo</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify-angular/commits?author=luca-peruzzo" title="Code">💻</a> <a href="https://github.com/keycloakify/keycloakify-angular/commits?author=luca-peruzzo" title="Tests">⚠️</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/garronej"><img src="https://avatars.githubusercontent.com/u/6702424?v=4?s=100" width="100px;" alt="Joseph Garrone"/><br /><sub><b>Joseph Garrone</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify-angular/commits?author=garronej" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lekhmanrus"><img src="https://avatars.githubusercontent.com/u/2744696?v=4?s=100" width="100px;" alt="Ruslan Lekhman"/><br /><sub><b>Ruslan Lekhman</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify-angular/commits?author=lekhmanrus" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/vikashkumar29"><img src="https://avatars.githubusercontent.com/u/513033?v=4?s=100" width="100px;" alt="Vikash Kumar"/><br /><sub><b>Vikash Kumar</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify-angular/commits?author=vikashkumar29" title="Code">💻</a></td>
    </tr>
  </tbody>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->