@pelagic-ui/vue

Pelagic UI for Vue 3 — accessible, themeable component library (DataTable, Dialog, Tabs, Skeleton, Toast and more). WCAG 2.2 AA, 21 themes, RTL.
178
Install
npm install @pelagic-ui/vue
Latest Version:0.2.0
Vue:3
License:MIT
Last Updated:Oct 16, 2026
Links: GitHub  ·  npm
Maintainer: oriebg.

@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.

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

pelagic

Pelagic UI in one package: 150+ accessible, themeable components for React, Vue,...

181 0
@juxtui/ui

Accessible, polished UI components for Nuxt & Vue 3.

1,648 0
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