Skip to content

keycloakify/keycloak-admin-ui

Repository files navigation

Repackaged Keycloak Admin UI

Check out our discord server!

This project re-packages @keycloak/keycloak-admin-ui.
All credits goes to the keycloak team for the original work. Mainly @jonkoops and @edewit.

This re-packaged distribution serves two key purposes:

  1. Ensuring retro-compatibility with Keycloak:
    It allows the Admin UI to work seamlessly with older versions of Keycloak (down to version 19) and future major versions. This enables you to create a custom Admin UI with minimal maintenance, without worrying about which Keycloak version it will be deployed on.

  2. Enabling partial customization of the Admin UI:
    You can take ownership of specific parts of the Admin UI by simply copying and modifying source files as needed. The rest of the UI can remain in the original module, so your codebase will only include the files you've customized.

Note: This package's GitHub repository does not contain any code as it is automatically generated at build time by scripts/prepare.ts.
You can browse the sources includes int the NPM package here.

Installation

This package is meant to be used via Keycloakify. Learn how to use this module on the Keycloakify documentation website.

Note: This README file is automatically generated at build so the information above are guaranteed to be up to date.
You are currently viewing the README of @keycloakify/[email protected] that mirrors @keycloak/[email protected].
It is the version of the Admin UI that ships with Keycloak 26.0.2.

Here are all the dependencies that are required to use the Admin UI in your project.
It's important to respect the exact version range listed here to avoid any compatibility issues.

package.json

{
  "dependencies": {
    "@keycloakify/keycloak-admin-ui": "26.0.2-rc.0",
    "@patternfly/patternfly": "^5.4.0",
    "@patternfly/react-code-editor": "^5.4.3",
    "@patternfly/react-core": "^5.4.1",
    "@patternfly/react-icons": "^5.4.0",
    "@patternfly/react-styles": "^5.4.0",
    "@patternfly/react-table": "^5.4.1",
    "admin-ui": "file:",
    "dagre": "^0.8.5",
    "file-saver": "^2.0.5",
    "file-selector": "^0.6.0",
    "flat": "^6.0.1",
    "i18next": "^23.15.1",
    "i18next-http-backend": "^2.6.1",
    "lodash-es": "^4.17.21",
    "monaco-editor": "^0.52.0",
    "p-debounce": "^4.0.0",
    "react-dropzone": "^14.2.3",
    "react-hook-form": "7.53.0",
    "react-i18next": "^15.0.2",
    "react-router-dom": "^6.26.2",
    "reactflow": "^11.11.4",
    "use-react-router-breadcrumbs": "^4.0.1",
    "@keycloak/keycloak-admin-client": "26.0.2",
    "keycloak-js": "26.0.2"
  },
  "devDependencies": {
    "@types/dagre": "^0.7.52",
    "@types/file-saver": "^2.0.7",
    "@types/lodash-es": "^4.17.12"
  }
}