Keycloakify 10 is out

Tips and tricks
1

Hello all,

I just wanted to make a litle anouncement informing you that Keycloakify 10 have finally been realased.

Keycloakify is a framework for creating Keycloak themes.

This release is a major overhaul, featuring a near-complete rewrite. Here’s a brief overview of the key updates:

  • Full Page Support: All pages are now fully supported, with React components that align with the latest default Keycloak theme. Explore Pages
  • Revamped Documentation: The documentation website has been completely redesigned and now includes multiple video tutorials for easier learning. Visit Documentation
  • Enhanced Compatibility: Supports Keycloak 24 and 25 with full feature parity with the default theme. Anything that works in the default theme works seamlessly in Keycloakify.
  • Real-Time Password Validation: Password validation now happens in real-time, adhering to the password policies set on the Keycloak server. Learn More
  • Easy Theme Testing: Introducing the npx keycloakify start-keycloak command, allowing you to test your theme in a preconfigured Keycloak container. See Documentation
  • SPA Account Theme Support: Single Page Application (SPA) support for the Account theme (v3). Learn More
  • No Dependencies: Keycloakify is now self contained. It won’t installs a ton of dependencies in your node_modules like the previous version did.
  • Localized Messages: Messages defined on the realm in the Keycloak Admin Console are now accessible on the client side. Learn More
  • Terms and Conditions: The terms and conditions functionality now works just as it does in the default Keycloak theme. Learn More
  • Customizable kcContext Exclusions: You can now specify values to be excluded from the kcContext. Learn More
  • Post-Build Transformations: Apply transformations before the theme is generated. Learn More

One more thing I’d like to add is that now Keycloakify is no longer just a React solution.

You can use React if you want to use your own components or fancy libraries like MUI or Shadcn/ui but it’s not mandatory.
But you can also customize the pages without touching React using CSS, SCSS, Tailwind, Bootstrap, @emotion/css, you name it.

There is even a starter for Angular now, but I don’t advertise it to much yet since the author is still working on it.

8 Likes
2

Congratulations @garronej on the huge release!

2 Likes
3

That’s awesome! you should do a meetup and demo it for keycloak devs @garronej

2 Likes
4

Thank you @lamoboos223!

@dasniko has kindly invited me to discuss Keycloakify on his YouTube channel.

I plan to introduce Keycloakify v10 during the session, assuming the invitation is still on the table.

Before that, I’ll be focusing on shipping the Admin Theme support. I want to ensure that as many features as possible are available before taking advantage of this opportunity to speak to a larger audience.

2 Likes
5

for sure! :slight_smile:

1 Like
6

You’re an actual hero, well done man.

1 Like
7

Loved the energy @garronej keep it up :pray:t2:

1 Like
8

Great work! And curious to see the outcome of the angular version

1 Like
9

great!!!,i found it so interesting . thank you

1 Like