Outil open source · HankoShell Studio

Vos thèmes Keycloak. En toute liberté.

Un outil open source pour tous vos projets Keycloak. Composez vos écrans, explorez 16 thèmes et emportez votre source. Essayez la démo en ligne ou hébergez votre propre Studio.

Apache 2.0. Aucun compte ni abonnement HankoShell requis.

Essayer la démo en ligneExplorer la collectionVoir le code source
Le Studio, en vraiclair
La galerie du Studio open source en mode clair
Apache 2.0 · Sans compteEssayer la démo en ligne

La collection

Du caractère, dès la connexion.

Photographies expressives, compositions éditoriales, interfaces sobres ou identités vitaminées : partez d’une direction complète, puis faites-la vôtre.

La galerie du Studio présente les thèmes Zest, Parade, Bloom, Shore, Clarity, Precision, Haven et Signal
Vue réelle de la galerie du Studio, en anglais.

Du premier aperçu au projet livré

Composez. Ajustez. Exportez.

  1. 01

    Choisissez votre direction

    Explorez les pages d’un même thème : connexion, compte, sécurité, courriels et administration.

  2. 02

    Donnez-lui votre identité

    Personnalisez les images, les couleurs, les typographies, les contenus et les traductions dans l’éditeur visuel.

  3. 03

    Emportez votre projet

    Exportez votre travail depuis le navigateur. Compilez votre JAR Keycloak localement avec le CLI, ou récupérez les écrans en React/Next.js.

Pour vos projets

Le Studio, à votre façon.

La démo publique permet d’éditer et d’exporter. La compilation Keycloakify s’exécute sur votre machine avec le CLI. Le module React permet d’intégrer le Studio à votre propre application.

CLI & API

npm install @alien6-studio/hankoshell-keycloak-theme-builder
Voir sur npm

Module React Studio

npm install @alien6-studio/hankoshell-theme-studio
Voir sur npm

À vous de créer.

Le Studio est une composante open source du projet HankoShell, distincte de la plateforme et des services. Utilisez-le avec votre propre Keycloak, librement.

Essayer la démo en ligne