UI Components Library For Vue 3 – Equal

Equal is a lightweight yet powerful UI components library that provides an easy way to create a modern web app using the latest Vue.js 3 framework.

Components Included:

  • Button
  • Icon
  • Divider
  • Input
  • Number Input
  • Checkbox
  • Radio
  • Select
  • Slider
  • Switch
  • Textarea
  • Toggle
  • Alert
  • Drawer
  • Loading
  • Loading bar
  • Message
  • Modal
  • Notification
  • Popover
  • Progress Bar
  • Avatar
  • Collapse
  • Badge
  • Tag
  • Tabs
  • Tooltip
  • Breadcrumbs
  • Dropdown

How to use it:

Import all components and necessary stylesheet.

import Vue from 'vue'
import Equal from 'equal-vue'
import 'equal-vue/dist/equal.css'
Vue.createApp.use(Equal)

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined">
<link href="https://fonts.googleapis.com/css2?family=Inter:[email protected];400;500;600;700;900&display=swap" rel="stylesheet">

Previews:

Equal UI Components Library Buttons

Buttons

Equal UI Components Library Alerts

Alerts

Equal UI Components Library Form Elements

Form Elements

Equal UI Components Library Modal

Modal

Equal UI Components Library Dropdown

Dropdown

Changelog:

v0.79.3 (08/05/2021)

  • removed console log

v0.79.2 (08/05/2021)

  • bugfix

v0.79.1 (07/27/2021)

  • nested modals in drawers fix

v0.77.0 (06/25/2021)

  • Refactor

v0.74.0 (04/25/2021)

  • Refactor

v0.73.0 (02/23/2021)

  • Refactor ItAlert component, fix stylelint settings

v0.72.1 (02/19/2021)

  • styles fix

v0.7.23 (02/13/2021)

  • Multiple fixes

Download Details:

Author: quatrochan

Live Demo: https://quatrochan.github.io/Equal/components/button

Download Link: https://github.com/quatrochan/Equal/archive/master.zip

Official Website: https://github.com/quatrochan/Equal

Install & Download:

# Yarn
$ yarn add equal-vue --save

# NPM
$ npm i equal-vue --save

Add Comment