vuelessjs / vueless

Vue Styleless UI Component Library, powered by Tailwind CSS 💚
https://vueless.com
MIT License
6 stars 1 forks source link
a11y accessible component-library design-system headlessui nuxt styleless tailwindcss ui-components ui-library vite vue vue-component vue-components vue-datepicker vue-library vue-select vue-table vue3 vuejs

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');


3. Add TailwindCSS preset.

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

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 ✨