@pelagic-ui/vue
@pelagic-ui/vue
Pelagic UI for Vue 3 — an accessible, themeable UI component library. WCAG 2.2 AA, 21 themes (light, dark, high contrast × 7 accents), skeleton loaders and full RTL support. Same components and API in React, Vue, Svelte, Astro and React Native.
- 📖 Docs and live preview: https://oriebalzyuot96.github.io/pelagic-ui/
- 🧩 Components: https://oriebalzyuot96.github.io/pelagic-ui/components/
- 🎨 Themes: https://oriebalzyuot96.github.io/pelagic-ui/themes/
Install
npm i @pelagic-ui/vue @pelagic-ui/core
Usage
<script setup lang="ts">
import '@pelagic-ui/core/style.css';
import { Button, Input } from '@pelagic-ui/vue';
const name = ref('');
</script>
<template>
<Input v-model="name" label="Name" />
<Button>Save</Button>
</template>
Why Pelagic UI
- Accessible by default: verified contrast for every theme, focus traps, keyboard patterns, screen-reader labels, reduced motion.
- 21 themes and 3 shapes with one attribute; follows the OS dark mode and high-contrast settings.
- Skeletons, DataTable, Dialog, Drawer, Tabs, Toast, Tooltip, Stepper, Timeline and more.
- One design system across five frameworks.
MIT © oriebalzyuot96
Related Packages
rei-kit
One kit, every look. 106 accessible Vue 3 + Tailwind 4 components, four material...
16,855
1
@parthi033/ui-foundation
A lightweight, framework-agnostic Web Components library built with Stencil
2,287
1
@datametria/vue-components
DATAMETRIA Vue.js 3 Component Library with Multi-Brand Theming - 51 components +...
9,528
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.2.0 | ^3.4.0 | MIT |
Pre-releases (1)
| Version | Released | License |
|---|---|---|
| 0.0.0-stage |