<p align="center"> <a href="https://equal-ui.github.io/Equal/"> <img width="150" src="./docs/public/logo.svg"> </a> <p align="center"> <img src="https://img.shields.io/npm/v/equal-vue?color=blue"> <img src="https://img.shields.io/npm/l/equal-vue"> </p> </p> <h1 align="center"> Equal UI </h2> <div align="center"> Equal UI is a Vue 3 hackable components library with 30+ components on top of Tailwindcss <br> <a href="https://equal-ui.github.io/Equal/"><strong>Explore Equal UI docs</strong></a> </div> <br> <div align="center"> <span><strong>English</strong></span> | <a href="./README_zh-hans.md">中文简体</a> </div>

Features

• 🔥 One of the best visuals in Vue ecosystem
• 🌃 Built-in dark theme
• 🎨 Full customization
• 💬 Have tooltips, notifications, popovers
• 👌 Lightweight: 12KB brotli
• 🔧 Includes 30+ components
• 💅 Uses your Tailwindcss classes

Links

<b> Twitter: </b> @Yan

Install

You need Vue.js version 3.1+

# npm
npm install equal-vue

# yarn
yarn add equal-vue

Usage

All components

import { createApp } from 'vue'
import Equal from 'equal-vue'
import Config from 'equal-vue/dist/theme/full' // or light / dark theme

createApp.use(Equal, Config)

Or individual components

import { createApp } from 'vue'
import { Button, Switch } from 'equal-vue'
import Config from 'equal-vue/dist/theme/full' // or light / dark theme

createApp.use(Button, Config).use(Switch, Config)

License

MIT