GitHub

Best 25 VueJs Project in GitHub

659

1 – ElemeFE/E lement

Dark Mode

element (this link opens in a new window) by ElemeFE (this link opens in a new window)

A Vue.js 2.0 UI Toolkit for Web

A Vue.js 2.0 UI Toolkit for Web https://element.eleme.io/

A Desktop UI Library Element, a Vue 2.0 based component library for developers, designers and product managers

2 – Vuetifyjs/vuetify

Dark Mode

vuetify (this link opens in a new window) by vuetifyjs (this link opens in a new window)

🐉 Material Component Framework for Vue

🐉 Material Component Framework for Vue https://vuetifyjs.com

Vuetify is an MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from the entire Core Team. Sponsor Vuetify and receive some awesome perks and support Open Source Software at the same time! 🎉.

3 – Liyasthomas/Postwoman

Dark Mode

hoppscotch (this link opens in a new window) by hoppscotch (this link opens in a new window)

👽 A free, fast and beautiful API request builder used by 120k+ developers. https://hoppscotch.io

👽 A free, fast and beautiful API request builder (web alternative to Postman) https://postwoman.io, A free, fast and beautiful API request builder, Web alternative to Postman – Helps you create requests faster, saving precious time on development.

4 – QuasarFramework/Quasar

Dark Mode

quasar (this link opens in a new window) by quasarframework (this link opens in a new window)

Quasar Framework – Build high-performance VueJS user interfaces in record time

Quasar Framework – Build high-performance VueJS user interfaces in record time https://quasar.dev

Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps. If you want, all using the same codebase!.

5 – LeCoupa/Awesome-Cheatsheets

Dark Mode

awesome-cheatsheets (this link opens in a new window) by LeCoupa (this link opens in a new window)

👩‍💻👨‍💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.

Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file. https://lecoupa.github.io/awesome-cheatsheets/

📚 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.

6 – Wenzhixin/Bootstrap-Table

Dark Mode

bootstrap-table (this link opens in a new window) by wenzhixin (this link opens in a new window)

An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)

An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js) https://bootstrap-table.com/

7 – Coreui/Coreui-free-bootstrap-admin-template

Dark Mode

coreui-free-bootstrap-admin-template (this link opens in a new window) by coreui (this link opens in a new window)

CoreUI is free bootstrap admin template

CoreUI is free bootstrap admin template http://coreui.io

CoreUI is an Open Source Bootstrap Admin Template. But CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that’s not enough, let’s just add that CoreUI consists bunch of unique features and over 1000 high quality icons.

CoreUI is based on Bootstrap 4 and offers 5 versions: Bootstrap, Angular, React.js & Vue.js, Laravel.

CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app is light enough to offer ultimate user experience. This means mobile devices also, where the navigation is just as easy and intuitive as on a desktop or laptop. The CoreUI Layout API lets you customize your project for almost any device – be it Mobile, Web or WebApp – CoreUI covers them all!.

8 – Surmon-China/Vue-Awesome-Swiper

Dark Mode

vue-awesome-swiper (this link opens in a new window) by surmon-china (this link opens in a new window)

🏆 Swiper component for @vuejs

🏆 Swiper component for @vuejs https://github.surmon.me/vue-awesome-swiper/

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.

Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

Swiper, along with other great components, is a part of Framework7 – a fully-featured framework for building iOS & Android apps. Swiper is also a default slider component in the Ionic Framework.

9 – Museui/Muse-ui

Dark Mode

muse-ui (this link opens in a new window) by museui (this link opens in a new window)

Material Design UI library for Vuejs 2.0

Material Design UI library for Vuejs 2.0 https://muse-ui.org

Muse-UI Based on the Vue 2.0 elegant Material Design UI component library

10 – Logaretm/Vee-Validate

Dark Mode

vee-validate (this link opens in a new window) by logaretm (this link opens in a new window)

✅ Form Validation for Vue.js

✔ Template Driven Validation Framework for Vue.js https://logaretm.github.io/vee-validate/

vee-validate is a template-based validation framework for Vue.js that allows you to validate inputs and display errors.

Being template-based you only need to specify for each input what kind of validators should be used when the value changes. The errors will be automatically generated with 40+ locales supported. Many rules are available out of the box. [ This plugin is inspired by PHP Framework Laravel’s validation. ]

Template-based validation is both familiar and easy to setup.
🌍 i18n Support and error Messages in 40+ locales.
💫 Async and Custom Rules Support.
💪 Written in TypeScript.
No dependencies.

11 – HabitRPG/Habitica

