Native elegance,
without artificial bloat.

Vectis UI is an ultra-lightweight suite of Vue 3 components driven by native CSS tokens. Zero overhead, zero dependencies, zero compromises.

Install the library

An architecture aligned with the web's own standards

Nuxt integration that needs no coaxing, and styling made simple by CSS layers. Everything is built for customisation you can predict, on top of semantic, accessible HTML.

Zero dependencies, all native

Built with no wrapper layer and no utility framework, so your markup never turns into class soup. What you ship stays light, readable and fast, and asks you to install nothing else.

At the front of the web platform

Draws on the newest native capabilities, such as the Popover API and CSS Anchor Positioning, for interfaces that perform on a minimum of JavaScript.

Customisation without limits

Bend the whole theme, and every component in it, to your brand in a moment. The entire visual configuration rests on native custom properties: CSS variables, and nothing more.

Overrides without friction

No more selector wars, no more !important. CSS layers (@layer) give the architecture a strict hierarchy, and that is what makes overriding a single component entirely predictable.

Ready for SSR and Nuxt

Designed for modern architectures: every component is safe to render on the server, which is what keeps both search engines and first paint happy.

Complete freedom of iconography

Never locked into someone else’s icon set. The system is entirely agnostic and lets you plug in any icon font or library, off the shelf or your own.

Accessibility as a standard, not as an option.

Vectis UI is inclusive out of the box and ready for production. Built to meet what the web asks of an interface today, it holds to strict conformance while targeting the newest rendering engines.

0
axe violations
in both themes
4.5:1
text contrast
the WCAG 2 AA floor
3:1
focus indicators
visible on every control

125+
125+
26+
147+

Install, import, build

Add the dependency, load the global styles, and start using Vectis UI components with nothing else to configure.

bash

# Add the package to your project with whichever manager you prefer.

pnpm add @vectis/ui vue

// main.ts
// Load the global styles in your application's entry point.

import '@vectis/ui/styles.css'

// App.vue
// Import the components you need straight into your views or components.

import { VButton } from '@vectis/ui'

Native elegance,without artificial bloat.