Frameworks

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

Installation

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

Integration variants

KoliBri is currently offered in the following variants:

Client-Side frameworks

Static websites

Dynamic 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 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-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-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-Components (>= 11) 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-Components Alternativ zu den reinen Web Componenten bieten wir einen Adapter für Vue an. Es wird so sichergestellt, dass sich die Web Component möglichst nahtlos und voll typisiert in die Entwicklung integriert.
	Preact-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-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-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
	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.
	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.

Aktuelle Trends