Email Theme

There are two ways you can create a Keycloak Email theme with Keycloakify

Using keycloakify-emails

keycloakify-email is a Keycloakify plugin that enable to create an email theme using jsx-email or any other email templating solution.

GitHub - timofei-iatsenko/keycloakify-emails: The extension for keycloakify to build your email theme using JSGitHub

This plugin will evenutally be integrated to Keycloakify core.

This approach only works in Vite project. So not with Webpack/Create-React-App

React

For react, there is a working example in the /example directory of keycloakify-emails that uses jsx-email https://github.com/timofei-iatsenko/keycloakify-emails

Svelte

Angular

Using FreeMarker

npx keycloakify initialize-email-theme, select the native option.

Running this command will initialize a native email theme in the src/email directory.

Using assets in native email theme

To use images you can put them into src/email/resources/ example:

kc-logo.png in src/email/resources

And then you can import them using the FreeMarker varialble url.resourcesUrl. Example:

Using kc-logo.png