16 Top Vue.js UI Libraries For Your App

16 Top Vue.js UI Libraries For Your App

16 Top Vue.js UI Libraries For Your App .a project using vue,element-ui to generate cron expression .A combination for vue component.Vue library with common used components based on Vuetify. A Cryptocurrency Dashboard build with Vue JS

1. Vue cron generator

a project using vue,element-ui to generate cron expression 中文 Online demo Vue cron generator

View on GitHub

2.W component vue

A combination for vue component.

W component vue

View on GitHub

3.Vuetify extra

Vue library with common used components based on Vuetify.

Vuetify extra

Demo here: https://menteora.github.io/vuetify-extra/

GitHub: https://github.com/menteora/vuetify-extra

4.Vue Crypto Dashboard

A Cryptocurrency Dashboard build with Vue JS, Binance Websocket API for realtime price, amChart for displaying historical charts, SVG Sparkline Chart and Latest News feed from Cryptocompare site

Vue Crypto Dashboard

Demo: https://jayeshlab.github.io/vue-crypto-dashboard/

View on GitHub

5.Vue storefront

Vue Storefront - headless PWA for any eCommerce

Vue Storefront is a standalone PWA storefront for your eCommerce, possible to connect with any eCommerce backend (eg. Magento, Pimcore/CoreShop, BigCommerce, Prestashop or Shopware) through the API.

Vue Storefront is and always will be in the open source. Anyone can use and support the project, we want it to be a tool for the improvement of the shopping experience. The project is in the production ready phase.

Important note to developers: From 1.0RC we started using develop branch for nightly builds (contains all new features) and master branch for stable. Please make sure you're working on right branch. Please take a look at Contributing guidelines.

If you're new and need some guidance feel free to visit out forum or reach anyone from the core team on our slack:

  • @Filip Rakowski (frontend and best practices)
  • @pkarw (integrations and backend)
  • @ptomczyk (frontend and best practices)
  • @lukeromanowicz (testing, magento, backend)
  • @degi Degi Kwag (docs) Want to invest some time in building the future of eCommerce? we are looking for core team members willing to help us make VS even more awesome. Interested - contact @Filip Rakowski on slack

We are looking for Contributors and Designer willing to help us in the solution development.

See the ideas behind Vue Storefront here

Read contribution rules before making any pull request. Pull request that doesn't meet these requirements will not be merged

PS: Check StorefrontUI - our UI library for eCommerce.

Vue storefront

View on GitHub

5.vue.js GUI generator

vue GUI generator https://vuegg.now.sh/

Scaffold vuejs projects by dragging-dropping components directly into the visual editor and moving-resizing them to your choice. Vuegg leverages the creation of the pages and routes of your app/website, eases the styling work and helps to achieve a rapid-prototyping workflow (... at least in theory).

The aim of this project is to merge designing and prototyping into one single process. Whenever you're happy with what you see on the screen, just get your code.

vue.js GUI generator

Current Features

  • Mockup / prototype by drag'n'drop components and move/resize them
  • Support for standard Mouse and Keyboard combinations
  • Responsive preview (phone, tablet, web)
  • Basic set of HTML5 elements
  • Material design components (vue-mdc-adapter)
  • Vuejs sources generation (download .zip)
  • Connect with GitHub (save/load vuegg projects)
  • Local persistence to save the work in progress ... more to come with time

View on GitHub

6.Vue metro tile

Vue metro tile

View Demo

The demo is empowered by vue-metro-tile & vue-grid-layout

Vue Metro Tile is a Vue component for building Windows 10 like metro layout in modern browser. The component currently got the following features:

  • Customized tile content
  • 3D tile rotation
  • Glare effect when hovering or clicking
  • Tilt effect when mouse holds down

View on GitHub

7.Shards vue

Shards Vue is a free, beautiful and modern Vue.js UI kit based on Shards

Getting started with Shards Vue is fairly simple. You can download Shards Vue via the official website, here on GitHub as a release package or by using a package manager such as Yarn or NPM.

Shards vue

Demo: https://designrevision.com/docs/shards-vue/

View on GitHub

8.Nuxt.js Hacker News

HackerNews clone built with Nuxt.js. Nuxt.js Hacker News Features

  • Server Side Rendering & Caching
  • Code Splitting
  • Single-file Vue Components
  • Real-time List Updates with FLIP Animation
  • Prefetch/Preload JS + DNS + Data
  • Critical Path CSS
  • PWA experience using PWA Module with almost zero config PRPL
  • Hot reloading dev environment integrated with ESLint and Prettier

View on GitHub

9.Weex Ui

A rich interactive, lightweight, high performance UI library based on Weex.

Weex Ui

Demo: https://apache.github.io/incubator-weex-ui/#/

View on GitHub

10.osiris

A Vue.js 2.0 universal responsive UI component library https://osiris-ui.github.io/osiris

osiris

View on GitHub

11.BalmUI

Next Generation Material UI for Vue.js https://material.balmjs.com/

Following the Material Design UI components for the web specification, we developed a BalmUI library antd that contains a set of high quality components and demos for building rich, interactive user interfaces.

BalmUI

View on GitHub

12.Loki

Vue UI Components built with Vuetify framework Loki

View on GitHub

13.Podium Vue Components Library

This library provide prebuilt components built in Vue.js for displaying podium data.

Podium Vue Components Library

Engage Vue Client Components Library https://components.engagelabs.co/

View on GitHub

14.Vi-Ui

A simple but consistent user interface made for Vue.

Vi-Ui

Demo: https://viui.dev/

GitHub: https://github.com/vitta-health/Vi-Ui

15.Vue Fluent

Vuejs 2+ components built using Microsoft’s Fluent Design System based on Buefy. http://mubaidr.js.org/vue-fluent/

Fluent Design Components for Vue.js based on Buefy and bulma-fluent, inspired by Microsoft’s Fluent Design System.

Fluent Design Theme for Bulma is also available.

Addons for Bulma are also available.

Vue Fluent

View on GitHub

16.Cyberpunk vue

cyberpunk-ui base vue.js.

Cyberpunk vue

A dark mode first Vue UI library https://vue.cyberpunk.ylzon.com/

View on GitHub

vuejs javascript vue-js

What's new in Bootstrap 5 and when Bootstrap 5 release date?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Random Password Generator Online

HTML Color Picker online | HEX Color Picker | RGB Color Picker

Vue ShortKey plugin for Vue.js

Vue-ShortKey - The ultimate shortcut plugin to improve the UX .Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener.

A Vue.js wrapper component for Grid.js

A Vue wrapper component for Grid.js. Grid.js is a Free and open-source HTML table plugin written in TypeScript. It works with most JavaScript frameworks.

Vue.js image clipping Components using Vue-Rx

vuejs-clipper .Vue.js image clipping components using Vue-Rx. Add image clipping components to your Vue application in nothing flat. Touch devices supported and fully responsive.

Syntax highlighting with highlight.js for Vue.js 2.x

vue-highlightjs .Vue.js syntax highlighting made easy, using highlight.js.

Vue.js components rendering 3D WebGL graphics reactively with three.js

Vue.js components rendering 3D WebGL graphics reactively with three.js .Vue.js components rendering 3D WebGL graphics reactively with three.js.