Vue 3 UI Framework

Responsive components

60 Responsive Components

Available components docs
Modern browsers

Modern Browsers Support

Supported browsers list

Partners & Sponsors ❤️

Customize Everything

Make Vuestic UI components match your designs with powerful dynamic configs.
    <template>
      <div class="components">
        <div class="component">
          <va-button @click="btnClick">Submit</va-button>
        </div>

        <div class="component">
          <va-select
            v-model="selectValue"
            :options="options"
            label="Country"
          />
        </div>

        <div class="component">
          <va-slider v-model="sliderValue" />
        </div>

        <div class="component">
          <va-checkbox
            v-model="checkboxValue"
            label="Checkbox"
          />
        </div>
      </div>
    </template>


    <script>
    export default {
      data() {
        return {
          clicksCount: 0,
          checkboxValue: true,
          sliderValue: 45,
          selectValue: Spain,
          options = [
            'Spain',
            'Germany',
            'France',
            'Italy',
            'China',
            'Japan',
            'Poland',
            'Belarus',
            'USA'
          ]
        }
      },

      methods: {
        btnClick() {
          this.clicksCount++
        }
      }
    }
    </script>
  
Copied to clipboard
See our configuration guides

Seamless Integration

Use Vuestic UI with other component libraries without any conflicts.

Vuestic UI components

Plus icon

Other components

Open source

Open Source

Vuestic UI is forever free and open to contributions. See our issues, contributing guide and discord server to help us improve Vuestic UI experience.
Open source

Vuestic Admin

Check out Vuestic UI Framework in action.
Vuestic Admin
Open source

Open source MIT license

Themes

Two built-in color schemes

Responsive

Cross-browser & responsive

i18n

i18n-ready