vuelessjs / vueless

A UI Library with Open Architecture for Vue & Nuxt — powered by Storybook and Tailwind CSS 💚

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";

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 ✨

Contributing

• We encourage you to contribute to Vueless! Please check out the contributing to Vueless for guidelines.
• Trying to report a possible security vulnerability in Vueless? Please check out our security policy for guidelines.
• Everyone interacting in Vueless and its sub-projects' codebases, issue trackers, chats, and mailing lists is expected to follow our code of conduct rules.

License

Ruby on Rails is released under the MIT License.