Quick start

1. Install Vueless UI library packages.

npm

npm install vueless @vueless/plugin-vite

yarn

yarn add vueless @vueless/plugin-vite

pnpm

pnpm add vueless @vueless/plugin-vite

bun

bun add vueless @vueless/plugin-vite

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

main.js

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.

vueless.config.js

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

4.Install and configure TailwindCSS (if not) and add vuelessPreset for it.

tailwind.config.js

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

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

5. Add Vite plugins.

vite.config.js

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

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

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

Minimal requirements

• Node 16+

• Vite 4+

• Vue 3.4+

• TailwindCSS 3.4+