https://github.com/Equal-UI/Equal

Equal UI is a Vue 3 UI library empowered by Tailwindcss
https://github.com/Equal-UI/Equal

contributions-welcome css equal framework frontend nuxt tailwind tailwindcss typescript ui ux vue vue-components vue3 vuejs

Last synced: about 1 month ago
JSON representation

Equal UI is a Vue 3 UI library empowered by Tailwindcss

• Host: GitHub
• URL: https://github.com/Equal-UI/Equal
• Owner: Equal-UI
• License: mit
• Created: 2019-10-15T14:40:47.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-08-15T19:13:09.000Z (10 months ago)
• Last Synced: 2024-04-26T13:33:03.543Z (about 1 month ago)
• Topics: contributions-welcome, css, equal, framework, frontend, nuxt, tailwind, tailwindcss, typescript, ui, ux, vue, vue-components, vue3, vuejs
• Language: TypeScript
• Homepage: https://equal-ui.github.io/Equal/
• Size: 8.53 MB
• Stars: 1,203
• Watchers: 17
• Forks: 66
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Lists

• awesome-vue - Equal UI - Vue UI kit based on TypeScript 🧬 (Components & Libraries / Frameworks)
• awesome-stars - Equal-UI/Equal - Equal UI is a Vue 3 UI library empowered by Tailwindcss (TypeScript)
• awesome-stars - Equal - UI | 1206 | (TypeScript)

README

        


  

    

  















  Equal UI




Equal UI is a Vue 3 hackable components library with 30+ components on top of Tailwindcss




  Explore Equal UI docs



---

中文简体

# 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

 Twitter:  [@Yan](https://twitter.com/k0mmsussertod)

# Install

You need [Vue.js](https://v3.vuejs.org/) version 3.1+

```bash

# npm

npm install equal-vue

```

```bash

# yarn

yarn add equal-vue

```

# Usage

## All components

```js

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

```js

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](https://raw.githubusercontent.com/Equal-UI/Equal/master/LICENSE)