Skip to main content

Frameworks

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

Installation​

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

Integration variants​

KoliBri is currently offered in the following variants:

Client-Side frameworks​

Static websitesDynamic web applications
Technically, Web Components, such as those included in KoliBri, are universally reusable, as is standard HTML.For implementation of dynamic web applications there are a number of frameworks for which KoliBri can be reused. Depending on the framework, the deployment of KoliBri is different. Particularly well suited are JSX/TSX based frameworks, such as React or Solid, since here the maximum possibilities of type support and autocompletion are possible. In contrast, frameworks with their own template languages, such as Angular, Vue or Svelte, the development support can be differently easily implemented.
Framework
Web Component logoWeb Components
All components of KoliBri are implemented according to the Web Components Standard. Thus, the components can usually be reused in all modern projects. KoliBri can be integrated like jQuery and is therefore also interesting for server-side rendering, such as PHP or JSF.
React logoReact-Components (recommended)
As an alternative to the pure Web Components, we offer an adapter for React. This ensures that the Web Component integrates as seamlessly and fully typed as possible into the development.
Solid logoSolid-Components
As an alternative to the pure Web Components, we offer an adapter for Solid. This ensures that the Web Component integrates as seamlessly and fully typed as possible into the development.
Angular logoAngular-Components (>= 15)
As an alternative to the pure Web Components, we offer an adapter for Angular. This ensures that the Web Component integrates as seamlessly and fully typed as possible into the development.
Vue logoVue-Components
As an alternative to the pure web components, we offer an adapter for Vue. This ensures that the Web Component is integrated as seamlessly and fully standardised as possible into the development.
Preact logoPreact-Components (experimental)
As an alternative to the pure Web Components, we offer an adapter for Preact. This ensures that the Web Component integrates as seamlessly and fully typed as possible into the development.
Svelte logoSvelte-Components (open)
As an alternative to the pure Web Components, we offer an adapter for Svelte. This ensures that the Web Component integrates as seamlessly and fully typed as possible into the development.
Ember logoEmber-Components (open)
As an alternative to the pure Web Components, we offer an adapter for Ember. This ensures that the Web Component integrates as seamlessly and fully typed as possible into the development.

Server-Side-Frameworks​

Framework
Astro logoAstro
The integration is done using the React and Preact components. The framework components are rendered server-side and the web components are rendered client-side.
Next.js logoNext.js
The integration is done through the React-Components (CSR of the Web Components). The framework components are rendered on the server side and the Web Components on the client side.