Keycloakify Doc

v11

v11 With Angular v11 v10 v9 v8 v7 v6 v5

GitHub Home Storybook Starter Template Alternative to keycloak-js

GitHub Home Storybook Starter Template Alternative to keycloak-js

v11

v11 With Angular v11 v10 v9 v8 v7 v6 v5

👨‍💻Quick start
🧪Testing your Theme
🔩Integrating Keycloakify in your Codebase
- In your React Project
  In your Vite Project
  In your Webpack Project
- As a Subproject of your Monorepo
  Turborepo
  Nx Integrated Monorepo
  Package Manager Workspaces
🎨Customization Strategies
- CSS Level Customization
  Basic example
  Removing the default styles
  Applying your own classes
  Page specific styles
  Using Tailwind
  Using custom assets
  .css, .sass or .less
  CSS-in-JS
- Component Level Customization
  Using custom assets
🖋️Custom Fonts
🌎Internationalization and Translations
🎭Theme Variants
📝Customizing the Register Page
👤Account Theme
- Single-Page
- Multi-Page
📄Terms and conditions
🖇️Styling a Custom Page Not Included In Base Keycloak
🔧Accessing the Server Environment Variables
🎯Targetting Specific Keycloak Versions
📧Email Customization
🚛Passing URL Parameters to your Theme
🤵Admin theme
📥Importing the JAR of Your Theme Into Keycloak
🔛Enabling your Theme in the Keycloak Admin Console
🤓Taking ownership of the kcContext
📖Configuration Options
FAQ & HELP
⭐Sponsors

Powered by GitBook

On this page

Was this helpful?

🎨Customization Strategies

CSS Level Customization

Using custom assets

Let's see how to import custom asset:

.css, .sass or .less CSS-in-JS