@public-ui/vue

Vue framework adapter for the KoliBri accessible web component library (@public-ui).
40,208 287
vue html ui accessibility framework web library design accessible a11y css webcomponents aria axe wcag style
Install
npm install @public-ui/vue
Latest Version:4.5.0
Vue:3
License:EUPL-1.2
Last Updated:Oct 22, 2026
Links: GitHub  ·  npm
Maintainer: m.oppitz

KoliBri - Vue-Adapter

npm license downloads issues pull requests size contributors

Motivation

Provide an adapter for Vue to use the KoliBri components.

Installation

You can install the adapter with npm, pnpm or yarn:

npm i @public-ui/vue
pnpm i @public-ui/vue
yarn add @public-ui/vue

Usage

First, initialize KoliBri with a theme and create a Vue app:

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

register(DEFAULT, defineCustomElements)
	.then(() => {
		createApp(App).mount(htmlDivElement);
	})
	.catch((error) => {
		/* Handle errors */
	});

Then, you can import any component from @public-ui/vue and render it within your Vue application:

<script setup>
import { KolButton } from '@public-ui/vue';
</script>
<template>
	<KolButton _label="Hello World" />
</template>

Find available design tokens in the default theme README.

Related Packages

create-kolibri

The CLI can be used to create various projects based on the KoliBri (@public-ui)...

5,593 288
a11y accessibility accessible aria axe bitv css custom elements design designsystem +24
@aotearoan/neon

Neon is a lightweight design library of Vue 3 components with minimal dependenci...

28,610 24
css design framework html library system ui vue web application +16
wcex

WCEX - Web Component Extends

7,953 11
framework ui vue web web components webcomponents components mvvm wc
bravevue

A Modern Headless Vue UI Library

3,957 14
accessibility aria framework library ui vue bravevue ui library headless headless components vue3
@storybook/addon-a11y

Storybook Addon A11y: Test UI component compliance with WCAG web accessibility s...

349,763,870 91,335
a11y accessibility aria axe vue wcag angular component components react +5

Version History

Version Released License
4.5.0 EUPL-1.2
4.4.0 EUPL-1.2
4.3.0 EUPL-1.2
4.2.1 EUPL-1.2
4.2.0 EUPL-1.2
Pre-releases (479)
Version Released License
4.5.0-rc.8 EUPL-1.2
4.5.0-rc.7 EUPL-1.2
4.5.0-rc.6 EUPL-1.2
4.5.0-rc.5 EUPL-1.2
4.5.0-rc.4 EUPL-1.2