🔶 Explore the docs » Join us

An enterprise-class UI components based on Layui and Vue.

Run with code Sandbox.

A few of the things you can do with layui vue:

• Writing components using setup script
• Up to 60 high quality components
• Provide Axure design resources
• Support theme customization
• Support internationalization

Use npm to install.

npm i @layui/layui-vue

Before using, you need to mount layui Vue to Vue and introduce index.css style file

import App from './App.vue'
import { createApp } from 'vue'
import layui from '@layui/layui-vue'
import '@layui/layui-vue/lib/index.css'

createApp(App).use(layui).mount('#app')

We have several examples on the website. Here is the first one to get you started:

<template>
  <lay-button-container>
    <lay-button>Hello Word</lay-button>
  </lay-button-container>
</template>

If you use Volar, specify the global component type via compilerOptions.type in tsconfig.json.

// tsconfig.json
{
  "compilerOptions": {
    // ...
    "types": ["@layui/layui-vue/types"]
  }
}

Feel free to send us feedback on file an issue. Feature requests are always welcome. If you wish to contribute, please take a quick look at the guidelines!

If there's anything you'd like to chat about, please feel free to join our Gitter chat!

• build Packaged component library

Please take a look at the contributing guidelines for a detailed process on how to build your application as well as troubleshooting information.

This project follows the all-contributors specification and is brought to you by these awesome contributors.

Layui vue is licensed under the MIT license.