https://quatrochan.github.io/Equal/

Equal UI is a Vue 3 UI library empowered by Tailwindcss
https://quatrochan.github.io/Equal/

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

Last synced: about 2 months ago
JSON representation

Equal UI is a Vue 3 UI library empowered by Tailwindcss

• Host: GitHub
• URL: https://quatrochan.github.io/Equal/
• Owner: Equal-UI
• License: mit
• Created: 2019-10-15T14:40:47.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-05-12T12:02:42.000Z (7 months ago)
• Last Synced: 2024-10-17T15:33:52.369Z (about 2 months 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,206
• Watchers: 17
• Forks: 66
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-vue3 - Equal
• awesome-vue3 - Equal

README

        


  

    

  











  Equal UI




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




  Explore Equal UI docs








English

|

中文简体



# 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)