KoliBri stands for Component Library for the Accessibility

We make HTML accessible using reusable web components to ensure usability and accessibility.

The HTML Web Standard is intrinsically specified to be very "open" in order to be as durable and robust as possible. It is therefore common that HTML compositions are not readily accessible, semantic and valid. KoliBri builds directly on the Web Standards of the W3C (framework-agnostic), is thereby a generic reference implementation of the WCAG Standards and the BITV for accessibility and is implemented as a multi-theme-enabled presentation layer. There is no subject-related reference and no data transfer functionalities. This makes KoliBri equally reusable for the realization of static web pages as well as dynamic web applications of different corporate designs and style guides and therefore very interesting for open source.

The focus of KoliBri is on small (atomic), very flexible and well reusable HTML compositions (e.g. button). We provide an accessible, semantic and valid standard implementation of such components that can be reused for any higher-level HTML structure or component (molecule, organism or template).

For these atomic components, we should collaborate and cooperate to pool our skills and knowledge. Synergy at the basic components will allow our own focus to be more on subject-specific content.

To this end, let us together make KoliBri better and more colorful!

Continue to documentation...

KoliBri is released under the EUROPEAN UNION PUBLIC LICENCE v. 1.2 Open Source.

In the following video you can see how to easily create a web application based on KoliBri.

Currently you can generate a static webpage or webapps for the frameworks React, Preact, Solid, Next.js, Astro and Angular.

👨‍💻 Small quick code example on StackBlitz (v1) | StackBlitz (v2).

• develop: https://develop--kolibri-public-ui.netlify.app/
• release/1.7: https://release-1-7--kolibri-public-ui.netlify.app/

You can do the following to get to know KoliBri ...

• Read more about KoliBri (Documentation)
• Try KoliBri (Get Started)
• Design your own KoliBri (Designer)
• Give us feedback (Feature, Issue)
• Follow us on GitHub (Follow button)

Let's make KoliBri more colorful and better!