@ousi-ui/vue

@ousi-ui/vue

74+ beautiful, accessible Vue 3 components.
Built with Tailwind CSS v4, TypeScript, and OKLCH colors.

Docs · Playground · GitHub

Install

pnpm add @ousi-ui/vue @ousi-ui/theme

Setup

/* main.css */
@import "tailwindcss";
@import "@ousi-ui/theme";

// vite.config.ts
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({ plugins: [tailwindcss()] })

Usage

<script setup>
import { OButton, OInput, ODialog } from '@ousi-ui/vue'
</script>

<template>
  <OButton variant="primary">Get Started</OButton>
</template>

Components

Buttons, Forms, Date Pickers, Color Pickers, Charts, Modals, Tooltips, Toasts, Tables, Tabs, Accordions, and 60+ more — all with dark mode, keyboard navigation, and ARIA support.

View all components →

License

MIT © Carlos Aroca