Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

vuelessjs/vueless-module-nuxt

Open more actions menu

Repository files navigation

vueless-cover.png

Vueless Nuxt Module

Vueless UI – a UI library with Open Architecture for Vue.js 3 and Nuxt.js 3 / 4, powered by Storybook v10 and Tailwind CSS v4.

With Vueless UI, you’re free to:

  • 🪄️ Customize any component
  • 📋 Copy and extend existing ones
  • 🧱 Build your own from scratch
  • 📕 Document it all seamlessly in Storybook

Documentation | UI Components | Theme Customizer | About

Key features

  • 🧩 65+ crafted UI components (including range date picker, multi-select, and nested table)
  • ✨ Open Architecture lets you customize, copy, extend, and create your own components
  • 📕 Built-in Storybook support
  • 🪩 Theme Builder for runtime theme customization
  • 🌈 Beautiful default UI theme
  • 🌀 Unstyled mode
  • 🌗 Light and dark mode
  • 🧬 Design tokens powered by CSS variables
  • ⚙️ Server-side rendering (SSR)
  • 🌍 Internationalization (i18n)
  • ♿️ Accessibility (a11y)
  • 🖼️ Inline SVG icons
  • 🪄 Auto component imports (as you use them)
  • 🧿 Uncompiled source in npm for better DX
  • 🧪️ 1300+ unit tests ensuring consistent logic
  • 🛡️ Full TypeScript support with type safety

Built-In Storybook

No setup, no hacks — just a fully functional Storybook preset ready to test your Vueless UI design system out of the box.

Demo | Package | Docs

storybook.png

Theme Builder

Customize colors, rounding, and typography at runtime, generate full palettes, and export a ready-to-use theme to your project.

Try Vueless UI Theme Builder 🚀

theme-builder.png

Quick Start

  1. Install Vueless Nuxt module.
npm install @vueless/nuxt
npx vueless init
  1. Register @vueless/nuxt into the Nuxt config modules section.
export default defineNuxtConfig({
  modules: [
    '@vueless/nuxt'
  ],
  ...
})
  1. Import Tailwind CSS and Vueless at the top of the main CSS file.
@import "tailwindcss";
@import "vueless";

Contributing

  • We encourage you to contribute to Vueless! Please check out the contributing to Vueless for guidelines.
  • Trying to report a possible security vulnerability in Vueless? Please check out our security policy for guidelines.
  • Everyone interacting in Vueless and its sub-projects' codebases, issue trackers, chats, and mailing lists is expected to follow our code of conduct rules.

License

Vueless is released under the MIT License.


From Ukrainians to a Peaceful World 🇺🇦

Morty Proxy This is a proxified and sanitized view of the page, visit original site.