Get started

oriUI is a layered Vue 3 UI library. Install it and import only what you need.

Install

bash

npm install @oriui/vue

Use a styled component

vue

<script setup>
import { OriButton } from '@oriui/vue';
</script>

<template>
    <OriButton text="Click me" variant="tonal" color="primary" />
</template>

Import the stylesheet once, for example in your entry file:

import '@oriui/css';

That is all — components are themeable through design tokens, with light/dark and swappable skins out of the box. See them live on the component pages.

Need the CSS-only layer, the headless composables, or per-target setup? See Installation.