Praxis VuePremium Vue 3 UI Library

A complete set of polished, accessible components for building modern applications — forms, data displays, navigation, layout, and more.

Get Started

View on GitHub

Beautiful by Default

Every component ships with a refined design system — smooth transitions, dark mode support, and consistent visual language.

Vue 3 + TypeScript

Built with Composition API and full TypeScript support. Fully typed props, emits, and slots. Autocomplete everywhere.

Accessible

ARIA attributes, keyboard navigation, and semantic HTML out of the box.

Composable

Each component is independently importable. Use what you need, tree-shake the rest.

Dark Mode Ready

Every component respects light/dark mode. Works with Tailwind's dark class or your own CSS variables.

40+ Components

Forms, data tables, navigation, layout wrappers, overlays, avatars, pickers, and more — all production-ready.

Quick Start

bash

npm install praxis-vue-ui primevue @primevue/core vee-validate pinia

Vue 3 Setup

// main.ts
import { createApp } from 'vue'
import PrimeVue from 'primevue/config'
import Aura from '@primeuix/themes/aura'
import 'praxis-vue-ui/dist/praxis-vue.css' // Import styles
import App from './App.vue'

createApp(App)
  .use(PrimeVue, { theme: { preset: Aura } })
  .mount('#app')

Nuxt 3 Setup

// nuxt.config.ts
export default defineNuxtConfig({
  css: [
    'praxis-vue-ui/dist/praxis-vue.css' // Import styles globally
  ],
  build: {
    transpile: ['praxis-vue-ui']
  }
})