UI Components Library For Vue 3 – Equal

Description:

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.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

You Might Be Interested In:

Add Comment