Lightvue

<div align="center"> <br/> <a href="https://lightvue.org"> <img src="https://lightvue.org/logo_v2.svg" alt="LightVue logo" width="250"> </a> <br/> <br/> <p>The Emerging UI Component library for <b>Vue 2.x</b> & <b>Vue 3.x</b></p> <a href="https://github.com/lightvue/lightvue/graphs/contributors"> <img alt="Contributors" src="https://img.shields.io/github/contributors/lightvue/lightvue?color=269286" /> </a> <a href="https://github.com/lightvue/lightvue/pulls"> <img alt="GitHub pull requests" src="https://img.shields.io/github/issues-pr/lightvue/lightvue?color=ffeeee" /> </a> <br/> <br/> <a href="https://vuejs.org/"> <img alt="Vue" src="https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D" /> </a> <a href="https://nuxtjs.org/"> <img alt="Nuxt" src="https://img.shields.io/badge/nuxt.js-00C58E?style=for-the-badge&logo=nuxtdotjs&logoColor=white" /> </a> </div>

About LightVue

LightVue is a UI Library that hands out everything you need to create contemporary, engaging, and responsive web applications. A platform set to offer unlimited light customizable UI variants and an implementation playground to define how your components would look to and fro.

For detailed docs & demo, please refer to https://lightvue.org/

Getting started

Install the LightVue package dependencies

Vue 2.x

npm install lightvue

Vue 3.x

npm install lightvue@next

LightVue components

Form Elements:

• Input: [Vue2.x, Vue3.x]
• Number: [Vue2.x, Vue3.x]
• TextArea: [Vue2.x, Vue3.x]
• Dropdown: [Vue2.x, Vue3.x]
• Button: [Vue2.x, Vue3.x]
• Checkbox: [Vue2.x, Vue3.x]
• Checkbox Group: [Vue2.x, Vue3.x]
• Radio: [Vue2.x, Vue3.x]
• Radio Group: [Vue2.x, Vue3.x]
• Toggle Switch: [Vue2.x, Vue3.x]
• Slider: [Vue2.x, Vue3.x]
• Color Picker: [Vue2.x, Vue3.x]
• Rating: [Vue2.x, Vue3.x]
• TextEditor: [Vue2.x, Vue3.x]

Contribution

Thank you for considering contributing to LightVue. Please read the contribution guide before making a pull request or raising an issue.
Click here to Join our slack community

Connect with us:

<a href = "https://join.slack.com/t/slack-qgs9925/shared_invite/zt-1g6falep2-9v3887ttNrjrcPdxi1if_A"><img height ="54px" width="54px" title="Slack" src="https://img.icons8.com/color/452/slack-new.png"/></a> <a href = "https://twitter.com/lightvue"><img height ="54px" width="54px" title="twitter" src="https://img.icons8.com/fluent/48/000000/twitter.png"/></a>