<p align="center">
    <img src="https://github.com/user-attachments/assets/28b68619-6a35-4c4a-a7c3-a62521bd2002">  
</p>
<p align="center">
    <i>🔏 Svelte Component Library for Keycloakify 🔏</i>
    <br>
    <br>
    <a href="https://github.com/keycloakify/keycloakify-svelte/actions">
      <img src="https://github.com/keycloakify/keycloakify-svelte/actions/workflows/ci.yaml/badge.svg">
    </a>
    <a href="https://www.npmjs.com/package/@keycloakify/svelte">
      <img src="https://img.shields.io/npm/dm/@keycloakify/svelte">
    </a>
    <a href="https://github.com/keycloakify/keycloakify-svelte/blob/main/LICENSE">
      <img src="https://img.shields.io/npm/l/@keycloakify/svelte">
    </a>
    <a href="#contributors">
      <img src="https://img.shields.io/github/all-contributors/keycloakify/keycloakify-svelte?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-svelte">Starter Project Svelte + Vite</a>
    </p>
</p>

## Using the library

See [Getting Started](https://docs.keycloakify.dev/)

## Contributing

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

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

cd keycloakify-svelte
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/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-svelte/commits?author=luca-peruzzo" title="Code">💻</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-svelte/commits?author=garronej" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/hyvonggdr"><img src="https://avatars.githubusercontent.com/u/99980776?v=4?s=100" width="100px;" alt="Hy-Vong Georges Dit Rap"/><br /><sub><b>Hy-Vong Georges Dit Rap</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify-svelte/commits?author=hyvonggdr" title="Code">💻</a></td>
    </tr>
  </tbody>
</table>

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

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