https://github.com/vuelessjs/vueless
Vue Styleless UI Component Library, powered by Tailwind CSS 💚
https://github.com/vuelessjs/vueless
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
Last synced: 6 months ago
JSON representation
Vue Styleless UI Component Library, powered by Tailwind CSS 💚
- Host: GitHub
- URL: https://github.com/vuelessjs/vueless
- Owner: vuelessjs
- License: mit
- Created: 2024-01-02T06:55:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-29T11:25:14.000Z (7 months ago)
- Last Synced: 2024-10-29T11:33:05.564Z (7 months ago)
- Topics: 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
- Language: JavaScript
- Homepage: https://vueless.com
- Size: 6.4 MB
- Stars: 6
- Watchers: 0
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Vueless UI
* [Documentation](https://docs.vueless.com/)
* [UI Components](https://ui.vueless.com/)
* [Website](http://vueless.com/)
## Quick Start
1. Install `vueless` UI library packages.
```bash
npm install vueless
```
2. In the file where you create the Vue application, add the following code:
```javascript
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],
...
};
```
4. Add Vite plugins.
```javascript
import { Vueless, VuelessUnpluginComponents } from "vueless/plugin-vite";
export default defineConfig({
plugins: [
...
Vueless(),
VuelessUnpluginComponents(),
],
...
})
```
That's it! You can use components in your app now ✨