Open-source tool · HankoShell Studio

Your Keycloak themes. Your creative freedom.

An open-source tool for any Keycloak project. Shape your screens, explore 16 themes and take your source with you. Try the online demo or host your own Studio.

Apache 2.0. No account or HankoShell subscription required.

Try the online demoExplore the collectionView the source
The actual Studiolight
The open-source Studio gallery in light mode
Apache 2.0 · No account requiredTry the online demo

The collection

Character, from the first sign-in.

Expressive photography, editorial compositions, focused interfaces or vibrant identities: start with a complete direction, then make it your own.

The Studio gallery shows Zest, Parade, Bloom, Shore, Clarity, Precision, Haven and Signal themes
An actual view of the Studio gallery, shown in English.

From first preview to delivery

Compose. Refine. Export.

  1. 01

    Choose your direction

    Explore pages from the same theme: sign-in, account, security, email and administration.

  2. 02

    Make it yours

    Customize imagery, colors, typography, content and translations in the visual editor.

  3. 03

    Take your project with you

    Export your work from the browser. Compile your Keycloak JAR locally with the CLI, or export React/Next.js screens.

For your projects

The Studio, your way.

The public demo supports editing and exports. Keycloakify compilation runs on your machine with the CLI. The React module lets you embed the Studio in your own application.

CLI & API

npm install @alien6-studio/hankoshell-keycloak-theme-builder
View on npm

React Studio module

npm install @alien6-studio/hankoshell-theme-studio
View on npm

Make it yours.

Studio is an open-source component of the HankoShell project, separate from its platform and services. Use it freely with your own Keycloak deployment.

Try the online demo