biss c1b36b4d72 新增真实账户数据驱动的身份档案卡
个人资料改为“身份卡 + 编辑工作区”双栏布局
侧栏加入语义图标、产品域标题和更明确的选中状态
页面首屏增加身份控制台层级标识
用户名、邮箱、姓名、语言会随表单内容实时呈现
390px 移动端自动堆叠,无横向溢出
相关组件已由 Keycloakify 正式认领,后续同步不会覆盖
c1b36b4d72 · 2026-08-04 15:42:46 +08:00
688 Commits
2024-08-15 23:37:37 +02:00
2024-06-09 15:13:39 +02:00
2026-08-03 11:09:19 +08:00
2025-07-08 08:59:58 +02:00
2024-09-23 02:09:51 +02:00
2024-06-07 05:20:57 +02:00
2024-11-21 14:52:11 +01:00
2024-06-06 05:26:06 +02:00
2022-09-06 19:22:23 +02:00
2026-08-03 11:09:19 +08:00
2026-08-03 11:09:19 +08:00
2026-01-19 10:09:12 +01:00
2024-06-06 05:26:06 +02:00
2024-06-06 05:26:06 +02:00
2026-08-03 12:04:37 +08:00

🚀 Keycloakify v11 starter 🚀

Quick start

git clone https://github.com/keycloakify/keycloakify-starter
cd keycloakify-starter
yarn install # Or use an other package manager, just be sure to delete the yarn.lock if you use another package manager.

Testing the theme locally

Documentation

How to customize the theme

Documentation

Building the theme

You need to have Maven installed to build the theme (Maven >= 3.1.1, Java >= 7).
The mvn command must be in the $PATH.

  • On macOS: brew install maven
  • On Debian/Ubuntu: sudo apt-get install maven
  • On Windows: choco install openjdk and choco install maven (Or download from here)
npm run build-keycloak-theme

Note that by default Keycloakify generates multiple .jar files for different versions of Keycloak.
You can customize this behavior, see documentation here.

Initializing the account theme

npx keycloakify initialize-account-theme

Initializing the email theme

npx keycloakify initialize-email-theme

GitHub Actions

The starter comes with a generic GitHub Actions workflow that builds the theme and publishes the jars as GitHub releases artifacts.
To release a new version just update the package.json version and push.

To enable the workflow go to your fork of this repository on GitHub then navigate to: Settings > Actions > Workflow permissions, select Read and write permissions.

S
Description
No description provided
Readme MIT
3.4 MiB
Languages
TypeScript 56%
CSS 41.2%
FreeMarker 1.7%
JavaScript 0.6%
HTML 0.5%