VUIII

'Yet another' simple and customizable Vue 3 component library for rapid UI development.

Key features:

• Full TypeScript support
• Dynamic form generation with validation
• Dialog and snackbar notification systems
• Composables for async actions, pagination, and data loading
• Customizable icon resolver for any icon library
• Flexible option parsing for selects, autocompletes, and radio groups
• ARIA accessibility support
• CSS variables for easy theming

Documentation and examples

Installation

npm install vuiii@latest

No global setup is required. Import the stylesheet once in your app entry point and use components directly.

import 'vuiii/style.css'

import { Button, Input, Select, FormFields } from 'vuiii'

Custom Icons

Register a custom icon resolver to integrate your icon library (Heroicons, FontAwesome, etc.):

import { registerCustomIconResolver } from 'vuiii'
import { defineAsyncComponent } from 'vue'

registerCustomIconResolver((name) => {
  return defineAsyncComponent(() => import(`./icons/${name}.vue`))
})

Documentation and examples

Storybook serves as the primary documentation for VUIII. It contains interactive examples, component API references, and usage patterns for all components.

https://greegus.github.io/vuiii/