Dark Mode

habitica (this link opens in a new window) by HabitRPG (this link opens in a new window)

A habit tracker app which treats your goals like a Role Playing Game.

A habit tracker app which treats your goals like a Role Playing Game. https://habitica.com

Habitica is an open-source habit-building program that treats your life like a Role Playing Game. Level up as you succeed, lose HP as you fail, earn money to buy weapons and armor.

12 – Buefy/Buefy

Dark Mode

buefy

Read also >> Adding a D3JS chart to a VueJS project

(this link opens in a new window) by buefy (this link opens in a new window)

Lightweight UI components for Vue.js based on Bulma

Lightweight UI components for Vue.js based on Bulma https://buefy.org

Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design.

Keep your current Bulma theme/variables easily
Supports both Material Design Icons and FontAwesome
Very lightweight with none internal dependencies aside from Vue & Bulma
About 88KB min+gzip (with Bulma included)
Semantic code output
Follows Bulma design and some of the Material Design UX
Focus on usability and performance without over-animating stuff

13 – Epicmaxco/Vuestic-Admin

Dark Mode

vuestic-admin (this link opens in a new window) by epicmaxco (this link opens in a new window)

Free and Beautiful Vue.js Admin Template

Free and Beautiful Vue.js Admin Template http://vuestic.epicmax.co

Free and beautiful Vue.js admin template with 44+ custom UI components.
Developed by Epicmax. Designed by Vasili Savitski

14 – DivanteLtd/vue-storefront

Dark Mode

vue-storefront (this link opens in a new window) by vuestorefront (this link opens in a new window)

The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Newest updates: https://blog.vuestorefront.io. Always Open Source, MIT license.

Vue Storefront – PWA for eCommerce. 100% offline, platform agnostic, headless, Magento 2 supported. Always Open Source, MIT license. Join us as a contributor (contributors@vuestorefront.io). Check out our new blog: https://blog.vuestorefront.io/ https://vuestorefront.io

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.

15 – Gridsome/Gridsome

Dark Mode

gridsome (this link opens in a new window) by gridsome (this link opens in a new window)

⚡️ The Jamstack framework for Vue.js

⚡️Build modern JAMstack websites with Vue.js https://gridsome.org

Build super-fast, modern websites with Vue.js, Gridsome is a Vue-powered static site generator for building CDN-ready websites for any headless CMS, local files or APIs

16 – Surmon-China/Vue-Quill-Editor

Dark Mode

vue-quill-editor (this link opens in a new window) by surmon-china (this link opens in a new window)

🍡@quilljs editor component for @vuejs

🍡@quilljs editor component for @vuejs https://github.surmon.me/vue-quill-editor/

18 – Vuelidate/Vuelidate

Dark Mode

vuelidate (this link opens in a new window) by vuelidate (this link opens in a new window)

Simple, lightweight model-based validation for Vue.js

Simple, lightweight model-based validation for Vue.js https://vuelidate.js.org/

Model-based
Decoupled from templates
Dependency free, minimalistic library
Support for collection validations
Support for nested models
Contextified validators
Easy to use with custom validators (e.g. Moment.js)
Support for function composition
Validates different data sources: Vuex getters, computed values, etc.

19 – Vuejs/Vue-Apollo

Dark Mode

vue-apollo (this link opens in a new window) by vuejs (this link opens in a new window)

🚀 Apollo/GraphQL integration for VueJS

🚀 Apollo/GraphQL integration for VueJS http://apollo.vuejs.org

This library integrates apollo in your Vue components with declarative queries. Compatible with Vue 2.0+ and 3.0+.

20 – Akryum/vue-virtual-scroller

Dark Mode

vue-virtual-scroller (this link opens in a new window) by Akryum (this link opens in a new window)

⚡️ Blazing fast scrolling for any amount of data

⚡️ Blazing fast scrolling for any amount of data https://akryum.github.io/vue-virtual-scroller/#/

Blazing fast scrolling of any amount of data | Live demo | Video demo

21 – Lusaxweb/Vuesax

Dark Mode

vuesax (this link opens in a new window) by lusaxweb (this link opens in a new window)

New Framework Components for Vue.js 2

New Framework Components for Vue.js 2 https://lusaxweb.github.io/vuesax/

Vuesax is a framework of components based on vue.js, it is a framework that is designed from scratch to be incrementally adoptable.

The framework is focused on facilitating the development of applications, improving the design of the same without removing the necessary functionality. we want all the components to be independent in colors, shapes, and designs for freedom that we like all front-end but without losing the speed of creation and production.