Skip to content

Vue Styleless UI Component Library, powered by Tailwind CSS πŸ’š

License

Notifications You must be signed in to change notification settings

vuelessjs/vueless

Folders and files

NameName
Last commit message
Last commit date

Latest commit

358e4e3 Β· May 20, 2024
May 4, 2024
May 14, 2024
May 14, 2024
Apr 24, 2024
May 20, 2024
Jan 3, 2024
Jan 3, 2024
Apr 17, 2024
May 19, 2024
May 17, 2024
Apr 26, 2024
Jan 2, 2024
Apr 28, 2024
Jan 3, 2024
Apr 24, 2024
May 19, 2024
May 19, 2024
Apr 17, 2024
May 19, 2024
May 19, 2024
Apr 19, 2024
Apr 24, 2024
May 1, 2024
Apr 22, 2024
May 19, 2024

Repository files navigation

logo.png

Vueless UI

Quick Start

  1. Install vueless UI library packages.
npm install vueless @vueless/plugin-vite
  1. 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');
  1. Create vueless.config.js at the root of the project.
export default {
  color: {},
  component: {},
};
  1. Add TailwindCSS preset.
import { vuelessPreset } from "vueless/preset.tailwind";

export default {
  presets: [vuelessPreset],
  ...
};
  1. 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 ✨