<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

```bash
npm install lightvue
```

### Vue 3.x

```bash
npm install lightvue@next
```

## LightVue components

### Form Elements:

- Input: [[Vue2.x](https://lightvue.org/vue-components/input 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/input 'Vue3.x DEMO')]
- Number: [[Vue2.x](https://lightvue.org/vue-components/number 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/number 'Vue3.x DEMO')]
- TextArea: [[Vue2.x](https://lightvue.org/vue-components/textarea 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/textarea 'Vue3.x DEMO')]
- Dropdown: [[Vue2.x](https://lightvue.org/vue-components/dropdown 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/dropdown 'Vue3.x DEMO')]
- Button: [[Vue2.x](https://lightvue.org/vue-components/button 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/button 'Vue3.x DEMO')]
- Checkbox: [[Vue2.x](https://lightvue.org/vue-components/checkbox 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/checkbox 'Vue3.x DEMO')]
- Checkbox Group: [[Vue2.x](https://lightvue.org/vue-components/checkbox-group 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/checkbox-group 'Vue3.x DEMO')]
- Radio: [[Vue2.x](https://lightvue.org/vue-components/radio 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/radio 'Vue3.x DEMO')]
- Radio Group: [[Vue2.x](https://lightvue.org/vue-components/radio-group 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/radio-group 'Vue3.x DEMO')]
- Toggle Switch: [[Vue2.x](https://lightvue.org/vue-components/toggle-switch 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/toggle-switch 'Vue3.x DEMO')]
- Slider: [[Vue2.x](https://lightvue.org/vue-components/slider 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/slider 'Vue3.x DEMO')]
- Color Picker: [[Vue2.x](https://lightvue.org/vue-components/color-picker 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/color-picker 'Vue3.x DEMO')]
- Rating: [[Vue2.x](https://lightvue.org/vue-components/rating 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/rating 'Vue3.x DEMO')]
- TextEditor: [[Vue2.x](https://lightvue.org/vue-components/text-editor 'Vue2.x DEMO'), [Vue3.x](https://vue3.lightvue.org/vue-components/text-editor 'Vue3.x DEMO')]

## Contribution

Thank you for considering contributing to LightVue. Please read the [contribution guide](https://github.com/lightvue/lightvue/blob/master/CONTRIBUTING.md) before making a pull request or raising an issue.  
[Click here](https://join.slack.com/t/slack-qgs9925/shared_invite/zt-1g6falep2-9v3887ttNrjrcPdxi1if_A) 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>
