vuelessjs / vueless

Vue Styleless UI Component Library, powered by Tailwind CSS 💚
https://vueless.com
MIT License
7 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
  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";

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 ✨