Quick start

1. Install Vueless UI library packages.

npm

npm install vueless

yarn

yarn add vueless

pnpm

pnpm add vueless

bun

bun add vueless

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

main.{js,ts}

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

const vueless = createVueless();

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

3. Install and configure TailwindCSS (if not) and add vuelessPreset to it.

tailwind.config.{js,ts}

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

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

4. Add Vite plugins.

vite.config.{js,ts}

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

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

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

Minimal requirements

• Node 20+

• Vite 5+

• Vue 3.5+

• TailwindCSS 3.4+