Using Tailwind
Even if you're only interested by Tailwind you should still read the other section of the CSS Level Customization first as it gives important context.
To use Tailwind in your Keycloakify project start by following the steup guide for Vite.
Beyond that, here is a demo setup of light modification of the starter template to incorporate tailwind:
What has been done:
Ejecting the login.ftl page (
npx keycloakify eject-page
and login -> login.ftl) and applying a tailwind class.
Here is the summary of the changes:
Last updated