Skip to main content

Your opinion matters! Together with you, we want to continuously improve KoliBri. Share your ideas, wishes, or suggestions—quickly and easily.

Frameworks

KoliBri can be used to implement web-based user interfaces.

Installation​

All packages/artifacts of KoliBri are provided versioned in the public .

Quick setup​

npm i @public-ui/react-v19 @public-ui/theme-default

Vue​

npm i @public-ui/vue @public-ui/theme-default

Angular​

npm i @public-ui/angular-v21 @public-ui/theme-default

Solid​

npm i @public-ui/solid @public-ui/theme-default

Preact​

npm i @public-ui/preact @public-ui/theme-default

💡 Note: Use --legacy-peer-deps flag if you encounter peer dependency conflicts.

Usage​

Import components from the adapter package:

import { KolButton } from '@public-ui/react-v19';

Then register the theme before rendering:

import { register } from '@public-ui/components';
import { defineCustomElements } from '@public-ui/components/loader';
import { DEFAULT } from '@public-ui/theme-default';

await register(DEFAULT, defineCustomElements);