Vueless UI

• Documentation
• UI Components
• Website

Quick Start

1. Install vueless UI library packages.

npm install vueless

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. Add TailwindCSS preset.

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

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

4. 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 ✨