I would like to share with you some open source materials about the Vue.js project library, friends can collect and view.
Scan the QR code and reply [ 777 ] to get the books you want
Scan the QR code and reply [ Special Effects ] to get the coolest special effects in 2020
Scan the QR code and reply [ Hongmeng ] official development document and open source project address
Scan the QR code and reply [ quick checklist ] in the background , more exciting waiting for you to discover
Reply 【VUE】, get the latest vue learning materials
Vue.js is a progressive framework for building user interfaces. Unlike other heavyweight frameworks, Vue uses a bottom-up incremental development design. The core library of Vue only focuses on the view layer, and is very easy to learn, and very easy to integrate with other libraries or existing projects. On the other hand, Vue is fully capable of driving complex single-page applications developed with single-file components and libraries supported by the Vue ecosystem.
The goal of Vue.js is to implement response data binding and combined view components through the simplest possible API. Easy to use (you can easily get started with HTML, CSS, and JavaScript), flexible (simple and compact core, progressive technology stack, enough to handle any size application), performance (17kb min+gzip running size, super fast virtual DOM , The most worry-free optimization), progressive JavaScript framework.
Vue.js provides efficient data binding and a flexible component system through a concise API. In the complex ecology of the front-end, Vue.js is fortunate to receive a certain degree of attention. Currently, there are already more than 6000 stars on GitHub.
Vue related website reference:
Vue Chinese help website:
http://cn.vuejs.org/
Vue github open source address:
https://github.com/vuejs/vue
Vue.js professional Chinese community:
http://www.vue-js.com/
Front-end development Vue related:
http://www.opendigg.com/tags/front-vue
The open source address of this article:
https://github.com/yonghu86/awesome-github-vue
This article is mainly to collect and organize Vue-related open source materials for reference by friends in need. Mainly include the following aspects: UI components, development frameworks, practical libraries, server, auxiliary tools, application examples, Demo examples
UI components
element 9305- Vue 2 web UI tool suite
Vux 6802-Vue and WeUI based component library
mint-ui 4776-Vue 2 mobile UI element
iview 4458-Open source UI component library
Keen based on Vuejs -UI 2363-A collection of lightweight basic UI components
vue-material 2207-Create exquisite app applications through Vue Material and Vue 2
muse-ui 1992-Responsive UI library with consistent three-terminal style
vuetify 1678-is Mobile-born Vue JS 2 component framework
vonic 1494-Quickly build mobile single-page application
eme 1390-Elegant Markdown editor
vue-multiselect 1166-Vue.js select box solution
vue-table 824-simplify data Form
VueCircleMenu 776-beautiful vue circle menu
vue-chat 748-chat example of vuejs, vuex and webpack
radon-ui 633-Vue component library for rapid product development
vue-waterfall 605-waterfall layout of Vue.js Component
vue-carbon 595-Development of MD style mobile terminal based on vue
vue-beauty 569-Beautiful UI component created by vue and ant design
vue-blu 557-Help you easily create web applications
vueAdmin 556-Simple administrator template based on vuejs2 and element
vue-syntax-highlight 551-Sublime Text syntax highlighting
vue-infinite-scroll 524-VueJS's infinite scroll instruction
Vue.Draggable 493-Realize drag and drop View model array synchronization
vue-awesome-swiper 476-vue.js touch sliding component
vue-calendar 465-date selection plugin
bootstrap-vue 458-Twitter's Bootstrap 4 component applied to Vuejs2
vue-swipe 361-VueJS touch Slider
vue-amap 346-Map component based on Vue 2 and
AutoNavi map vue-chartjs 333-Package of Chartjs in
vue vue-datepicker 331-Calendar and date selection component
markcook 318-Nice markdown editor
vue-google-maps 287-Google map component with two-way data binding
vue-progressbar 248-Vue lightweight progress bar
vue-picture-input 236-Mobile-friendly image file input component
vue-infinite-loading ★ 224-Infinite scroll plugin for VueJS
vue-upload-component204-Vuejs file upload component
vue-datetime-picker 197-Date and time selection control
vue-scroller 196-Functional component of Vonic UI
vue2-calendar 181-Date picker supporting lunar and date events
vue-video-player 178-VueJS video and Live player
vue-fullcalendar 176-full calendar component
rubik based on vue.js 170-open source UI component library based on Vuejs2
VueStar 169-vue like button with star animation
vue-mugen-scroll 167-infinite scroll Component
mint-loadmore 167-VueJS two-way pull-down refresh component
vue-tables-2 162-Bootstrap style grid for displaying data
vue-virtual-scroller 158-Smooth scrolling with any number of data
DataVisualization 149-Data visualization
vue-quill-editor 149-Quill-based rich text editor
Vueditor for Vue2 138-WYSIWYG editor
vue-html5-editor 132-html5 WYSIWYG editor
vue-msgbox 127- vuejs message box
vue-slider 126-vue sliding component
vue-core-image-upload 124-lightweight vue upload plugin
vue-slide 121-vue lightweight sliding component
vue-lazyload-img 118-mobile optimized vue image lazy loading plugin
vue-drag-and-drop-list 114-Vue command to create a sorted list
vue-progressive- image 107-Progressive image loading plugin for Vue
vuwe 107-Component library dedicated to Vue2 based on WeChat WeUI
vue-dropzone 105-Vue component for file upload
vue-charts 101-Easily render a chart
vue -swiper 95-easy-to-use slider component
vue-images 93-lightbox component to display a group of pictures
vue-carousel-3d 91-3D carousel component for
VueJS vue-region-picker 89-select a province in China City and region
vue-typer 89-Vue component that simulates user input selection and deletion of text
vue-impression 88-Moves Vuejs2 UI elements
vue-datatable 87-DataTableView created with Vuejs
vue-instant 86-Easily create automatic prompts The custom search control
vue-dragging 86-enables elements to be dragged
vue-slider-component 85-using sliders in vue1 and vue2
vue2-loading-bar 76-the simplest imitating Youtube loading bar view
vue-datepicker 75-beautiful Vue date picker component
vue-video 70-HTML5 video player for Vue.js
vue-toast-mobile 68-toast plugin for VueJS
vue-image-crop-upload 67-vue Image cropping and uploading component
vue-tooltip 66-a prompt tool with binding information prompt
vue-highcharts 66-HighCharts component
vue-touch-ripple 62-touch ripple component of
vuejs coffeebreak 61-real-time editing CSS component tool
vue- datasource60-Create VueJS dynamic form
vue2-timepicker60-Drop down time picker
vue-date-picker59-VueJS date picker component
vue-scrollbar58
-Simplest scroll area component vue-quill56-vue Component construction quill editor
vue-google-signin- button55 -Import Google login button
vue-svgicon53-Tool for creating svg icon components
vue-float-label49-VueJS floating label mode
vue-baidu- map46 -Baidu map component library based on Vue 2
vue-social-sharing 45-Social sharing component
vue2-editor 44-HTML editor
vue-tagsinput41-tag component based on VueJS
vue-easy-
slider41- slider component datepicker of Vue 2.x 38-time selection component based on flatpickr
vue- chart37 -powerful high-speed vue chart analysis
vue-music-master ★ 37-Vue mobile phone web music player
handsontable ★ 35-Web form component
vue-simplemde ★ 35-Markdown editor component of VueJS
vue-popup-mixin ★ 35-Used to manage the cover layer of the pop-up box
cubeex 33-contains a complete set of mobile UI
vue-fullcalendar 32-vue FullCalendar package
vue-material-design 32-Vue MD style component
vue-morris 31-Vuejs component package Morrisjs library
we-vue 30-Vue2 And the component developed by weui1
vue-image-clip 29-Image editing component based on vue
vue-bootstrap-table 29-Sortable and searchable table
vue-radial-progress 28-Vue.js radioactive progress bar component
vue- slick28-A vue component that implements a smooth carousel box
vue-pull-to-refresh27-Vue2 pull-up and drop-down
vue-form-2★26-Comprehensive HTML form management solution
vue-side-nav★26-Responsive side navigation
mint-indicator ★ 26-VueJS mobile loading indicator plugin
chartjs ★ 24-Vue Bulma's chartjs Component
vue-scroll 24-vue scroll
vue-ripple 24-Vue component to make Google MD style ripple effect
vue-touch-keyboard 22-VueJS virtual keyboard component
vue-chartkick 22-VueJS one line of code to achieve beautiful charts
vue- ztree21-Tree-level component written in
vue vue-m-carousel 20-vue mobile carousel component
vue-datepicker-simple 20-vue-based date picker
vue-tabs 20-multi-tab page light frame
vue-verify-pop ★ 19-Vue verification plug
-in with bubble prompt vue-parallax ★ 15-Neat visual effects
vue-img-loader ★ 14-Image loading UI component
vue-typewriter ★ 13
-Vue component type vue-smoothscroll ★ 12-VueJS version of smoothscroll
vue-city ★ 10-City selector
vue-tree ★ 10-Vue tree view component
vue-ios-alertview 8-iOS7+ style alertview service
dd-vue-component 7-Public component library
paco-ui-vue 7-PACOUI vue component
vue-cmap 5-Vue China map visualization Component
vue-button 4-Vue button component
Development Framework
vue.js 45466-popular lightweight and efficient front-end componentization solution
vue-admin 3222-Vue management panel framework
electron-vue 1273-Electron and VueJS quick start template
vue-2.0-boilerplate 241-Vue2 single page application Template
vue-spa-template 223-Single-page application development with separated front and back ends
Framework7-Vue 210-Combination of VueJS and Framework 7
vue-bulma 132-Lightweight and high performance MVVM Admin UI framework
vue-webgulp 100-Imitation VueJS Vue loader example
vue-element-starter 34-vue start page
Utility library
vuex 5997-State management mode specially developed for Vue.js applications
vuelidate 750-Simple and lightweight module-based Vue.js verification
qingcheng 677-Qingcheng theme
vue-desktop 461-Create UI for management panel website Library
vue-meta 257-Manage app meta information
vue-axios 209-Package that integrates axios into VueJS
vue-svg-icon 116-Variable color svg icon scheme of
vue2 avoriaz 110-VueJS test utility library
vue-framework7 83-Framework7 components used in conjunction with VueJS
vue-bootstrap-modal 78-Bootstrap style components for vue
vuep 72-Render Vue components with real-time editing and preview
vue-online 67-Reactive online and offline components
vue-lazy-render 66-Delayed rendering for Vue components
vue-password-strength-meter 65-Interactive password strength meter
element-admin 57-Background template for Element UI supporting vuecli
vue-electron 55- The plugin
cleave to encapsulate the selected API into the Vue object 55-Cleave component based on cleave.js
vue-events 54-VueJS plugin to simplify events
vue-shortkey53-Vue-ShortKey plugin for Vue.js
vue-cordova 50-Cordova VueJS plugin
vue-router-transition 49-Page transition plugin
vue-gesture 48-VueJS gesture event plugin
http- vue-loader 46-Load vue files from html and js environment
vue-qart 46-Vue2 instructions for
qartjs vuemit 44-Process VueJS events
vue-websocket 42-Websocket plugin for VueJS
vue-local-storage 41 -Vuejs local storage plugin with type support
lazy-vue 41-Lazy loading of images
vue-bus 36-VueJS event bus
vue-reactive-storage 35-Reactive layer of
vue plugin vue-notifications 32-Non-blocking notification Library
vue-lazy-component 32-Vue instructions for lazy loading of components or elements
v-media-query 32-Add a method to cooperate with media queries in
vue vue-observe-visibility 31-When the element is visible on the page or Detect
vue-ts-loader when hidden 29-Check the script on the Vue loader
vue-pagination-2 28-Simple and universal paging component
vuex-i18n26-Positioning plug-in
Vue.resize26 - Vue instructions to detect HTML resize events
vuex-shared-mutations25-Share certain Vuex mutations
vue-file-base64 16-Convert files to Base64 vue Component
modal 15-Vue Bulma's modal component
Famous-Vue 15-Famous library's vue component
leo-vue-validator 13-Asynchronous form validation component
Vue-Easy-Validator 11-Simple form validation
vue-truncate- filter★9-VueJS filter for truncating strings
vue-zoombox★9-An advanced zooombox
vue-input-autosize★5-Automatically adjust the size of text input based on content
vue-lazyloadImg3-Image lazy loading plugin
Server
nuxt.js 2743-A minimal framework for server rendering of Vue apps
express-vue 137-Simple use of server-side rendering vue.js
vue-ssr 67-Very simple VueJS server-side rendering template
vue-ssr 56 -Use Vue2 server-side rendering with Express
vue-easy-renderer 22-Nodejs server-side rendering
Auxiliary tools
DejaVue 543-Vuejs visualization and stress testing
vue-play 445-Minimized framework for displaying Vue components
vscode-VueHelper 185-Currently the best vue code hint plugin for vscode
vue-generate-component 39-Easily generate Vue js components CLI tool
vue-multipage-cli 33-simple multi-page CLI
Vuejs Starter Kit 26-vuejs starter kit
Applications
koel 7175-Web-based personal audio streaming service
pagekit 4021-Lightweight CMS website building system
vuedo 1040-Blog platform
jackblog-vue 943-Personal blog system
vue-cnode 597-Rewrite the vue version of the cnode community
CMS-of-Blog 405-Blog content manager
rss-reader 326-Simple rss reader
vue-ghpages-blog 208-GitHub Pages dependent static blog
swoole-vue-webim 97-Web version Chat application
vue-dashing-js 70-fork
fewords of nuvo-dashing-js 52-extremely simple notebook
vue-blog 33-vue-blog using Vue2.0 and Vuex
Demo example
Vue-cnodejs 2113-Rewrite Cnodejs.org webapp based on vue NeteaseCloudWebApp
1154-High imitation of Netease Cloud Music webapp
vue-zhihu-daily 875
-Zhihu Daily with Vuejs vue-wechat 732-vue.js development WeChat App interface
vue2-demo 699-build vue2 from scratch + vue-router + vuex development environment
eleme 612-high imitation of hungry app merchant details
vue-demo 575-vue simple message board
maizuo 498-vue/vuex/ redux imitation sales network
spa-starter-kit 489-single page application startup kit
vue-music 485-Vue music search and play
douban 402-imitating Douban front end
vue-Meizi 394-vue latest actual combat project
zhihudaily-vue 386-
Zhihu Daily web version vue-demo-kugou 310-vuejs imitation of Kugou music webapp
VueDemo_Sell_Eleme 307-Vue2 high imitation
Eleme delivery platform vue2.0-taopiaopiao 246-vue2.0 and express to build a ticket page
vue-leancloud-blog239-A single-page application with completely separated front and back ends
node-vue-server-webpack 239-Node.js+Vue.js+webpack rapid development framework
mi-by-vue 222-VueJS imitation Xiaomi official website
vue-fis3 199-popular open source tool integration demo
vue2.x-douban 188-Vue2 realizes simple Douban movie webApp
vue-demo-maizuo 188-Use Vue2 family barrel to imitate popular movie
vue-zhihudaily 169-Zhihu Daily Web version
vue-adminLte-vue-router 162-vue and adminLte integrated application
vue-axios-github 157-Login interception logout function
Zhihu-Daily-Vue.js 134-Vuejs single page web application
hello-vue-django 113-Use vuejs with Django as a boilerplate project
vue-cnode 101 -vue single page application demo
x-blog 100-open source personal blog project
vue-express-mongodb 96-simple front-end and back-end separation case
websocket_chat 91-based on vue and websocket multiplayer online chat room
photoShare 85-based The social platform for picture sharing
vue-zhihudaily-2.081-zhihudaily
notepad created with Vue2.0+vue-router+vuex 77-a locally stored notepad
vueBlog75-Front-end separation blog
vue-ruby-china70-Rubychina platform built by VueJS framework
Zhihu_Daily 70-Web single-page application based on Vue and Nodejs
vue-koa-demo60-Full stack using Vue2 and Koa1 demo
vue2.x-Cnode50-Cnode community based on vue family bucket
life-app-vue49-Use vue2 to complete multifunctional collections to small webapp
github-explorer49-Find the most interesting GitHub library
vue-trip48 -Travel webapp made by vue2
vue-ssr-boilerplate 47-A streamlined version of ofvue-hackernews-2
vue-bushishiren 45-Not a poet application
houtai 44-Backstage management system based on vue and Element
ios7-vue 38-Use vue2.0 vue-router vuex simulates ios7
Framework7-VueJS 38-an example using a mobile framework
cnode-vue 37-a cnodejs web site SPA built on vue and vue-router
vue-cli-multipage-bootstrap 36-will vue The official online example is integrated into the component
vue-cnode 34-CNode official website made with Vue
HyaReader 30-Mobile friendly reader
zhihu-daily 28-Easily view the content of
Zhihu Daily seeMusic 27-Cross-platform cloud music player
vue-cnode 22-Use the interface provided by the cNode community
zhihu-daily-vue 20
-Zhihu Daily sls-vuex2-demo ★20-vuex2 mall shopping cart demo
vue-dropload ★ 17-to test drop-down loading and simple routing
vue-cnode-mobile ★ 17-build a cnode community
Vuejs-SalePlatform ★ 17-demo
v-notes ★ 17 built by vuejs
-Simple and beautiful notepad vue-starter 16-Simple start page for VueJs project
vue-memo 7-Notepad application written in vue
Search for [ Programmer Zero Distance ] on WeChat , reply to the above keywords, and get the precious materials collected by Yuanyuan's front-end learning road. Follow-up will continue to update practical articles and tutorials, and work together with everyone to improve the basic computer knowledge and front-end technology!
Click to view: A must-read book for getting started with web front-end
Tips:
As someone who came here, Zeng Jiang also hesitated to learn front-end or other new things, so I missed a lot of opportunities. In fact, when you can't decide what you should do in the future, you can't be sure whether your current career can be better. If you want to develop, don’t hesitate anymore, just keep learning, don’t ask why? When you master a major, you will understand why Yuanyuan said so.
Only when you have enough abilities can you have more choices about your future!
Source: NET rapid development framework
(I don’t remember the original address, it can’t be marked as reprinted, it’s published as original first, and the original address is found later, it will be replaced, hope to understand)