Vueless UI

• Documentation
• UI Components
• Website

Quick Start

1. Install vueless UI library packages.

npm install vueless @vueless/plugin-vite

2. In the file where you create the Vue application, add the following code:

import { createApp } from 'vue';
import { createVueless } from "vueless";
import App from './App.vue';

const vueless = createVueless();

createApp(App).use(vueless).mount('#app');

3. Create vueless.config.js at the root of the project.

export default {
  color: {},
  component: {},
};

4. Add TailwindCSS preset.

import { vuelessPreset } from "vueless/preset.tailwind";

export default {
  presets: [vuelessPreset],
  ...
};

5. Add Vite plugins.

import { Vueless, VuelessUnpluginComponents } from "@vueless/plugin-vite";

export default defineConfig({
  plugins: [
    ...
    Vueless(),
    VuelessUnpluginComponents(),
  ],
  ...
})

That's it! You can use components in your app now ✨