Vue.js
Awesome Vue.js
¶
> 与 Vue.js 相关的精彩内容的精选列表
Resources¶
Official Resources¶
External Resources¶
- Vue.js 資料まとめ(for japanese) 通过@hashrock
- Vue.js Newsletter - 每周精选的 Vue.js 新闻
- Vue.js Wikipedia
- Vue.js Radar - 涵盖新 Vue.js 版本/贡献的精选时事通讯 + 站点.
- Vue News - 专注于最新 Vue.js 新闻和信息的社交网站.
- Vue Curated Resources - 推荐的 Vue.js 课程和教程.
- Vue School - 从核心成员和行业专家的视频课程中学习 Vue.js
- VueDose . 关于 Vue 生态系统的提示和技巧,适用于忙碌的开发人员.
- Vuelibs . 基于 awesome-vue 存储库的 Vue.js 库和组件的简约列表.
- Vue.js DEV Community - DEV.to 上 Vue.js JavaScript 框架的官方标签
- Vue.js Online Courses Directory - 来自顶级电子学习平台的 Vue.js 课程,由在线课程搜索引擎 Classpert 策划.
- WebTechSurvey.com - 使用 Vue.js Javascript 框架创建的大量网站列表.
- Vue Mastery - Vue 开发者的终极学习资源
- Vue 3 Video Playlist - 惊人的 Vue 3 教程和实验
- Vue.js Workshops - 在浏览器中学习 Vue 2,通过构建 3 个应用程序:登陆页面、Todos App 和 Podcasts 聚合器.(Vue.js、Vue-Router、Vuex、Vue-Axios、Vue-Apollo)
- Vue.js Articles - 各种 Vue 2 和 3 教程和文章.
- Best vue.js Courses On YouTube - YouTube 上精选的最佳 Vue.js 教程列表
Job Portal¶
- Vue.js Jobs - VueJobs - 一个 Vue.js 工作门户,用于为您的所有 Vue.js 工作招聘或被聘用.
- Vue.js Interview Questions - 300 个 VueJS 面试问题和答案列表
- Prokarman Resume Builder - 一个免费的简历生成器,用于为您的梦想工作制作简历.
Community¶
- Official Forum
- vue-requests - 请求一个您希望存在的 Vue.js 模块或获取模块的想法
- VueJS Iran - Telegram Channel & group (group link available in channel bio)
- vueslack - 2300+ registered users worldwide
- Vue Land - Discord chat server
- VueJS 俄罗斯 - Telegram Group [俄语]
- VueJS Viet Nam - Facebook group
- VueJS Thailand - Facebook Group
- VueJS Brasil - Telegram Group [葡萄牙语]
- VueJS 巴西 - Facebook 页面 [葡萄牙语]
- VueJS 巴西 - Facebook 群组 [葡萄牙语]
- [VueJS 西班牙语 - Facebook Group [西班牙语]] (https://www.facebook.com/groups/vue.es/)
- VueJS India 🇮🇳 - Discord chat server
- VueJS Indonesia - Telegram Group [印度尼西亚]
- VueJS 印度尼西亚 - Facebook 群组 [印度尼西亚]
- VueJS 印度尼西亚 - 聚会页面 [英文]
- VueJS Hong Kong - Facebook group
- VueJS Arab - Telegram Group
- VueJS Vix - Telegram Group [葡萄牙语]
- VueJS Vix - 聚会页面 [葡萄牙语]
- VueJS Norway - Meetup
- VueJS Israel 🇮🇱 - Facebook Page
- VueJS Finland - Meetup
- VueJS Finland - Facebook Page
- [让我们谈谈 Vue.js - Telegram Group [西班牙语]] (https://t.me/vuejsEs)
- VueBLR - Meetup
- VueBLR - WhatsApp Group
- VueBLR - Facebook Group
- VueJS USA - Meetups
- VueJS CZ/SK - Discord group
- VueJS DOM - WhatsApp group
- VueJS DOM - Facebook group
- VueJS 乌兹别克斯坦 - Telegram Group [乌兹别克]
Conferences¶
Podcasts¶
- Full Stack Radio #30 (11-23-2015)
- JavaScript Jabber #187 (11-25-2015)
- Changelog #184 (11-27-2015)
- Software Engineering Daily (12-29-2015)
- JavaScript Air 016 (03-30-2016)
- Codecasts #2 - Falando Sobre Vuejs e Web Components (2016-08-19) [pt-BR]
- Full Stack Radio #50 (09-21-2016)
- 和 Vue.js 框架的作者聊聊前端框架开发背后的故事 [zh-CN]
- MW S04E08 - Vue.js with Evan You and Sarah Drasner (04-27-2017)
- Request For Commits #12 - Crowdfunding Open Source (Vue.js) (06-15-2017)
- The Web Platform Podcast 132: Vue.js (07-27-2017)
- JavaScript Jabber #276 with Maximilian Schwarzmüller (08-29-2017)
- Animating VueJS with Sarah Drasner(Software Engineering Daily 01-12-2017)
- Views on Vue (weekly podcast on Vue started 03-06-2018)
- Vue podcast list via The QIT Tech Podcast Indexer
- DNE 138 - Vale a pena VueJS? (01-05-2018)
- Cynical Developer #99 (10-15-2018)
- Syntax #130 (03-27-2019)
- Enjoy the Vue: The new Vue.js podcast
Youtube Channels¶
Official Examples¶
Tutorials¶
- Learn Vue 2: Step By Step 在 Laracasts 上
- Vuejs 2 Authentication Tutorial 在 Auth0 博客上
- Create a GitHub File Explorer Using Vue.js 在 Scotch.io 上
- Vue.js Tutorial 在 Vegibit
- Vuex introduction video - James Browne from London Vue.js Meetup #1
- Hybrid App Example with Laravel and Vue.js in Portuguese 来自@vedovelli
- Vue.js Introduction Turkish Language 在 oguzhan.in
- Vue.js VideoTutoral Series in Spanish (3-8-2016) 胡安·安德烈斯·努涅斯 (Juan Andrés Núñez) 在 YouTube 上
- Vue.js Screencast Series in Spanish 在 Styde.net 上
- 讲解 Vue.js 官网 中文-含代码、百度云、youtube 在 bhnddowinf 上
- Exploring Real Time Apps with VueJS, ES2015 and Webpack 在推杆上
- Vue.js in Bahasa Indonesia 在 sekolahkoding.com
- Vue.js from Scratch Series in Russian 在 YouTube 上由 .dev
- Створення сервісу для зберігання файлів з Flask, RethinkDB та Vue.js, ч. 1 乌克兰
- VueJS 2 French tutorial Grafikart 的法语
- Jayway Vue.js 2 workshop. Build an e-commerce site with vue-router, vuex and vue-resource
- How to Create Great VueJS Applications Using Wijmo Controls
- 讲解 Vue.js 2 官网 中文-含代码、百度云、youtube 在 bhnddowinf 上
- Medium like Image Loading with Vue.js
- How to Use Vuex in a Laravel Spark Project 在“公制循环”上
- How To Set Up Modules in Vuex 在“公制循环”上
- Up and Running with the Vue.js 2.0 Framework 在站点点上
- How to make API Calls with Vuex 在“公制循环”上
- How to Use Vuex to Build a Feature 在“公制循环”上
- Vue.js 2.0 Fundamentals DevMarketer 在 YouTube 上
- Vuex For The Clueless — The Missing Primer On Vue’s Application Data Store
- Real-time Grid Component Laravel, Vue.js, Vuex & Socket.io
- VueJS 2 - The Complete Guide (incl. Vuex) - Udemy Tutorial
- Develop Web Apps with Vue.js 上 egghead.io
- Vue.js 2 - Getting Started
- Vue.js 2 & Vuex (Basics)
- Türkçe VueJS Eğitim Videoları 在 YouTube 上由 Fatih Acet
- Let's Vue! - OpenLecture 2017.01 in Russian 在 YouTube 上由 Illya Klymov (@xanf)
- Bootstrapping your first Vue.js application using vue-cli 经过 @afropolymath
- Build vue-hackernews-2.0 from Scratch 经过 @ Detachment
- Role Based Authorization for your Vue.js and Nuxt.js Applications Using vue-kindergarten
- Complete Vue.js Application Tutorial - Creating a Simple Budgeting App with Vue 经过 @matthiaswh
- Vue.js Tutorial: A Prerendered, SEO-Friendly Example
- Vue.js Introduction For People Who Know Just Enough jQuery To Get By
- Fetching Data from a Third-Party API with Vue.js and Axios
- Fun Projects with Vue 2 (Video) 作者:Peter van Meijgaard,Packt. (2017 年 4 月)
- Vue JS: Simultaneously Running Express and Webpack Dev Server 在 Henrik Fogelberg 的 Medium 上
- Vue JS 2 Tutorials 在 Youtube 上 The Net Ninja
- Add a headless CMS to VueJs in 5 Minutes
- vue 架构中的 Watcher
- Building Your First App With Vue.js
- 5 Practical Examples For Learning Vue.js
- Migrating from KnockoutJS to VueJS
- Create a quiz with Vue.js 经过 @rap2h
- Vue.js 2 & Firebase - Building Real Time Single Page Web Applications
- Vue.js 2 & Vue-Resource - Real-World Application With External API Access
- Interactive Vue.js Screencasts For Beginners
- Vue.JS ile NASA API'ını Kullanarak Veri Çekme 在YouTube上
- Web development with Vue.js 2 (Video) 奥尔加·菲利波娃 (Olga Filipova),Packt. (2017 年 6 月)
- Build a realtime chart with VueJS and Pusher
- Intro to Vue, repo for Frontend Masters Course
- Vue Guide on CSS-Tricks
- Using Typescript in your VueJS app
- Vue.js 预览 在宁浩网
- Building a Vue v2 JS app using Vue-router
- Build your own carousel with Vue 经过 @Atom_Hernandez
- Unit Testing Vue.js Components with the Official Vue Testing Tools and Jest 经过 @alexjoverm
- Creating Vue.js Transitions & Animation: Live Examples 经过 @udyuxdev
- Creating Custom Vue.js Plugins
- Async in VueJS part 1
- Async in VueJS part 2
- Using localStorage with Vuex store without a plugin
- Using props for accessing URL parameters within components with Vue Router
- Deploy Vue.js — SSR(Vuetify) on Production with Pm2 and Nginx
- Testing Vue Comp上ents 上 laracast
- Building a Full Stack Web App with Vue.js and Express.js 经过 @CodyLSeibert
- Vue.js 2 Recipes (Video) 作者:Peter van Meijgaard,Packt. (2017 年 9 月)
- Getting Started with Vue.js
- Building Your First Advanced CRUD Application with Vue 2 (Video) 作者:Peter van Meijgaard,Packt. (2017 年 7 月)
- 프론트엔드 개발자를 위한 Vue.js 입문서
- 누구나 다루기 쉬운 Vue.js (Video) 上 Inflearn 经过 Captain Pangyo
- Build a Vue.js Blog in 2 hours tops 上 Snipcart
- Getting Started with VueJS 2 萨钦·巴纳加尔 @sachinbee 上 Udemy
- Getting Started with Vuex: Managing State in Vue.js
- Vue2 ACL using CASL 塞尔吉·斯托茨基
- Vuejs 2.5+ Authentication Tutorial using Auth0 在 Storyblok 博客上
- GraphCMS introduction guide with Vue 在 GraphCMS 上
- Vue.js debugging in Chrome and VS Code 这个秘籍展示了如何使用 Debugger for Chrome 扩展和 VS Code 来调试由 Vue CLI 生成的 Vue.js 应用程序.
- Getting Started with Vue JS 2 (Video) 作者 Sachin Bhatnagar,Packt. (2018 年 1 月)
- Building a movie app interface with Vue.js
- Let’s Build a Custom Vue.js Router
- Build a Vue.Js E-Commerce App with ButterCMS Headless Backend
- Build a voting application with Go and Vue.js
- Build a collaborative painting app using Vue.js
- Build a realtime payment dashboard with Stripe
- Build a cryptocurrency tracker using Vue.js
- Build a design feedback app using Vue.js
- Developing a Single Page App with Flask and Vue.js
- Accepting Payments with Stripe, Vue.js, and Flask
- API Driven Development With Laravel and VueJS (Free Course) 在 serversideup.net 上
- Managing State in Vue.js
- Real World Projects with Vue.js 丹尼尔·哈利勒 (Daniel Khalil),包装. (2018 年 8 月)
- Heartbeat (Vue + NW.js Video series) 经过 @ackzell (2017 - 2018)
- Firebase Server-Side Render Vue Apps with Nuxt.js (Server-side Rendering with JavaScript Frameworks)
- Firebase Measuring Vue SSR Performance with Nuxt.js (Server-side Rendering with JavaScript Frameworks)
- Creating an interactive map with D3 and Vue (2018 年 10 月)
- The guide to write universal, SSR-ready Vue components
- Vue.js Fundamentals
- Vuex for Everyone
- Vue.js Form Validation
- The Vue.js Master Class
- Vue.js Firebase Realtime Database
- Vue.js Firebase Authentication
- Dynamic Forms with Vue.js
- Custom Vue.js Directives
- Vue.js Application Development Essentials 作者 Bartłomiej Potaczek,Packt. (2018 年 10 月)
- Troubleshooting Vue.js 作者:Christian Hur,Packt. (2018 年 10 月)
- Nuxt.js - Vue.js on Steroids 作者:Maximilian Schwarzmüller,Packt. (2018 年 10 月)
- Building an Electron File Explorer with Quasar (and Vue) 经过 @hawkeye64 . (2018 年 11 月)
- Build Web Apps with Vue JS 2 & Firebase 在“Udemy”上 the Net Ninja
- Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex) 马克西米利安·施瓦茨米勒的《Udemy》
- SPA Application using Vue.js, Vuex, Vuetify, and Firebase (Part 1) (2018 年 11 月)
- SPA Application using Vue.js, Vuex, Vuetify, and Firebase (Part 2) (2018 年 11 月)
- SPA Application using Vue.js, Vuex, Vuetify, and Firebase (Part 3) (2018 年 11 月)
- SPA Application using Vue.js, Vuex, Vuetify, and Firebase (Part 4) (2018 年 11 月)
- Adding Internationalization to a Vue Application (2018 年 11 月)
- Practical Projects with Vue JS 2 杰克海灵顿,帕克特. (2018 年 12 月)
- Vue.js 기초 다지기 (Video) 经过 Lessipe
- Full Stack Web Development with Vue.js and Node.js 作者:Haider Rehman,Packt. (2019 年 1 月)
- Vue for Designers 通过设计+代码(2019 年 2 月)
- Vue Introduction in Turkish
- Data pulling using Vue-Resource in Turkish
- Spa Application using Vue-router in Turkish
- Create Vue Projects using Vue-cli in Turkish
- Messaging between Vue components and Vuex in Turkish
- How to Dynamically Add a Class Name in Vue 迈克尔·泰森
- Build a Library web application with Vue JS, Node JS, and SQL or MongoDB using ScaffoldHub 费利佩·利马 @scaffoldhub_io
- Building a Realtime Location tracking app with NativeScript + Vue 作者:赛比网
- Vue: Getting Started, by John Papa 上 Pluralsight
- Building a Simple Pre-Rendered Web App Using Vue + Nuxt 通过迈克尔林奇
- Vue and GraphQL with Hasura video course
- Frontend and Fullstack VENM-stack coding tutorials by RabbitWerks JavaScript
- Nordschool Vue Tutorials
- Vue Props Validation - Best Practices
- Vue Router - The Complete Guide
- Enable VS Code Debugger for Nuxt & Typescript
- Create A Blog With Gridsome & Vue
- Building an Imgur Clone with Vue.js and Serverless
- Building a HackerNews clone in Vue.js on AWS
- [Vue.js:使用 Firebase、Vuex 和路由器构建全栈应用 [视频]](https://www.packtpub.com/programming/vue-js-build-a-full-stack-app-with- firebase-vuex-and-router-video?utm_source=Vuejs.org&utm_medium=referral&utm_campaign=OutreachV15745)作者:Chris Dixon(2019 年 10 月)
- [Vue.js 2 学院:逐步学习 Vue [视频]](https://www.packtpub.com/web-development/vue-js-2-academy-learn-vue-step-by-step- video?utm_source=Vuejs.org&utm_medium=referral&utm_campaign=OutreachV15754),Chris Dixon(2019 年 10 月)
- Blazing-Fast Vue 和 GraphQL 与 Gridsome [视频] 作者:Reed Barger, Packt
- Build Your First Vue.js App in About 30 Minutes 作者:Rad Devon(视频,2020 年 2 月)
- How to make your components dynamic in Vue JS (2019 年 9 月)
- Fragments in Vue JS (2019 年 12 月)
- Build a movie search app using the Vue Composition API
- Vue Testing Crash Course
- Sharing and re-using Vue Mixins in the cloud with Bit.dev (2019 年 5 月)
- Using Watchers in Vue JS (June 2019)
- Understanding Filters in Vue JS (June 2019)
- Form Validation In VueJS Using Yup 经过 Vijit Ail (2020 年 5 月)
- Use Vue.js to Rewrite React's Official Tutorial Tic Tac Toe 经过 Chanvin Xiao
- Can we use Python with Vue.js or Vue and Django or Flask?
- MDN - Vue tutorials
- Learn Vue 3 for Beginners - Full 2020 Tutorial Course 在YouTube上
- Vue 3 Composition Api Introduction - Full Tutorial
- Building a VueJS chat app with realtime storage of messages in Airtable 作者:Srushtika Neelakantam(2020 年 12 月)
- Building a realtime quiz with VueJS using a starter kit 作者:Srushtika Neelakantam(2020 年 10 月)
- Make an Heart clicker with vue.js and firebase
- Building an E-Commerce app with Vue.js, Vuex & Axios 作者:Deven Rathore(2020 年 11 月)
- Vue.js Debugging: A Guide to Fixing Your Frontend - 学习 Vue.js 调试的基础知识. 本指南将引导您完成有关如何修复应用程序前端的教程.
- Help you learn more efficiently vue3 source code - mini-vue by cuixiaorui
Examples¶
- Node Webkit + Vue example 通过@brandonjpierce
- Vue Samples 来自@superlloyd
- HackerNews clone with vue.js + vue-router 来自@kazupon
- Electron + Vue example 来自@bradstewart
- Single page application example (Vue + Voie) 经过 Boris Okunskiy
- Begin - Task Manager SPA written in Vue + Lumen 经过 Raj Abishek
- Vue Mini Shop
- Vue SoundCloud 经过 mul14
- Feature Requests (Laravel + Vue Combo) 经过 haydenbbickerton
- Vue Cookbook (Vue1.0 + express) 经过 @yjj5855: 一个服务的演示首屏渲染
- Strong Together - 基于 Browserify 和 Semantic-ui 构建单页 Vue.js 应用程序作为独立或 Laravel / Laravel Spark 项目的入门项目 WebSemantics
- vuetest: an ad admin web with user auth, bootstrap ui, uploader, WYSIWYG editor in iframe
- vue-shopping 经过 andylei18
- Vue-cnodejs,060 经过 @shinygang
- vue-zhihu-daily 经过 hilongjw
- VueChess - 多人在线国际象棋游戏
- Ngexplorer-vuejs-client -
Ngexplorer
的客户端视图 - Vue 2048 (Vue + Webpack) 经过 @pengfu: 使用 Vue,Webpack,Sass,ES6 实现的流行 2048-Game
- Vue Simple PWA
- Tour of Heroes (Vue 2.0):Angular 2.0 的 Vue 2.0 端口 Tour of Heroes 演示应用程序. 亮点:ES6/7、渲染函数、JSX、 revue (Vue 的 redux 绑定),
vue-router
, Airbnb eslint ,网络包. 经过 @aweber1 - vue-table-pagination A table with pagination by echovic
- Feathers and Vue 2.0 Blog Admin Demo 在 Vue 2.0 中使用 Feathers 的演示. 它包括身份验证、vue-router、vue-infinite-loading 和角色 delay
- vue-zhihudaily-2.0 知乎日报演示使用 Vue 2.0、vue-router 和 vuex 构建,具有服务器端渲染. 经过 cs1707
- vue-demo-todolist 使用 Vue 2.0 构建的简单 vue2.0 演示,vue-cli. 经过 fishenal
- vue-AdminLte 经过 liujians
- Vue(2.0) + Node.js: A blog content manage system (CMS) 来自@ycwalker
- ngexplorer-quasar - 实现
Ngexplorer
quasar framework - zhihu-daily-vue 基于 vue2.0 的知乎日报 by moonou
- loopback-vue loopback+vue+vue-resource,ionic-app,vue page 分页功能,authenticate 权限控制,accesstoken 机制,credentials,CI,docker qxl1231
- vue-s3-dropzone Vue.js 拖放组件将文件无服务器上传到 AWS S3
- easy-vue 一个简单的例子,使用 vue 在 vue 2.0、vuex 2.0、vue-router 2.0、vue-infinite-scroll 2.0、vue-progressbar 2.0 上实现easy web TIGERB
- Vuex Events Messaging Demo 经过 Metric Loop
- vue-memo 使用 Vue.js(>2.x.)、vue-router(>2.x.)、vuex(>2.x.)、vuex-router-sync@next(>3.x.) 的简单演示构建和 Firebase(>3.6.x) 由 akifo
- Resume Vue 基于 Vue 2.0 的基于 JSON 的简历 ChangJoo Park
- App example with JWT Authentication 使用
Phoenix Framework
、Vue 和 Vue Router 开发(demo) - Sample CRUD app with router in Vue 2.0 经过 @shershen08
- ASP.NET Core Vue.js server-side rendering sample 经过 @mgyongyosi
- vuefire-quickstart - 记录 Firebase 与 webpack 和 eslint 的集成,作者: @sejr.
- hello-vue-django Vue.js and Django integration starter project with hot code reload
- Real Time Social News App 使用
Phoenix Framework
、Vue、Vue Router 和 Vuex 开发(demo) - vue-calculator 一个用 Vue 2.0 构建的简单计算器,vue-cli(webpack-simple).
- Wikipedia-viewer 使用 vue2.x、vue-router、vue-cli(webpack-simple) 和 ajax(jsonp) 构建的简单维基百科查看器页面.
- vue2.x-douban A simple of douban movie build with vue2.x,vue-router and axios(豆瓣电影). by Superman
- vue-laravel-example Vue - Laravel - Example 是一个使用 Laravel 设置 Vue 的简单示例. 经过 Jiajian Chan
- vue-foundation 一个将 VueJS 与 Zurb Foundation, 使用 webpack vue-cli f 构建
- aspnetcore-Vue-starter 作为 asp.net MVC dotnetcore 项目一部分的 VueJS 2 入门模板. 此模板包括 VueJS 客户端应用程序和后端 API 控制器.
- vue-reddit-app Reddit SPA demo 使用 Vue 2.X 、 Vue Router 2 、 Vuex 和 axios 构建. 使用 Muse-UI 和 vue-cli webpack 模板 @yujiahaol68
- vue-music-qq 一个 qq-music 项目是基于 vue-cli 的. 页面简洁流畅
- NavigationTab with Vue-Redux and Plain VueJSX 带有普通 Vue JSX 和 Vue + Redux 绑定的导航选项卡
- Veggie Map 使用 Vuejs + Vue 路由器 + Leaflet 和 Firebase 的交互式演示
- vuejs-d3 如何使用 d3 进行可视化的示例.
- vue-twitter-client 使用 Vue 2.X、Vuex、electron-vue 和 Electron 构建的 Twitter 客户端应用程序
- Douban 使用 Vue2.x + Vuex + Vue-router + vue-resource 创建的很棒的豆瓣示例. 经过 jeneser
- Storyblok vuejs-boilerplate - 集成 Storyblok 的组件系统,允许创建可编辑的网站.
- Vuexpresso - 使用 VueX、Vue-Router、Vue-Apollo、webpack、GraphQL、Apollo-client、express 和 mongo 的样板
- Vue.js with Sails.js example project - 该项目适合那些不熟悉单页应用程序并希望通过真实示例进行学习的人.
- Vue.js & Pyramid web framework app - 使用 Pylons Pyramid webframework 后端 Vuejs webpack2、vue-router、yarn(数据包管理器)的样板
- vue-feathers-chat 前端使用 Vue 和后端 Feathers 进行的实时聊天示例,但仅使用 Socket.IO-Client 进行通信
- vue-xplan 使用 Vue 和 Three.js 创建的旋转地球演示页面
- vueSocketChatRoom 一个使用 vue2.x,vuex2.x,vue-router2.x,vux2.x,socket.io 的 socket 聊天室
- vue-tetris (Use Vue, Vuex, Immutable to code Tetris) 经过 @Binaryify:使用 Vue、Vuex、Immutable 编写俄罗斯方块.
- route-planner-vue 经过 @Kasheftin:用于在谷歌地图上规划具有多个可排序图层、可拖动方向、标记和形状的路线的工具.
- MyDiary-Vue 使用 Vue 2.X 构建的日记应用程序,它还具有联系人和待办事项列表功能
- VueJS Example Projects 在 Github 上
- todo-mvc-webpack 经过 voluntapear 使用 webpack-basic 模板在 Vue 2 上实现 TodoMVC,示例展示了 vuex、vue-router、中央事件总线和 VueFire.
- Chess Storybook Example 使用 Vue 2.0
- Vue Weather Notifier 一个带有 SVG 和 Vuex 的小示例动画应用程序
- VueBlog 一个支持服务端渲染的博客系统 wmui
- Cinemateka - 使用 Vue v1 和 Laravel 5 制作的 SPA 示例.电影和活动时间表. 俄罗斯评论.
- vue-2.x-boilerplate - 一个简单小巧的 Vue 项目入门套件 Vuex + vue-router
- vue-minesweeper - 一个致命的简单扫雷游戏 vuejs by rhapsodyn
- X-Flowchart-Vue - 带有 SVG 和 Vue 的流程图编辑器
- koa-vue-notes-web - 在后端使用 Koa 2.3 并在前端使用 Vue 2.4 的充实的 SPA. 包括功能齐全的用户身份验证组件、用户笔记的 CRUD 操作和 Vuex 存储模块.
- Vuejs Shopping Cart - 使用 Vuejs 和 Firebase 的购物车示例
- PokedexVueJs 来自@rchung95
- vuefire-auth 使用 Firebase 进行 Vuefire Vue2-Auth-Email 验证
- vuefire-realtimedatabase 带有 Firebase 的 Vuefire Vue2-RealtimeDatabaseCRUD
- vuefire-storage 带有 Firebase 的 Vuefire Vue2-Storage
- Vue2-PWA-Blog 通过@deepak-singh
- vue-firebase-auth-vuex 使用 Vuex 进行 Vue2 Firebase 身份验证并支持渐进式 Web 应用程序
- vue-chart-stater-kit 使用 Vue Router、Vue Chart、Element-UI 的快速入门
- vue2.0-demos 使用 mint-ui, Element-UI, 并有一些演示(选择城市等)
- conway Conway 在 Vue 中的生命游戏.
- vuex-feature-scoped-structure 功能范围的 vuex 应用程序结构的示例应用程序
- vuex-examples - 使用 Vuex 构建真实世界应用程序的简单示例
- vue-vuex-todomvc - Example TodoMVC Vue.js app with Vuex store and server backend via REST and full set of E2E tests using Cypress.io 测试跑者.
- vuejs-sqljs-boilerplate - 这是一起使用 Vue.js 和 sql.js 的样板
- X-WebDesktop-Vue - 基于Vue的WebDesktop系统
- vuejs-music-player - 一个 Vue.js lite 音乐播放器
- Vue.js Best Practices Example Project - 使用 Vue.js + Vue Router + Vuex + Vuelidate 的最佳实践示例项目
- Vue.js [ONE] 客户端 - [ONE] 用 Vue2.5 编写的客户端
- Vue.js 2.5 with vue-cli v3 including authentication with auth0 作者:Dominik Angerer,Storyblok
- Skeleton Vue+TypeScript - TypeScript, VueJS, ElementUI, Vue Router, Vuex, Material Icons, BrowserSync, Dockerfile
- PENV Starter - 如何结合使用 VueJS、Express 和 PostgreSQL 的基本示例.
- vue-relay-examples - 使用 vue-relay 的示例应用程序集合.
- laravel-vue-boilerplate - 带有用户 CRUD 的 Laravel 5.5 SPA 样板,使用 Vue.js 2.5、Bootstrap 4、TypeScript、Sass、Pug 和 Jest.
- Vue Design System - 使用 Vue.js 构建 UI 设计系统的开源样板.
- Vue Bulma Demo - 一个简单的演示网站,可以结合使用 Bulma / Vue JS & express.
- Starter application ready for production with TypeScript, vuex, vue-router, HMR and more
- vue.js 与 laravel 结合的前后端分离开发模板- laravel 护照/Vue.JS 和元素 UI 的模板网站.
- Hands-On Web Development with Vue.js 作者:罗曼·库巴,帕克特. (2018 年 5 月)
- Vue Online Shopping Mall - A online shopping mall SPA demo, 基于 VUE 开发的前后端分离电子商城前端项目
- FUE - 带有 Vue.js + Vue Router + Vuex + Vuetify + FeathersJS 的管理 SPA 客户端和服务器端样板
- Vue + TypeScript Cookbook - 一本小手册,涵盖了一些不太明显的解决方案,供人们开始使用 Vue + TypeScript
- Vuejs Examples
- ASP.NET Core Vue Starter CLI 3.0 A Vue starter template using Vue CLI 3.0 with custom configuration (default TypeScript, Vue, Router, Vuex, Vuetify) integrated with ASP.NET Core by @SoftwareAteliers (2018 年 9 月)
- vue-soundcloud 使用 Vue.js 2 构建的 Soundcloud 客户端,由 Soroush Chehresa
- vue-cart 一个用 vue、vuex 和 vue 路由器制作的简单购物车. 经过 crisgon
- Nuxt + Apollo + Element 带有 Nuxt、Element(自定义主题)和 Vue Apollo 的 Vue.js SSR 样板.
- vue-daily-zhihu 使用 Vue 2.0 & vue-router & vuex 的简单演示构建 walleeeee
- Multi-page ASP.NET Core Vue with TypeScript - 多页 ASP.NET Core Vue、Typescript、Vuex、Vue 路由器、Bulma、Sass 和 Jest 应用程序. 关于如何在 .NET Core MVC 中将 Vue.js 用作多页(多个迷你 spa)应用程序的模板/起点.
- CION - Design system boilerplate for Vue.js - 主要为 Vue.js 应用程序构建的设计系统. 它利用设计令牌、带有集成代码操场和可重用组件的生活风格指南,用于常见的 UI 任务.
- Vue websockets example - Websockets 与 Vue.js 2 + Node 项目一起使用的基本示例,以获得完整的工作示例.
- Vue(2.0) + Node.js: A blog 来自@FatDong1
- vue-todo-list 基于 Vue + Vuex + Vuetify + Vee-Validate 的 ToDo List 示例应用
- Vue.js and Ionic v4 examples - 一组如何在 Vue.js 中使用 Ionic v4 的示例
- Personal Website that use Vue, Vuex and Vue-Router - 一个简单的网站示例,由 vue、vuex 和 vue-router 组成 Muratcan Şentürk
- Client-Side Vue.js - Demo - Vue.js 客户端,用于微型、快速加载、无 node.js 的单页应用程序 Justin Wash
- Large scale Vue.js application boilerplate + Vuex - 使用 Vuex 作为状态管理启动大规模、灵活的 Vue.js 应用程序的样板 - 作者 Arun Redhu
- Snake game on Vue.js without Canvas
- A one-on-one chat app in Vue with CometChat
- Vue webpack typescript 带有 sass/ts/sfc linters 的样板. 完整的类型安全,包括 vuex 和漂亮的 vue 组件,带有
vuex-module-decorators
、vue-property-decorator
- Laravel + Nuxt.js boilerplate - 经过 @acidjazz
- Add Push Notifications to Your Vue Chat App Using CometChat and Firebase
- TO - 一个社交媒体应用程序,可让您仅发布文本.
- All-About-Me - 使用 Vue、Firebase(Firestore/Auth/Storage)、Element-UI、Disqus、Vuex、Vue-Router 和 Sass 构建的社交媒体 Web 应用程序. 支持图片上传、个人资料编辑、添加/删除好友和评论.
- Vue Voyagers 👽 Space Travel - 使用 REST API 的 Vue.js 游戏化示例 SPA. 它通过 D3.js、动画和网络音频呈现信息图表.
- TodoMVC Vue 3 Composition API - Vue 3 Composition API 中完整的 TodoMVC 实现,包含组件、存储、单元 e2e 测试和 linting.
- TodoMVC Vue - Vue 2 中完整的 TodoMVC 实现,包括组件、存储、单元 e2e 测试和 linting.
- Movie search app with Composition API - 在 Vue 2 中使用 Composition API 插件实现的电影搜索应用
- Nuxt with JWT authentication via OTP - Nuxt.js 样板,具有基本的注册和启用 OTP 的登录功能.
- vuetify-i18n-boilerplate - Demo - 使用 Vuetify、Vue-i18n、Vuex 和 Vue-router 快速启动 Vue 项目的样板
- Google Keep Clone with Vue + Firestore - 使用 TypeScript 编写的 Vue 和 Firestore 进行 Google Keep 克隆.
- Go-echo-vuejs-boilerplate - 使用 go 和 echo 框架作为后端的样板和为 Web 流量提供服务的 vuejs.
- Vue-Next-TicTacToe - 使用 Vue Next 制作的简单井字游戏
- Vue 3 example without Webpack - 如何在不需要 Webpack 或任何其他构建工具的情况下使用 Vue-Router 构建 Vue 应用程序的示例. 包括使用 Vue Server Renderer 预渲染组件和页面的能力.
- COVID19 Live Data Component - 显示世界各地实时 covid19 数据的简单组件.
- vue-stack-cesium - 一个最小的示例配置项目 CesiumJS 以及所有很棒的 vue 功能. 该项目包含许多示例,如何组合和使用某些包来开始.
- Shopify Theme Lab - 使用 Vue、Vuex 和 Tailwind CSS 的 Shopify 主题开发入门
- Peer to Peer game of telephone - 适合 4 到 8 名玩家(理想情况下!)的派对游戏,您可以在其中通过图画和字幕改变短语,与朋友一起组成有趣的场景. 该项目是如何使用 Vue 构建点对点游戏的示例.
- vue3-webpack 查看 3 + webpack 4 starter.
- laravel-vue-3-starter 一个使用 Laravel 8 和 Vue 3 的预配置项目.
- Vuetify Swipeout - 使用 Vue 2 + Vuetify + Swiper 构建的滑动示例.
- Vuetify Todo PWA - 使用 Vue 2 + Vuex + Vuetify 构建的简单 Todo PWA.
- Vue Todo PWA - 使用 Vue 3 + Vuex + Bootstrap 5 构建的简单 Todo PWA.
- Vue simulating - 一个模拟linux系统GUI的网站,使用Deepin发行版的主题. 使用 vue + tailwindcss + animate.css.
- Vue Word Game - 一个简单的类似刽子手的猜词游戏,使用 Vue 2 构建.
- Coinchartsvue - Coinchartsvue 是基于 Coinbase 原始价格图表的加密货币价格图表.
Books¶
- The Majesty Of Vue.js 作者:Alex Kyriakidis 和 Kostas Maniatis,Packt. (2016 年 11 月)
- Learning Vue.js 2 奥尔加·菲利波娃 (Olga Filipova),Packt. (2016 年 12 月)
- The Majesty Of Vue.js 2 作者:Alex Kyriakidis 和 Kostas Maniatis,Leanpub. (2017 年 3 月)
- Vue.js 2 Cookbook 作者:安德里亚·帕萨格利亚,帕特. (2017 年 5 月)
- Vue.js in Action 作者:Erik Hanchett 和 Benjamin Listwon(2018 年春季)
- Testing Vue.js Applications 作者:Edd Yerburgh(2018 年夏季)
- Vue.js 2 and Bootstrap 4 Web Development 奥尔加·菲利波娃 (Olga Filipova),Packt. (2017 年 9 月)
- Front-end com Vue.js by Leonardo Vilarinho, Casa do Código. (November 2017)
- Vue.js 2 Web Development Projects 作者:Guillaume Chau,Packt. (2017 年 11 月)
- Full-Stack Vue.js 2 and Laravel 5 作者:Anthony Gore,Packt. (2017 年 12 月)
- Vue.js 2.x by Example 迈克街,帕克特. (2017 年 12 月)
- Mastering Vue.js 作者:Oleksandr Kocherhin. (2018 年 1 月)
- Fullstack Vue: The Complete Guide to Vue.js 作者:Hassan Djirdeh、Nate Murray 和 Ari Lerner. (2018 年 3 月)
- Vue.js 2 Design Patterns and Best Practices 作者:Paul Halliday,Packt. (2018 年 3 月)
- Vuex Quick Start Guide 作者:Andrea Koutifaris,Packt. (2018 年 4 月)
- Full-Stack Web Development with Vue.js and Node 作者:Aneeta Sharma,Packt. (2018 年 5 月)
- The Vue Handbook 通过弗拉维奥·科普斯. (2018 年 7 月)
- ASP.NET Core 2 and Vue.js 作者:斯图尔特·拉特克利夫,帕特. (2018 年 7 月)
- Vue.js: Construa aplicações incríveis 作者:Caio Incau,代码之家. (2017 年 9 月)
- Getting to Know Vue.js 作者:布雷特·纳尔逊,Apress. (2018 年 8 月)
- Vue: Build & Deploy 作者:Daniel Schmitz,Leanpub. (2018 年 9 月)
- Building Applications with Spring 5 and Vue.js 2 作者:James J. Ye,Packt. (2018 年 10 月)
- Vue.js Quick Start Guide 作者:Ajdin Imsirovic,Packt. (2018 年 10 月)
- Vue.js Component Patterns Course 作者:弗雷德里克·迪茨(Frederik Dietz)(2019 年 4 月)
- Vue.js: Understanding its Tools and Ecosystem 作者:Dave Berning(2019 年 11 月)
- Building Forms with Vue.js 作者:Marina Mosti(2019 年 10 月)
- Testing Vue.js Components with Jest 作者:Alex Jover Morales,Packt(2019 年 10 月)
- Vue.js 作者:Chris Minnick 和 Nat Dunn,Webucator(2020 年 2 月)
- Become a Ninja with Vue 3 作者:Cédric Exbrayat(英语和法语版本)(2020 年 5 月)
- Large Scale Apps with Vue 3 and TypeScript Damiano Fusco,Leanpub(2020 年 9 月)
- Vue - The Road To Enterprise 托马斯·芬德利(2021 年 1 月)
- Accessible Vue – Get started with Accessibility in Vue.js! 作者:Marcus Herrmann(2021 年 3 月)
Blog Posts¶
- Vue x Hasura GraphQL
- Using GraphQL Mutations in Vue.js
- Learn How To Build A Data-Driven Search UI with Vue.JS
- Using GitLab CI/CD to auto-deploy your Vue.js application to AWS S3
- Dockerizing a Vue App
- Deploying a Flask and Vue App to Heroku with Docker and Gitlab CI
- Large-scale Vuex application structures
- Composing computed properties in Vue.js
- Learn how to refactor Vue.js Single File Components with a real-world example
- Get Started Writing Class-based Vue.js Apps in TypeScript
- Vue.js with TypeScript 经过 John Papa
- Guide to Unit Testing Vue Components
- Realtime chat App with Vue and Hasura
- Vue vs React: Which is the better framework?
- Building a Beautiful Animated News App with Vue.js and Vuetify
- Comparing Angular vs Vue
- Vue vs. React – Which Should You Pick For Your Next Web Project?
- Vue.js from scratch series 在 YouTube 上由巴黎 Nakita 天皇
- 10 Quick-Fire Vue Interview Questions
Courses¶
- Learn Vue by Building and Deploying a CRUD App - 本课程的重点是通过使用测试驱动开发 (TDD) 构建和测试 Web 应用程序来教授 Vue 的基础知识.
- Advanced Vue.js Features from the Ground Up - 学习如何从头开始构建更易于访问的路由、状态管理、表单验证和国际化库!
- Become a Ninja with Vue 3 - 本课程将教授如何使用 Vue CLI、TypeScript 和 Composition API 逐步使用 Vue 3 构建完整的应用程序. 每个练习都附带说明和测试,以检查 100% 的代码.
Documentaries¶
- Vue.js: The Documentary 作者:蜜罐(2020 年 2 月)
Projects Using Vue.js¶
Open Source¶
- PageKit - 使用 Symfony 组件和 Vue.js 构建的模块化轻量级 CMS.
- npmcharts.com - 比较 npm 包并发现下载趋势.
- Koel - 一个工作的个人音乐流媒体服务器.
- Raven Reader - 使用 atom electron 和 vue.js 制作的简单 RSS 阅读器.
- Gokotta - 由电子和 vue 构建的简单音乐播放器.
- CoPilot - 基于 AdminLTE 与 vue.js 集成的管理门户.
- Retrospectify - 在敏捷团队中进行协作回顾的简单工具.
- jade-press - 基于 mongodb、nodejs、koa、vue 等的 Cms.
- astralapp - 轻松组织您的 GitHub Stars.
- EME - 优雅的 Markdown 编辑器.
- Github-explorer - 一个可以帮助您更好地检查 github 的水疗中心.
- Hotel - 从您的浏览器启动您的开发服务器并在几秒钟内获取本地域.
- Surfbird - 使用现代网络技术编写的 Twitter 客户端.
- Approach0 - 具有数学意识的搜索引擎.
- Flox - 自托管电影、连续剧和动漫观看列表.
- JavaScript Guessing Game - 用于识别 JavaScript 工具和库的游戏.
- vue-ghpages-blog - 基于 Vue.js 2 + Webpack 2 的 GitHub 页面的博客.
- Vuedo - 博客平台,使用 Laravel 和 Vue.js 构建.
- vue-music163 - 一个用于音乐的 Vue.js 项目.
- Tomato5 - 实时协作工具,它结合了番茄工作法和团队状态共享板.
- Web Learn - 一种服务,可提供对有关 Web 开发和编程的数千个视频教程的简单访问.
- ExcelJSON - 将 CSV、TSV 转换为 JSON 的工具.
- Materialize-blog - 一个用 Laravel5.3 和 Vue2.x 构建的素材博客.
- VueComponentGenerator - 在浏览器上生成 vue 单文件组件.
- SDR News - 从多个来源(Reddit、黑客新闻和著名博客)聚合的 Web 设计师和开发人员新闻.
- PJ Blog - 使用 Laravel 和 Vue.js 构建的开源博客.
- Lulumi-browser - Lulumi-browser 是一个使用 Vue.js 2 和 Electron 编码的轻量级浏览器.
- vue-wordpress-pwa
- OpenAPI 3 viewer - 浏览和测试 OpenAPI 3.0 规范中描述的 REST API
- Stacer - Linux 系统优化器和监控
- Distrochooser.de - Linux 初学者的方向指南
- Buka - 电子书管理
- Docute - 无需构建过程即可编写文档的框架
- nativescript-vue - NativeScript 渲染器的 Vue.js 实现.
- piper - 基于 Vue 的拖放式移动网站构建器.
- mmf-blog-vue2 - 基于 Vue2(Vue-router, Vuex) 和 Webpack2 的博客.
- Media Manager - 网络文件管理器.
- dyu/bookmarks - 一个独立的、自托管的书签应用程序,由 leveldb 提供支持,使用 Vue2.1.x 构建.
- JSON Schema Editor - 一个直观的 JSON 模式编辑器. 使用 Vue.js 2 和 Firebase 进行开发.
- npm-stats - npm 包下载统计仪表板
- vue2-admin-lte - 将 AdminLTE 转换为与 Vuejs (v2.x) 一起使用的项目.
- Dockeron - 一个基于 Electron + Vue.js 为桌面 Docker 构建的项目.
- Flamme - 一个开源的 Tinder 桌面客户端,使用 electron 和 Vue.js 构建,用于教育目
- Goldfish - 使用 VueJS、Golang 和 Bulma CSS 构建的 HashiCorp Vault UI
- promptie - 用 Vue.js 编写的框架,用于在 Web 浏览器中创建类似命令行的界面.
- Hare - 基于 Vue.js 2.x、Koa 2.x、Element-UI 和 Nuxt.js 的应用样板
- Paper-Dashboard - 为 Vue 制作的创意 Tim Paper Dashboard
- AdminLTE-VueJS2 - 在 AdminLTE 上实现 VueJS (v2.x) 的开源项目.
- Material Dashboard - 为 Vue 制作的创意 Tim Material Dashboard
- Explore-Github - VueJS 2 Github Explorer 使用 API v3
- CoreUI Vue Admin Template - 由 Vue.js 提供支持的开源管理模板
- ChuckNorris - 使用 VueJS + api.chucknorris.io 构建的 Chuck Norris 笑话生成器
- LeafPlayer - 一个简单快速的私人托管音乐流媒体服务器.
- JSON Editor - 一个模式感知 JSON 编辑器. 使用 Vue2 开发.
- Voten - 使用 Vue2 和 Laravel 构建的类似 Reddit 的平台.
- News Weaver - 使用 VueJS 和 VuetifyJS 制作的基于 Web 的 RSS 阅读器/聚合器
- Wake Up Billie Joe! - 一个网站倒计时到 10 月,基于 Green Day 的歌曲 Wake me up when September Ends. 使用 Vue 和 Firebase 创建.
- Astrum - 设计为包含在任何 Web 项目中的轻量级模式库.
- vue2-pwa-vision - 带有 Vue2 + Vuetify + Progressive Web App 的人脸检测 Google Cloud Vision
- vue2-pwa-rekognition - 使用 Vue2 + Vuetify + Progressive Web App 的人脸检测 Amazon Rekognition
- AmmoBin.ca - 加拿大各地在线弹药价格的元搜索网站
- SPA-asp.net-api-vuejs- - Vue.js 单页应用程序,用于使用 ASP .NET Webapi 2 和 SQL 服务器进行基本任务管理和消息传递
- Book-Trading-Club - Trade or loan books with other book readers in your area. Built using nodejs and vuejs2
- vuejs-extension-pack vscode - 带有流行的 VS Code 扩展的扩展 packf 或 vscode,用于 Vue.js 开发.
- Wiki.js - 基于 NodeJS、Git 和 Markdown 构建的现代、轻量级和强大的 wiki 应用程序
- vue-pwa-speech - 在 Vue2 + Vuetify + Progressive Web App 上使用 Google Cloud Speech 进行语音到文本
- vue-speech-streaming - 在渐进式 Web 应用程序上使用 Google Cloud Speech + socket.io 实现实时语音到文本的执行流式语音识别
- My Animation List - 轻松获取css动画代码的工具
- vue-input-streaming - TextInput 实时流式传输和带 Pusher 的双向数据绑定广播
- TidyTab - 用于整理这些标签的 Chrome 扩展程序.
- peregrine-cms - 基于 Vue.js 和 Apache Sling 的 head-optional CMS
- concept-to-clinic - 带有 Vue.js 界面的肺癌预测项目
- grid-awesome - 使用 css display: grid 为网格布局生成样板 css; 财产.
- Light Bootstrap Dashboard - 为 Vue 制作的创意 Tim Light Bootstrap 仪表板
- Hubaga - 面向开发人员和其他数字商店的免费轻量级 WordPress 电子商务插件.
- vue-webpack-buefy - 带有全功能 Webpack 和 Buefy 的 Vue.js starter
- Coypu - 类似文本编辑器的每周计划器
- core-server - 具有集成 API 系统和多项高级功能的高度可扩展的 VueJs 框架.
- discord-logo - 基于 SVG 的 Vue.js 动画不和谐徽标生成器. (Github Page)
- node-vue-template - 使用 Node.js (API) 和 Vue.js (SPA) 构建完整应用程序的入门模板,其中包含一些包和配置,以帮助快速开始开发.
- vue-storefront - Vue.js Storefront - 电子商务的 PWA. 100% 离线,平台无关,无头,支持 Magento2.
- fd-vue - 用于物联网框架的 Vue.js 客户端
- wildfire - 其他评论插件的替代品.
- Ride Receipts - 简单的自动化桌面应用程序,用于从 Uber 和 Lyft 下载和整理您的税务发票.
- vue-chrome-extension-boilerplate - 使用 Vue.js 和 Webpack 的 Chrome 扩展样板
- TimeMark - 一个可以记录你的时间的时间管理器,并将开发更多功能.
- Laravel Enso - SPA 管理面板使用 Bulma、VueJS 和 Laravel 构建,打包了许多开箱即用的功能.
- Code Notes - 为使用 Electron 和 Vue.js 构建的开发人员提供的简单代码片段管理器.
- Pomotroid - 简单、美观且可定制的番茄钟计时器.
- XMR Miner - 加密货币 (XMR) 挖掘应用程序,使用 Vue.js 构建并使用 D3 进行可视化
- XMR Paper - 门罗钱包生成器,使用 Vue.js 构建
- JoyProxy - 用于处理代理设置的 Chrome 扩展
- activity-automation - 管理日常活动并及时获得报告.
- jsettlers-web - 流行的德国棋盘游戏,用获得的资源建造六角形、定居点、城市和道路
- Tamiat CMS - Tamiat 是一个专注于前端的 CMS,使用 Vue.JS 作为前端并与 Firebase 集成以实现后端功能.
- vuegg - vue GUI 生成器:一次性创建模型和代码! 它利用可视化编辑器创建页面、组件和样式. 为您的下一个 vuejs 项目生成所有脚手架代码.
- Podlove Web Player - 针对播客优化、基于 HTML5 的音频播放器,具有章节、转录和嵌入功能.
- Leo Vue - 使用开源 Leo 大纲编辑器/IDE 创建带有嵌套菜单的 web 应用程序,并在内容中支持 Vue 组件.
- Deezer-Vue - 使用 Vue\Vuex 构建的 Deezer 客户端
- Vuep.run - Vue 的在线 SFC 编辑器
- V·oogle - Google.com, reVued
- Pomidorus - 使用 Vue 和 D3 构建番茄时间跟踪器
- Hubble -
穿越 GitHub Stars 的历史.
- Vuepress - 简约的 Vue 驱动的静态站点生成器
- Socialhome - 具有社交网络功能的联合丰富的个人资料构建器
- GenVue - 一个可托管的 Web 应用程序,允许机密用户上传和共享基于 Vue.js、Vuetifyjs 和 NetCore WebAPI 堆栈构建的私有文件
- vue-array - Vue 下的数组对象操作,Vue 下的数组对象操作使用这个包来操作数组. Vue可以监听数组的变化
- Laqu-l - 带有 Quasar 框架的完整应用入门套件、带有 OAUTH 2.0 身份验证的 GraphQL API 后端、Firebase 就绪、多语言功能等.
- Protovue - 一个原型组件库,可帮助设计人员和开发人员快速搭建抽象的应用程序布局.
- Chattier - 使用 Laravel 5.6、Vue.js 2 和 Bulma(Buefy 组件 + Bulmaswatch 主题)构建的 SPA 社交网络. 还使用 JWT 身份验证.
- chrome-ribbon-reminder - 使用 Vue 和 Async/Await 编写的 Chrome 扩展. 使用弹出显示并更改徽章计数.
- Faviator - 一个简单的图标生成器.
- Modular Genealogy - 使用 Laravel 5.7、Vue.js 2.5 和各种组件的家谱/家谱管理系统. 工作正在进行中.
- Minimal Notes - 使用 Vue.js 构建 Web 应用程序
- Roast - 一个应用程序,旨在帮助咖啡爱好者在学习 Laravel + Vue.js 的同时找到他们的下一杯咖啡.
- Stack Edit - 浏览器内的 Markdown 编辑器
- Bael Blog Template - 静态生成的博客模板,使用 Netlify CMS 作为后端,使用 Netlify 进行托管. 具有野兽派美学、模糊搜索、无服务器电子邮件注册等功能.
- Buefy Shop - 示例商店,开源,使用 Nuxt、Stripe、Firebase、Bulma 和 Serverless Functions 构建.
- sysmon - 适用于 Linux 的 AB/S 模式系统监视器. 您可以随时随地通过网络浏览器远程查看系统资源的使用情况.
- eth-vue - Truffle Box 提供快速构建具有 Vue.js 身份验证功能的以太坊 dApp 所需的一切,包括用于轻松部署到 Ropsten 网络的配置. 它还支持 Gravatar.
- Nippon-color - 灵感来自 nipponcolors dot com. 这是使用 vue-cli 3 构建的日本色 PWA.
- Saleina CMS - 使用 git 作为后端使用 vue 构建的静态站点内容管理系统.
- Vuido - 用于创建本机桌面应用程序的框架. 它可以使用原生 GUI 组件在 Windows、OS X 和 Linux 上运行.
- YouGet - YouTube 视频/音频/字幕下载器 + 切割器
- Vue Pug Stylus - Vue + Pug + Stylus 样板
- Crypto News - 允许您转换加密货币,查看每个 ICO 的最新消息和汇率——来自加密货币世界的所有数据都集中在一个地方.
- Epiboard - 具有材料设计和有用功能的新标签页扩展
- zhudyos/duic - 分布式配置中心:新增:
- Vuemmerce - 使用 Vue.js 和 Bulma 框架构建的免费电子商务模板:新:
- Nucleus - Vue 启动应用程序模板,在后端使用 ASP.NET Core API 分层架构和基于 JWT 的身份验证
- Carpoolear - 阿根廷拼车应用的开源 Vue.js 前端(移动和cordova 应用程序): Carpoolear
- Statusfy:Statusfy 是一个状态页面系统,易于使用且完全开源.
- DynamoDb-GUI-Client: DynamoDb 的跨平台 GUI 客户端
- RosterWebApp - 开源排班 Web 应用程序,允许员工/团队排班到工作会议和其他功能.
- Vue E-Store Templet - 使用 vue/vuex/vue-router 和 bootstrap4 构建的电子商务模板.
- Twill - Laravel 的开源 CMS 工具包,可帮助开发人员快速创建直观、强大且灵活的自定义管理控制台.
- MATH_BOT - 通过给机器人编程来学习数学.
- Vue Crossword - 基于 Vue.js 的填字游戏构建器和填充前端应用程序. 内置 CodeSandbox.
- Vue Org Chart - 管理和发布您的交互式组织结构图 (orgchart),免费且无需网络服务器.
- Beep - 使用 Vue.js 和 Ionic 4 构建的帐户安全扫描器
- Vue CRUD - 基于 Vue.js 的 REST-ful CRUD 系统. Vue CRUD 允许您轻松创建快速应用程序,例如 CMS 或 CRM.
- Vue HQ Admin Dashboard – 由 Vue、Sass、Firestore 和 Netlify 提供支持的现代管理仪表板.
- MToDo - 使用 Vue.js 和 JSON Server 作为数据模拟构建的具有简单身份验证的迷你待办事项列表. 非常适合任何寻找真实世界 Vue.js 参考的人
- FireX Proxy - FireX 代理是用户可信赖的 Chrome 和 Firefox 浏览器扩展程序,可让您解锁任何网站并私密安全地浏览网络.
- VueSolitaire - 在 Vue.js 中实现的纸牌(蜘蛛,克朗代克).
- Thermal - 一站式所有 Git 存储库.
- QMK Configurator - Vue.js 中的 QMK 固件键盘配置 UI.
- Eplee - 使用 Vue.js 和 Electron.js 制作的甜美、简单的 epub 阅读器.
- vue-realworld-example-app - 示例性全栈 Medium.com 克隆
- Daily - 策划的开发新闻传送到您的新标签
- Laravel File Manager - 强大的 Laravel 文件管理器
- Vue Crypto Dashboard - 使用 Vue.js 制作的加密货币仪表板
- ETCD Manager - 基于 Electron 和 VueJS 的现代、高效且免费的多平台 ETCD GUI 应用程序.
- Idea Re-Vue - 社交创意平台,以有趣、直观的方式创建、管理和集思广益. 建立在 VueJS 和 Vuetify 之上,使用 Firebsae 作为后端
- Vue Expenses - 使用 Vue.js、Vuetify 和 ASP.NET Core 制作的费用跟踪应用
- Akaunting - 基于 Laravel 和 VueJS 的免费在线会计软件,适用于小型企业和自由职业者.
- VueFront - CMS 不可知 PWA 和 SPA. 在不到 5 分钟的时间内使您的 Wordpress 网站现代化
- Mockup-server - Mockup-server 很容易从本地目录创建服务器.
- MQTTX - 使用 Vue.js、Typescript 和 Electron 构建的跨平台 MQTT 5.0 桌面客户端.
- Pychat - 自托管的 webrtc 视频聊天(Slack 的替代方案)
- super.ba - 使用 Vue.js、Vue 的 Ant Design (antdv) 和 NodeJS 构建的 RSS 新闻聚合器.
- Rapido - Rapido 是制作网站的软件. Rapido 快速、易于使用且尊重您的隐私.
- miniPress - 另一个静态站点生成器
- Zeithub - 自由职业者的开源时间跟踪、发票和费用管理
- CodeceptJS UI - ✔️ CodeceptJS end 2 end tests ✔️的 Cypress 喜欢的 UI.
- Vue Pivottable - 基于 jQuery 的 PivotTable.js 的 Vue 端口
- Vue Datamaps - 基于 javascript 的 DataMaps 的 Vue 端口
- Marked.cc - 创建和分享您的笔记和散文的美丽图像.
- LeagueStats - 在线游戏英雄联盟玩家的统计网站.
- Veniqa - 一个电子商务解决方案,带有一个用 Vue 编写的购物客户端和管理面板.
- tato music player - 一个移动优先的、手写的、响应式的网络应用程序,为音乐爱好者用 Vue 和 Vuetify 编写.
- Sheiley Shop - PWA 跟踪个人购买,没有更多的纸和铅笔去超市 Vue 和 Vuetify
- Afterman - 从邮递员集合中以降价和 HTML 格式创建漂亮的文档. 使用 Quasar 框架
- Greenpress Admin Panel - Greenpress 的管理面板,一个用于创建博客和内容网站的完全可操作的开源软件.
- Greenpress Blog-Front - Greenpress 的前端应用服务,一个用于创建博客和内容网站的完全可操作的开源软件.
- Movie Paradise - 由 Vue 和 Vuetify 构建的响应式电影预览 Web 应用
- Pathfinding Visualizer ThreeJS - 具有迷宫生成和第一人称视角的 3D 寻路算法的可视化工具
- Agile Visitors - 注册员工条目的应用程序,可以以最少的努力生成报告、验证和存储用户.
- Pexelry - 利用 pexels api 使您能够找到精美照片和图片的应用程序.
- karrot-frontend - 用于组织全球食品节约团体的网络应用程序.
- Realtime quiz framework - 使用 NodeJS、VueJS 和 Ably 构建的入门套件,提供可扩展的基础网络框架来举办现场测验
- LogChimp - 用于跟踪客户反馈以构建更好产品的开源软件.
- Trooveo - 搜索、收听 YouTube 视频(仅限音频),没有 YouTube Api.
- Yacht - 使用 Vuetify 的 Docker 容器管理 webui,可轻松管理 Docker 容器和项目.
- Antares SQL - 使跨平台 SQL 客户端变得简单而完整.
- Bagisto - 一个免费的开源 Laravel 电子商务框架,专为所有人构建和扩展您的业务而构建.
- Samaya - Chrome 新标签上友好的个人仪表板; 以尼泊尔日历、每日尼泊尔语报价和尼泊尔壁纸为特色.
- Mythic table - 用于玩角色扮演游戏的免费和开源虚拟桌面.
- GrandNode 2.0 - 基于 .NET Core 5.0 和 MongoDB / Azure CosmosDB / Amazon DocumentDB / VueJS 的开源跨平台电子商务解决方案
Commercial Products¶
- Wijmo - 支持 VueJS 的 UI 控件集合.
- ChatWoot - 通过 Facebook Messenger 进行实时聊天和代理协作.
- VueA - 具有多种布局和 Laravel 版本的 VueJS 管理模板.
- Teleo - 团队协作应用程序在谈话、计划和做之间轻松移动
- EducationLink - 面向教育代理和大学的 CRM 和销售自动化.
- Pragmatic v2.0 - 使用 Vue.js 和 Element 构建的响应式且可配置的管理模板.
- Moonitor - 桌面加密货币跟踪器.
- Deskree - 在线协作平台,将想法、任务和问题集于一身.
- OSHCExpress - OSHC(海外学生健康保险)保险(澳大利亚国际学生保险)的比较和电子商务.
- Agiloo - Scrum 和看板的项目管理应用程序
- ScaffoldHub - 带有 NodeJS 和 MongoDB 或 SQL 的 VueJS 在线 Web 应用程序生成器.
- Commandeer - 重新构想云管理. 使用 Vue.js 和 Electron 构建的桌面云管理应用程序.
- Mongster - 将您的 Mongo DB 节点连接到控制面板内的一个集群中.
- Leave Dates - 一种跟踪员工休假的强大新方法.
- Time Door - 时间序列分析 API
- vREST NG - 用于自动化 API 测试的企业应用程序,使用 VueJS 和 Element UI 构建.
- ScaleChamp - 多云托管数据库提供商,支持 Hetzner、AWS、Linode、IBM、Azure、Scaleway、阿里云、DigitalOcean、GCP 和 UpCloud
- Coloban - 多合一的项目管理工具,包括聊天、看板、甘特图、通话、屏幕共享等等.
- NxShell - 一个易于使用的 SSH 新终端,基于 Electron 和 VueJS.
Apps/Websites¶
- Laravel Spark
- Vice Video
- Formlets
- Laracasts
- esa.io
- 稀土掘金
- Prague Airport
- Portfolio Site
- Statamic
- Embalses! - 使用美国地质调查局数据库报告水坝水位的工具.
- TravelMap - 旅行者基于地图创建博客的简单方法.
- Proper Cloth Shirt Builder - 定制衬衫制造商.
- Powerpuff Yourself by Cartoon Networks
- vNotes - 带有 Vue.js 和本地存储 API 的简单而漂亮的记事本到 Markdown.
- Open Function Computers
- Dermail - 用 Vue.js 编写的用于 Dermail 的 webmail 客户端,一个用 node.js 编写的邮件系统.
- octimine - 专利搜索引擎.
- Draxed - 基于 Web 的 MySQL 和 PostgreSQL 数据浏览器和仪表板管理器.
- Jobinja - 在伊朗运营的工作委员会和职业平台.
- 滚蛋吧!莆田系 - 显示所有莆田医院信息
- Livestorm - 网络研讨会/现场活动应用程序.
- Holden
- Global-Exam - 语言能力测试在线培训
- SlugSurvival - 帮助学生更好地规划课程的网络应用程序(业余项目,不隶属于 UCSC).
- GitRelease - 使用 vue.js 和电子在 mac 菜单栏上跟踪 github 项目的新版本.
- 12BAY.VN - 应用在线航班预订.
- PLAYCODE.IO - 快速前端实验的游乐场.
- The Void Radio - 地下音乐在线电台.
- Bitly Vue - 使用 VueJS 和 Bitly API 缩短 URL.
- Storyblok - 基于 API 的/解耦 CMS,使用 VueJS 作为其前端.
- WizzAir
- Moving to HTTPS - 将不同平台/托管站点迁移到 HTTPS 的指南
- Booknshelf - 发现不同主题的好书和书架.
- Euronews - Euronews 是一家多语种新闻媒体服务公司,总部位于法国里昂.
- Roozame روزامه - Roozame 是波斯智能新闻媒体服务.
- Koumoul
- NinjaCalc - 一套嵌入式工程相关计算器,使用 vue.js 作为开源单页应用程序构建.
- Vue.js Feed - 最新的 Vue.js 新闻、教程、插件等. 用 Vue.js 和 Laravel 制作.
- 蒜瓣 - 使用Vue2.0和豆瓣API开发的网络应用
- Guess Right - 一个“猜词”游戏 - 用 Vue/vuex/vue-router(前端)和 Laravel/MySQL(后端)编写. 代码是 Open Source on GitHub (虽然不是在 kdcinfo 运行游戏的实时文件).
- GRAP - 商务通讯服务
- Easy Mock
- mmf-blog-vue2-ssr - 使用 Vue 2.0、vue-router 和 vuex 构建的博客,具有服务器端渲染
- JSON Schema Editor - 使用 Vue.js 和 Firebase 构建的 JSON 模式的直观编辑器.
- Winsome Trivia - 单人或多人问答游戏,包含 2,000 多个独特的问题,使用 Vue.js 构建并由开放问答数据库提供支持.
- Moon Organizer - 农历应用程序
- Flash-Vue -“未来的抽认卡”让学习无处不在:火箭:
- Kinderbesteck - 带有 Vue2.0、Vuex、Vue Router 的完整在线商店 SPA
- n2ex - 一个 vue ssr(nuxt) 网站,使用 v2ex API
- Power Thesaurus - 众包在线词库
- Chattanosy - 田纳西州查塔努加的新事物和新地点的社区数据库.
- PAIXIN - 一个真正的图片销售网站
- CodeBottle - 将片段拖放到您的项目中
- 1XBET - 自 2007 年开始运营的博彩公司
- MyOwnTV - 用于创建互联网电视的流媒体网站
- CrowdCircus - 欧洲最大的众筹和众投聚合器
- ابیات ناب پارسی - 波斯诗歌集
- Ripplectron - 用于 vue-electron 的 Ripple(区块链硬币)钱包桌面客户端
- PingBreak - 使用 vuejs 进行实时仪表板的免费且简单的网站监控服务
- Todoist Tribute - Todoist 克隆,用 Rails + Vue 编写
- JSON Editor - 使用 Vue2 和 firebase 构建的模式感知 JSON 编辑器.
- Develteam - 独立游戏开发者的社交网络.
- Mixsii - 面向青少年、成人、家人和朋友的免费视频聊天室网站.
- PipQuest - Vue 内置的复古风格的益智游戏
- Matryx - 去中心化的协作平台.
- iPrevYou - YouTube™ Player - 用于在桌面上观看 YouTube 视频的 chrome 应用程序.
- Item Manager - 为命运 2 游戏转移物品的应用程序.
- Frontend Masters Intro to Vue - 前端大师全日制课程
- TR-101 - 鼓合成器/音序器.
- Bazaar - 媒体分享平台.
- Vectr - 免费的矢量图形软件
- brain bits - Emotiv 耳机的 P300 在线拼写机制
- Coin Dashboard - 完全客户端的加密货币资产仪表板.
- Habitica - 角色扮演游戏形式的在线任务管理应用程序.
- MadeWithVueJs - 使用 Vue.js 制作的项目画廊(网站本身也使用 Vue.js)
- CodeDependencyScanner - A C# dektop application that display .Net assembly code dependencies build with Vue, Neutronium and D3.js.
- Thousand Ether Homepage - 百万美元主页被重新设计为以太坊 DApp. 建立在 Vue.js 和开源之上.
- Let's Enchance - 免费在线图像升级和神经网络增强.
- Pi.TEAM - Online Invoicing and Accounting - 易于使用的在线会计和发票,对单个用户和自由职业者免费.
- Vuethwallet - 一个简单的应用程序使用 vuejs 生成以太坊钱包.
- Tipe - 下一代 API 优先 CMS. 使用强大的编辑工具创建您的内容,并使用 GraphQL 或 REST API 从任何地方访问它. 停止让您的 CMS 决定您如何构建应用程序.
- Vuethexplore - 一个简单的应用程序,使用 vuejs 探索以太坊区块链.
- Fintechers - 以金融科技为重点的工作委员会.
- Devjournal - 项目和想法的协作待办事项列表.
- Bubbleflat - 通过搜索生活方式、兴趣或学校相似的人,帮助学生和年轻专业人士找到理想室友的在线平台. Laravel 和 Vuejs
- TeaQuinox Tea Co - 专门从事散叶茶的电子商务网站.
- blip - 测试网站的速度、移动友好性、安全性和 HTML5 文档类型. 查找某个位置附近的企业并测试他们的网站,或者只是测试您自己的 URL.
- sunpos - 太阳位置、海拔、方位角、黄道/赤道坐标和日出/日落时间(儒略日)计算和转换实用程序. 网站使用纯 JS、Vuejs 和 i18n Vuejs 本地化插件进行编程. 可视化是使用 D3.js 创建的.
- U3xyz - 基于 vue ssr 的个人博客.
- 27.ua - 乌克兰互联网大卖场
- Chess Guardian - 从您自己的游戏中回答国际象棋位置问题.
- Blackjack Break - 一个快速的二十一点游戏
- GameVix - 与他人交换您用过的视频游戏光盘,无忧无虑. 带有材料设计的 PWA.
- VivifyScrum - 适用于交付团队的敏捷项目管理应用程序. 可定制的 Scrum 和看板.
- 9GAG - 流行的在线平台和社交媒体网站
- Kitchen Stories - 烹饪平台
- MailRabbit - 无需开发人员即可创建、A/B 测试和监控交易电子邮件.
- Vue 资源精选 - 很棒的 Vue 组件列表、类别、内联演示展示和简介
- Cronhub - 无痛 Cron 监控工具
- wrkprty - 为希望离开办公室的自由职业者、远程工作者和专业人士举办的弹出式联合活动.
- Made with love - The Made with Love ❤️ 在世界各地,倡议是一场庆祝、推广和建立品牌的运动. 它从 Dribbble、ProductHunt、Behance 和 Techcrunch 等多个来源提供技术新闻、设计灵感和趋势.
- Path to Product - 在初创公司和科技公司发现 1,000 多个产品工作.
- V·oogle - Google.com, reVued. 一个笑话项目. :)
- Broker Notes - '学习成为房地产经纪人'
- SyncLounge - SyncLounge 是一种在多个位置的多个播放器之间同步 Plex 内容的工具.
- HCE.it - 一家意大利机构的网站,完全使用基于 Laravel 的无头 CMS 的 Vue 制作.
- Pages - 网页设计灵感
- Scrumpy - 适用于敏捷团队的精美项目管理工具
- Spektrum - Spektrum Media Agency 网站
- SPK SPK 生态系统网站
- IDDEF ☪️重视人类的网页、CMS、CRM 和 Donation 以及所有电子商务页面的协会联合会都是使用 Vue.js、Vuex 和纯 JavaScript 设计的
- Configuration File Management - 管理配置文件的简单方法
- Roast 一个应用程序,旨在帮助咖啡爱好者在学习 Laravel + Vue.js 的同时找到他们的下一杯咖啡.
- YBR - 集中式 YBS 公共电子投诉管理系统. (全SPA)
- Regex Fiddler
- Myanpwel - 活动售票平台网站.
- CryptoArte - 以太坊艺术收藏品、不可替代的代币和 Dapp.
- Muuviez - 设计时尚的电影发现和跟踪网站
- NAGA VIRTUAL - NAGA VIRTUAL 是第一个独立的虚拟商品市场.
- Scroll.in - Scroll.in 是一家独立的新闻、信息和娱乐企业.
- Akunyi - 慈善网站
- What Would Mark Ruffalo Do? - 励志网站基于 Mark Ruffalo 在获得成功之前在数百次试镜中失败的故事.
- Brandy - 菜单栏的品牌资产管理器.
- NBC Sports - NBC Sports 是一个体育新闻网站.
- WITHIN - 虚拟现实中的非凡故事.
- plottr.io - 规划您的跑步和骑行路线
- beCamp - 在弗吉尼亚州夏洛茨维尔举行的社区组织的技术会议. 网站代码是开源的.
- Trustpilot - 一个免费且对所有评论开放的平台.
- Lagom - 简单、直观和完全响应的 WHMCS 主题
- ScoutMyTrip - Roadtrip Planner - 印度公路旅行规划应用程序,可帮助旅行者制定行程、发现兴趣点、沿途寻找酒店、加油站、食品店等.
- GamersClub - 巴西最大的电子竞技社区发展公司
- MIT - 麻省理工学院官方网站.
- Elvenar - Elvenar 是一款基于浏览器的幻想城市建设游戏.
- Beacon - :blue_heart:允许您跨多个网站共享您的内容的服务.
- Artfinder - Artfinder 是一个买卖艺术画的网站.
- Rolodromo - 致力于桌面角色扮演游戏的西班牙网站.
- GitHubExplorer - 用于探索 GitHub 的纯静态页面 web 应用程序. 使用
Vuejs
和GitHub GraphQL API v4
. - Keynote - 与 Vue 一起呈现.
- HappyPlants - 用于组织植物的渐进式网络应用程序.
- Pocket Lists - 世界上最友好的待办事项列表应用程序.
- Padlet - 协作公告板
- Glovo - 按需交付
- MySigMail - MySigMail 是一个免费的浏览器电子邮件签名生成器,无需创建帐户
- Wordguru - 一个简单的口头游戏,您可以分成小组并尝试猜测尽可能多的关键字.
- ApiFlash - 基于 Chrome 的屏幕截图 API,构建于 AWS Lambda 之上,面向开发人员
- Kitty Ipsum - 生成由不同语言的“喵”组成的lorem ipsum.
- Git Superstar - 计算您的 git 星级和顶级存储库.
- DECS - 用于管理代码片段和保护敏感数据的分散式多合一工作区.
- Asciiur - 互联网的 ascii 艺术收藏
- Tapestri Designer - 为基因组测序实验 (NGS) 设计 PCR 引物的免费工具
- Remote-Access-SSH - 使用 node-ssh 基于 Web 的远程主机访问
- Map Marker Generator - 即时生成自定义地图图标的免费在线工具
- Monocle Reader - 在一处关注提要、Twitter、YouTube、博客和其他所有内容.
- 前站导航 - 前端社区、文档收录.
- Geenes - 生成调色板并将其应用到您的 UI,然后将其导出为草图或代码.
- Blurrish - 使用 Vue 和 Electron 构建的适用于 Mac/Windows 的加密 Morning Pages 日志. 书写时模糊,以便您可以在公共工作区中记录.
- ExifShot - 漂亮的摄影内容和方式.
- Studolog - 面向学生的在线文件共享平台,包括测试人员和评论. 目前仅在捷克语中.
- sum.cumo – 数字商业模式(以 Vue 作为技术堆栈的核心).
- Gamebrary - 用于组织视频游戏收藏的开源工具.
- Premium Poker Tools - 扑克玩家用来学习什么.
- QMK Configurator - 从浏览器配置、构建和下载自定义 QMK 固件.
- Worksome - 为合格的 IT 专业人员和自由职业者以及希望雇用他们的公司提供的市场/平台.
- Translator-vuejs - 使用 Vuejs、Yandex API 和 ResponsiveVoice.js API 构建的翻译应用程序.
- Big Timer - 用于研讨会、会议和演示的全屏倒计时. Big Timer 帮助研讨会主持人、会议椅、设计短跑运动员、演示者和有抱负的游戏节目主持人坚持他们的计划.
- Wirenook - 用于构建响应式网站线框的免费在线应用程序. 高保真和低保真、项目共享和 svg 下载.
- Kvalitetskontroll - 为建筑行业量身定制的挪威管理系统.
- Poolside FM - 复古风格的音乐播放器
- Inoreader.com - 最大的 RSS 阅读器和新闻聚合器之一.
- AwesomeTechStack - 网站技术堆栈分析器
- massCode - 面向开发人员的开源代码片段管理器. 使用 Electron、Vue 和 Monaco 编辑器构建.
- ClipLeap - 在长视频中发布和分享精彩瞬间的平台.
- RSVP Keeper - 在线预订变得容易. 立即启动并运行您的活动. 用 Vue 和 Go 制作.
- PNGK - 一家致力于为人道主义、人权和其他志同道合的组织寻找解决方案的咨询公司的官方网站.
- BMWUSA Vehicle Configurator - BMWUSA 车辆配置器
- mumbasket - 一个带有 laravel 和 vuejs 的电子商务网站
- Fanmio - 通过 Fanmio 上的个人视频体验认识您最喜欢的名人
- OneConcern source
- AtomicWallet - 多资产加密货币钱包. 桌面和 mobile 两个应用都是用 Vue 构建的.
- Helpninja - 简单快速的服务台
- Todo DEV - 为使用 Vuejs、Vuetify 和强大的 Firebase 的开发人员制作的简单 Todo 应用程序.
- 36 Pixels - 使用 vue.js 制作的法国代理网站
- Vue Spotify - 使用 vue.js / vuex 构建的 Spotify 客户端
- temp-mail.io - 一次性临时电子邮件服务.
- Best-movies.watch - 无需注册即可免费在线观看电影的网站
- Tune.pk - Tune.pk 是最大的视频分享网站之一,内容来自世界各地.
- Narrandum - 使用 Vue.js、Vuetify 和 Feathersjs 构建的客户旅程映射工具
- Keep Formula - 保持公式是一个简单的应用程序,让您的计算更容易.
- tato music player - 一个移动优先的、手写的、响应式的网络应用程序,为音乐爱好者用 Vue 和 Vuetify 编写.
- ChatterBoxes - 用于快速秘密聊天会话
- goonlinetools.com - 100% 免费在线工具网站.
- CMD Generators 命令行生成器 - Generate CMD by click buttons. Such as tar, ssh. 命令行参数多不熟悉? 点点按钮就能生成啦!
- Portfolio Site - Olaolu Olawuyi,前端开发人员和用户体验工程师的投资组合网站.
- Portfolio Site - David Aji 又名 Ajiva 是一名前端开发人员,拥有使用 Vue 和 React 等框架构建“类”Web 应用程序的经验.
- d-patterns.js.org - FOSS Discord 模板列表网站
- linksift.com - LinkSift 可让您探索网站链接到的内容.
- postmake.io - 由公司和初创公司在网络上使用的 300 多种工具和资源的精选目录. 使用 Vue.js 和 Nuxt 构建.
- screenshotapi.net - 网站截图API,捕捉像素完美的网站截图.
- FontGet - 下载免费字体.
- Travel_Smart - 使用 Vue + Vue Router + Vuex 的基于游览的 Web 应用程序.
- National Institutes of Health (NIH): FEVS Survey Results - 联邦观点调查 (FEVS) 调查结果的美国国立卫生研究院 (NIH) 数据可视化.
- U Can Stock - 面向韩国的美国股市信息平台. 它是用 Vue、Vuex、Vuetify、Nuxt 和 Firebase 构建的.
- Nipashe -“Nipashe”是斯瓦希里语,意思是“通知我”.Nipashe 是一个用 Vue + Vuex(状态管理)+ Vue-Router(导航)构建的网络应用程序,它提供了世界各地当前 COVID19 感染的统计数据根据世界卫生组织
- DevSnap.me - 一个帮助 Web 开发人员找到大量免费和开源 HTML、CSS 和 JavaScript 资产的网站.
- Pexies - Pexies 是一个建立在 pexels api 上的个人照片库. 您可以查看精选/随机图片,并将它们添加到您的收藏夹.
- Wammes Gifts - Wammes Gifts 帮助您找到完美的礼物.
- Back Home/回家 - 一个航班搜索引擎,用于在 COVID-19 期间仍在飞行的从海外飞往中国大陆(以及中国到海外)的航班.
- Deadlines - 使用 Vue.js 和 localForage 制作的离线、简单的截止日期跟踪器.
- Scraperbox - 无法检测的网页抓取 API. 使用 Laravel 和 Vue 构建.
Interactive Experiences¶
- YouTube AdBlitz 2016
- Omnisense Experience
- Louis Ansa Website (portfolio)
- Djeco.com
- Tolks.io
- NOIZE original
- TR-101 Synth Drum Machine
- Bootstrap 4 Editor
- Subtletab - Browser Extension
- web-riimote - 将您的智能手机变成 3D 控制器(source code)
- CSS ColorVars - 交互式工具代码生成(source code)
- Nightlight During Conflict - 探索有关冲突国家夜灯输出的 GIS 数据.
- User Friendly Justice Data - 探索来自摩洛哥的司法数据.
- Thing - 用 Vue 制作的呼吸练习和冥想 Web 应用程序.
Enterprise Usage¶
- Alibaba
- Baidu
- Sina Weibo
- Xiaomi
- Ele.me
- 优化
- Expedia
- UCWeb
- 线
- 任天堂
- 塞尔特拉
- Sainsbury's
- AREX
- 大疆
- Octimine 有限公司
- Hunliji
- GitLab
- Clemenger BBDO Melbourne
- ZenMate
- Codeship
- Storyblok
- Monito - 为国际汇款建立 Booking.com
- Hypefactors - 面向数据驱动的公关专业人士的软件
- 土坯
- IBM
- Cotabox
- Aromajoin - 基于硬件、软件和材料技术的和谐,开发最优秀的数字香氛产品.
- Carrefour
- Staples Canada
- Blibli
- Manduka
A11y¶
- Vue A11y project - Vue.js 社区项目,以提高 Web 可访问性.
- vue-skip-to - 它可以帮助只使用键盘的人跳到最重要的事情.
- vue-axe - Vue.js 应用程序的可访问性审计.
- vue-announcer - Vue 的一种简单方式,可以为屏幕阅读器宣布任何有用的信息.
- eslint-plugin-vue-a11y - .vue 中元素的可访问性规则的静态 AST 检查器
- vue-focus-lock - 这是一个陷阱! Focus 的锁. A11y util 用于确定焦点.
- vue-a11y-calendar - 可访问的国际化日历视图.
- eslint-plugin-vuejs-accessibility - Vue.js 可访问性 eslint-plugin 由 @vue-a11y 管理.
Components & Libraries¶
UI Components¶
Table¶
表格/数据网格
- vuetable-2 - 数据表简化.
- vue-tables-2 - Vue.js 2 网格组件.
- vue-datasource - 用于创建动态表的 vue.js 服务器端组件.
- ag-grid-vue - 用于 ag-Grid 的 Vue 适配器.
- vue-data-tables - Vue2.0 数据表,基于 element-ui.
- vue-floatThead - Vue 2.0 component for floatThead, a floating & sticky table header plugin.
- vuetiful-datatable - 具有排序、过滤、分页、分组和聚合的数据表组件.
- vue-materialize-datatable - 用于 Materialize CSS 的 VueJS 数据表
- vue-good-table - 易于使用的 VueJS (2.x) 表格插件,具有排序、列过滤、分页等功能.
- vue-grid - 一个灵活的 Vue.js 网格组件
- vue-easytable - 基于Vue2.x的强大表格组件
- vue2-datatable-component - Vue.js 2.x 的最佳数据表,永不烂
- vue-js-grid - Vue.js 2.x 响应式网格系统,具有平滑排序、拖放和重新排序功能
- vue-handsontable-official Handsontable 电子表格组件的 Vue.js 包装器
- vue-grid - 用于 Vue.js 2.x 的强大 flexbox 网格系统,使用内联样式构建
- vue-data-tablee - 基于vue-good-table,一个简单漂亮的表格组件
- vue-scrolling-table - 简单的表格组件,具有 flexbox 大小、滚动表格主体(水平和垂直)、所有 tr/th/td 渲染的插槽.
- el-search-table-pagination - 将 Element UI 的 Form、Table 和 Pagination 组件结合在一起. 基于Vue 2.x.(Detail)
- vue-crud-x - 使用 Vuetify 布局的可扩展 crud 组件,除了通常的页面、排序、过滤器之外,它还能够进行嵌套 CRUD、自定义表单、过滤器、操作.
- Vue Datatable - VueJS 驱动的数据表,带有 Laravel 服务器端加载和 JSON 模板设置
- v2-table - A simple table component based Vue 2.x.
- vue-cheetah-grid - 在 Vue.js 画布上工作的高性能网格引擎.
- vue-table-component - 一个直截了当的 Vue 组件来显示表格.
- @lossendae/vue-table - Vue.js 2.x 的简单表格组件,带有分页和可排序的列.
- el-data-table - 基于element-ui,轻松制作crud
- DevExtreme Vue Grid - 用于 Bootstrap 的基于插件的高性能 Vue 数据网格.
- vue-ads-table-tree - 一个 vue Table 组件,具有过滤、排序和分页功能. 行可以有子行,因此可以构建树结构. 它还支持从后端加载行的异步调用. 它是用 css 框架
tailwindcss
构建 - @marketconnect/vue-pivot-table - 数据透视表的 vue 组件
- vue-teible - 用于网络的轻量级和灵活的表格组件:zap:
- vue-jqxgrid - Vue 数据网格具有过滤、排序、编辑、分组、数据导出等功能.
- vue-jqxpivotgrid - 带有枢轴设计器、钻取单元格、枢轴函数的 Vue 数据网格
- toast-ui.vue-grid - Vue 包装器 TOAST UI Grid.
- vueye-datatable - Vueye 数据表是基于 Vue.js 2 的响应式数据表组件,它按页面组织您的数据以便轻松导航.
- vue-sorted-table - 将表格转换为排序表格的插件. 支持嵌套对象键、自定义图标和可重用组件.
- vue-bootstrap4-table - 基于 Vue 2 和 Bootstrap 4 的高级数据表,其中包括多列过滤、多列排序、分页和信息、复选框行和高度可定制的插槽选项.
- vuejs-smart-table - 直接表格组件,使用带有排序、过滤、分页和选择功能的普通 HTML 表格结构.
- @myena/vue-table - 用于客户端/服务器数据处理的表组件. 过滤、排序、分页、分组、扩展详细信息行. 通过用于过滤器、标题、列、分页、详细信息行的插槽高度可定制.
- vue-jd-table - Vue 2 先进灵活的数据表组件.功能丰富:搜索、过滤、导出、分页(传统和虚拟滚动)等等!
- iview-table-page - 将 iview UI 的 Table 和 Page 组件组合在一起. 基于 Vue 2.x. 和听到一些使用 iview-table-page 的例子.
- fancy-grid-vue - FancyGrid 的 Vue 适配器.
- vue-table-dynamic - 具有排序、过滤、编辑、分页、多选等功能的动态表格.
- vue-quintable - 基于 Vue 2.x 和 Bootstrap 4.x 的响应式和高度可配置的表
- vue-grid-responsive - 基于 Bootstrap for Vue 2.x 的响应式网格系统.
- vue-js-datatable - VueJS 轻量级包装器数据表组件 datatables.net
- bee-grid-table -BeeGridTable ,是一个基于 Vue.js 的高度可定制的表格 UI 组件库. 功能丰富、效率更高、使用更方便!
- vue-datagrid - Vue 网格包装器,用于强大的 webcomponent revo-grid 与 excel 类似丰富的编辑和行为.
- element-ui-sticky-table - 对 element-ui 表有粘性
- vue-dataset - 一组 Vue.js 组件,用于显示具有过滤、分页和排序功能的数据集!
Notification¶
Toaster/snackbar — 用无模式的临时小弹出窗口通知用户
- vue-notifications - Vue.js 不可知的非阻塞通知库.
- vue-easy-toast - vue/vue2 的 toast 插件.
- vue-toasted - 适用于 VueJS 的响应式触摸兼容 Toast 插件.
- vue-notifikation - Vue.js 通知插件.
- vue-notification - Vue.js 2+ 通知插件使用
Velocity
来制作动画. - vs-notify - 小而强大的通知组件,没有依赖项.
- vue2-notify - Vue.js 2+ 通知插件.
- vue-notifyjs - 极简主义的 3kb 主题化通知插件
- vueup - Vue.js 的简单、轻量级和优雅的全局通知弹出窗口
- vuex-flash - Vuex 2.x 中 VueJS 2.x 的 Flash 消息组件.
- vue-snotify - Vue.js 2 通知中心
- vue-notify-me - Vue 的可堆叠通知警报
- vue-noty - 围绕 Noty 的 Vue.js 2 包装器
- vue-notice - Vue.js 2 用原生 API 封装 Noty.js
- vue-flash-message - 简单而灵活的通知插件
- @voerro/vue-notifications - 带有 HTML 和样式支持的简单 Vue.js 2 通知插件.
- vue-awesome-notifications - 具有高级异步支持的轻量级 Vue.js 通知库.
- vue-izitoast - 围绕 IziToast 的 Vue.js 2 包装器.
- vue-toastr-2 - 基于 Vue.js 的简单 Toast 通知 toastr
- vue-snack - 基于 Google Material 的 Snackbars Vue.JS 插件.
- vue-m-message - vue 的消息插件.
- vue-notification-bell - 用于显示通知的 Vue UI 组件.
- v-tostini - Vue.js 2.x 的非常简单的 toast 通知机制. 不包含 CSS.
- vue-toast-notification - 又一个 Vue.js Toast 通知插件.
- VueToastify - 一个大惊小怪的通知组件.
- vue-toastification - 轻巧、简单、美观的 Vue 祝酒词
- @smartweb/vue-flash-message - 向用户显示单个或多个 Flash 消息的组件
- vue-notification - 一个带有队列的 Material Design 风格的干净漂亮的通知系统:新:
- Breadstick - 用于自定义 Vue 通知的简单灵活的定位、堆叠和解除 API.
- vuetify-toast-snackbar - 带有队列支持的 Vue.JS Toast 服务,使用 Vuetify 的“Snackbar”组件.
- vue-toaster - 适用于 Vue 3 的 Vue.js Toast 通知插件
- vue-notification-ui - 使用 Vue.js 简单推送通知 UI
- vue-my-toasts - 提供您的组件,让我们为其余的干杯.
- @kyvg/vue3-notification - 查看 3 个通知库
Loader¶
加载器/微调器/进度条——让用户知道有东西正在加载
- vue-radial-progress - Vue.js 的径向进度条组件.
- vue-simple-spinner - 一个简单、灵活的 Vue.js 微调器
- vue-wait - Vue/Vuex 和 Nuxt 应用程序的复杂加载器管理.
- vue-progress-path - 支持任何自定义 SVG 路径的可自定义进度指示器和微调器.
- vue-blockui - vue 2 的 BlockUI,类似于 jquery blockUI,可用于加载屏幕.
- epic-spinners - 易于使用的 css spinners 集合与 vue.js 集成.
- svg-progress-bar - Vue.js 的简单进度条.
- vue-loading-overlay - 微小的全屏加载指示器
- vue-loaders - vue 包装器 loaders.css
- vue-promise-btn - 带有花哨的内置微调器的用于异步按钮(或任何其他标签)锁定的小巧而强大的工具
- vue-spinkit - 一组使用 CSS 为 VueJS 设置动画的加载指示器
- vue2-form-loading - VueJS 指令可与表单一起使用,以便在加载下一页时禁用提交按钮
- vue-element-loading - ⏳ 在容器内加载或全屏加载 Vue.js
- tb-skeleton - Vue.js 的骨架屏幕加载
- vue-spinners - Vuejs 加载微调组件的集合
- vue-progress-bar - 这是一个基于vue的级联进度条插件
- vue-loading-button - 带有滑出式加载指示器的简单按钮
- vue-loading - 请求 API 时阻止页面
- vue-preloaders - 随时轻松快速地将您的预加载器连接到任何元素
- vue-ellipse-progress - 一个灵活的 Vue.js 组件,用于创建漂亮的动画圆形进度条和加载器
- vuesence-cloud-sync-button - 动画按钮也可用作云同步进度条
- vue-ui-preloader - 带有操场的 vue.js 项目的预加载器组件.
- vue-splash - 一个简单而酷炫的 vue.js 插件
- vue-ultimate-skeleton-cards - 适用于 Vue 的终极、完全可定制的 Skeleton Card 插件
- vue-wait-for - 带有响应式方法的 Vue.js 3 加载器管理器
- vue-content-loader - SVG 组件来创建占位符加载,如 Facebook 卡片加载
Progress Bar¶
页面顶部的细长进度条
- vue-progressbar - 一个轻量级的 vue 进度条.
- vue2-loading-bar - 最简单的 Youtube,就像为 Vue 2 加载栏组件一样.
- vue-top-progress - Vue.js 的另一个顶级进度加载栏组件.
- vue-nprogress - 进度条基于 Vue 的 nprogress.
- vue-progress-button - Vue.js 2.x 动画按钮组件.
- vue-simple-progress - 一个简单、灵活的 Vue.js 进度条
- vue-component-loading - 管理每个组件内的加载状态并使用进度条显示全局加载状态.
- vue-scroll-progress - 页面滚动进度条的简单 Vue.js 插件
- vue-read-progress - 显示滚动进度的页面顶部的可自定义进度条
- easy-circular-progress - 具有计数效果的简单循环进度组件
- vue-twitter-counter - 使用 Vue 在 Twitter 中启发的计数器组件
- vue-ins-progress-bar - A Vue component of ins-style progress bar 一款 ins 风格的 vue 进度条组件
Tooltip¶
工具提示/弹出框
- v-tooltip - Vue 2.x 的简单工具提示.
- vue-popper-component - Vue.js 的 Popper.js 指令.
- vue-directive-tooltip - 简单、灵活的工具提示指令(基于 Popper.js)
- vue-popperjs - VueJS 2.x 弹出组件
- vue-tooltipster - VueJS 2.x 工具提示组件. 支持 html 内容、hover 和 hover+click 事件.
- k-pop - 简单的弹窗组件基于 popper.js . 高度可定制. 带有主题. 支持自定义触发器,可以监听任何事件.
- @adamdehaven/vue-custom-tooltip - Vue 2 & 3 :tada:可定制、反应式和可重用的工具提示组件,支持插件选项、道具和多个用例. 也适用于 SSR(例如 VuePress、Nuxt)并包括 TypeScript 类型. (Vue 3 在
next
分支/npm 标签上可用)
Overlay¶
Overlay / modal / alert / dialog / lightbox / popup
- vuedals - 一个 VueJS (2.x) 插件,用于具有单个组件实例的多个模态窗口.
- sweet-modal-vue - 发生在模态上的最甜蜜的图书馆. 现在可用于 Vue.js.
- vue-js-modal - Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal with 0 dependencies.
- vudal - vue.js 的模态窗口
- vodal - 带有动画的 vue 模态.
- vue-image-lightbox - 一个 Vue 图像灯箱/画廊,可以很好地显示图像.
- vue2-simplert - Irfan Maulana 的 Vue 2 简单警报组件(SweetAlert 启发)
- Vue-Semantic-Modal - 不依赖 jQuery 的 Vue 2 Semantic-UI 模态组件
- v-img - 易于安装的图片库.
- vue-dialog-drag - 可拖动对话框
- vue-ya-semantic-modal - 另一个没有 Jquery 但有 Vue 转换的 Vue2 语义 ui 模态组件
- vue-pure-lightbox - 非常简单的灯箱插件,没有任何依赖 - 只有 Vue!
- v-viewer - vue2和vue3的图片查看器组件,支持旋转、缩放、缩放等,基于 viewer.js
- vue-messagebox - Vue 上简单且定制的消息框组件.
- vuejs-dialog - 轻量级、基于承诺的警报、提示和确认对话框.
- @hscmap/vue-window - vue2 的窗口 UI 组件.
- vue-gallery - VueJS 响应式和可定制的图像和视频库、轮播和灯箱,针对移动和桌面 Web 浏览器进行了优化. 基于blueimp-gallery
- vue-swal - 用于将 SweetAlert 集成到 Vuejs 的小包装器. (兼容SSR)
- vue-modal-dialogs - ✨ 承诺你自己的对话!
- vue-img-view - Vue.js 插件,可以在任何地方拖动/查看/旋转图片
- vue-modaltor - 最先进的 vuejs 可配置模态组件
- v-modal-backdrop - 一个简单的 vue 通用背景组件
- vue-cute-modal - 用于 Vue 应用程序的简单易用的 Modal 组件.
- v-dialogs - 一个简单而强大的对话框,包括 Modal、Alert、Mask 和 Toast 模式,基于 Vue2.x
- vue-gallery-slideshow - VueJS 的响应式画廊组件
- vue-a11y-dialog - 可访问对话框的 Vue.js 组件包装器
a11y-dialog
. - vue-slideout-panel - VueJS 的可堆叠面板组件
- v-gallery - Vue2 插件,用于在
gallery
或carousel
中显示图像 - vue2-image-loader - 用于 vue2 的图像延迟加载加载器组件
- vue-my-photos - 具有过滤功能的简单无依赖图像灯箱组件
- vue-img-orientation-changer - 一个 Vue.js
directive
自动调整你的img
以纠正orientation
. - vue-topmodal - 一个完全可定制、易于使用的 Vue.js 模态组件. (响应式、可堆叠、可滚动、动画)
- vue-modal 🖼 - 为多个可切换模式内容提供对象数组或快速内联您的内容. 一个完全可定制的 vue 模态组件.
- @innologica/vue-stackable-modal - 可堆叠的模态对话框库. 完全可定制且非常易于使用.
- vue-sweetalert2 - 支持 TypeScript、Nuxt 和 SSR 的 Sweatlaert2 包装器
- vue-modality - 一个非常好的 Vue.js 模态组件
- vue-tinybox - 一个很小的(压缩后只有 2.5 KB)和光滑的灯箱画廊. 针对桌面和移动设备进行了优化.
- vue-accessible-modal - 组件上的 Vue.js 可访问模式包装器.
- vuetify-dialog - 易于与 Vuetify 一起使用的对话框.
- vue-hawesome-modal - 基于 Vuetify 和 Vuex 的 Vue promisify 模态组件插件.
- xmodal-vue - 围绕组件的简单且易于使用的包装器,可帮助您从组件创建自定义和动态模态.
- @kouts/vue-modal - 一个可定制的、可堆叠的、轻量级的模态组件,它遵循 W3C 的 WAI-ARIA 对话框(模态)部分中设置的准则.
- vue-final-modal Tailwind 友好、高度可定制、可堆叠的模态组件.
- vuesence-modal-window - 简单的模态窗口 Vue.js 组件,负责覆盖、居中、动画、外部点击/
Escape
键/X-mark
关闭,并允许您只专注于其内容. - vue-it-bigger - Vue.js 的简单图像/(YouTube)视频灯箱组件.
- v3confirm - 专用于 vue3 的插件,用于显示确认对话框模式.
Parallax¶
- vue-parallax - 以比窗口慢的速度滚动图像以创建整洁的光学效果.
- vue-parallaxy - 用于视差图像滚动效果的 Vue.js 组件.
- vue-mouse-parallax - 一个简单易用的鼠标视差组件 - 用 Vue.js 制作
- vue-parallax-js - 为元素添加视差效果指令的微型 vue 组件.
- vue-parallax-view - 创建一个复合控件,显示对鼠标移动做出反应的不同图像以创建深度效果
Icons¶
- vue-awesome - 用于 Vue.js 的 Font Awesome 组件,使用内联 SVG.
- vue-material-design-icons - 作为单个文件组件的 SVG Material Design 图标集合.
- vue-icon-font - Vuejs 的 iconfont 插件(支持字体类和符号).
- vue-ionicons - 来自 Ionic Team 的 Vue 图标集组件.
- vue-ico - 带有嵌入式浏览器支持和选择性捆绑的 Vue 简单图标
- mdi-vue - Vuejs 的 Material Design 图标组件
- vue-fontawesome - Font Awesome 5 Vue 组件
- g-icon - svg 图标的简单图标组件(与 Font Awesome 类字体工具包兼容)
- vue-simple-line-icons - Vuejs 的简单线条图标组件
- vue-country-flag - 用于国旗图标的 Vue 组件
- vicon - Vicon 是一个简单的 vue 图标字体组件.
- md-svg-vue - Google 为 Vue.js 和 Nuxt.js 设计的 Material Design 图标(服务器端支持(带缓存)、内联 svg 渲染、官方图标名称)
- vue-lang-code-flags - Vue 组件,显示语言来源国的国旗
- vue-zondicons - Vue 组件的美丽 Zondicon svg 图标
- vue-eva-icons - 简单漂亮的开源 eva 图标作为 Vue 组件.
- vue-unicons - 1000 多个像素完美的 svg 图标,用于作为 Vue 组件的下一个项目.
- vue-fa - 简单的 FontAwesome 5 Vue.js 2 组件.
- vue-cryptoicon - 美丽的像素完美 400+ 加密货币和 10+ 法定货币图标.
- vue-hero-icons - 一组高质量的 SVG 图标,来源于 @refactoringui/heroicons, 作为 Vue 功能组件.
- vue-heroicons - 104 溢价的 Vue 组件 Heroicons UI svg 图标
- vue-tabler-icons - 查看组件 Tabler Icons SVG 图标.
- oh-vue-icons - 一个 Vue 组件,用于轻松包含来自不同流行图标包的内联 SVG 图标.
Marquee¶
- vue-dynamic-marquee - Marquee 组件,完全响应动态变化.
Menu¶
- vue-accordion - Vue.js 的简单手风琴导航菜单组件.
- vue-js-dropdown - Vue.js 2 下拉菜单组件. 轻巧,易于使用和扩展,无外部凹陷.
- vue-slideout - 流行库的Vue实现 slideout
- vue-quick-menu - 这是基于 vue.js2 的网页导航组件.
- @hscmap/vue-menu - vue2 的菜单/上下文菜单组件.
- vue-router-nav - 渲染 vue-router 路由的简约响应式导航栏.
- vue-drawer-layout - 一个简单的 DrawerLayout 组件,如 Android 为 Vue.js 提供的.
- vue-simple-menu - 简单的菜单组件,具有一组基本功能,80% 的情况下就足够了
- vue-tree-navigation - 支持 vue-router 的 Vue.js 2 树导航
- bp-vuejs-dropdown - Vuejs => 2 下拉列表. 易于使用,无需外部,可选.
- vue-bulma-accordion - 简单、易于配置的手风琴或可折叠风格的 Bulma 自定义或内置图标可用
- v-selectmenu - 适用于 Vue2 的简单、易用且高度定制的菜单解决方案.
- vue-burger-menu - 具有不同 CSS 动画的画布侧边栏菜单组件.
- vue-dynamic-dropdown - 高度可定制、易于使用的优雅下拉组件
- vue-navigation-bar - 一个简单、漂亮的 Vue 项目导航栏.
- vue-simple-search-dropdown - 一个简单的可搜索输入下拉组件,没有外部依赖
- @innologica/vue-dropdown-menu - Vue 的下拉菜单组件. 任何元素都可以是下拉触发器,任何元素都可以是下拉内容.
- vue-menu-aim - 菜单三角选择,又名亚马逊
- vue-stripe-menu - 创建带有动画的导航菜单,如 Stripe
- vue-burger-button - 一个非常简单的 Vue 功能组件,用于菜单汉堡按钮.
- @satmaxt/sidebar-menu-drawer - 一个简单的交互式侧边栏菜单抽屉,易于实现
- vue-file-toolbar-menu - Vue 应用程序的 UI 文件/工具栏菜单
- v-dropdown-menu - 可定制的 vuejs 下拉菜单插件. 支持 SSR.
- vue-bottom-sheet - 使用 Hammer.js 创建的 Vue.js 的可滑动底部表单组件
Minus Plus Input¶
- minus-plus-input - 带正负的数字输入; 包含在 Vue.js v1 和 v2 中.
- vue-integer-plusminus - 用于 vue 2 的带有递增和递减按钮的整数输入.
- vue-numeric-input - 带控件的数字输入组件.
Carousel¶
- vue-easy-slider - Vue.js 的滑块组件.
- vue-l-carousel - Vue.js v2.x+ 的响应式轮播(即滑块或滑动器)组件.
- vue-awesome-swiper - Vue.js(1.x ~ 2.x) 的 Swiper(slide) 组件.
- vue-lory - 基于 lory 的 Vue 滑块组件.
- vue-slick - Slick-carousel 的 Vue 组件.
- vue-flickity - Flickity.js 的 Vue 组件.
- vue-carousel-3d - Vue Carousel 3D - 美观、灵活且支持触摸的 Vue.js 3D Carousel.
- vue-carousel - 适用于 Vue.js 的灵活、响应式、触摸友好的轮播.
- vue-coverflow - vue2.x Coverflow 组件.
- vue-agile – 受 Slick 启发的轮播组件,仅用 Vue.js 和 vanilla JS 编写.
- vue-tiny-slider – 由甘蓝源创建的轮播组件,使用 Vue.js 编写. 没有jQuery. 适用于 IE8+.
- vue2-text-swimlane - Vue.js 的 Text Swimlane 插件
- vue-picture-swipe - Vue 图片滑动图库(带有缩略图、延迟加载和滑动的图像图库)由 photowipe 支持.
- vue2-siema - 非常小的 Siema carousel/slider 库的插件包装器.
- vue-flux - 带有 20 个酷炫过渡的图像滑块.
- vue-glide - Vue 滑块和轮播组件位于顶部 Glide.js
- vue-owl-carousel - 用于查看的组件 Owl Carousel 2
- vueper-slides - 适用于 Vue JS 的触控式响应式幻灯片/轮播.
- Hooper - 可定制的可访问轮播滑块针对 Vue 进行了优化
- Lingallery - Vue 的简单图片库组件,可在下方显示带有缩略图的大图片
- vue-piece-slider - 动画幻灯片的碎片化外观
- vue2-photo-carousel - Vue2 的照片轮播组件
- vue-netflix-slider - 类似 Netflix 的滑块.
- vue-pswipe - 简单易用,无需设置大小,支持旋转,基于photoswipe的vue swipe插件
- vue-cat-carousel - 轻量级、简单且可定制的 Vue Js
- @egjs/vue-flicking - 它是 Vue.js 2 的可靠、灵活和可扩展的轮播.
- slither-slider - 图像、视频或组件的轮播. 几乎可以扔任何你想要的东西.
- vue-slick-carousel - 具有流畅功能和 SSR 支持的旋转木马,专为更快的 Luxstay 而编写
- @jfm/vue-carousel - 视图轮播组件.
- vue-snap - 基于 Scroll Snap CSS 的轻量级轮播
- vuerollr - Vue.js 的鼠标悬停画廊插件. 支持图片和视频.
- vue-splide - Splide 是一个免费的轻量级但功能强大的滑块和旋转木马,用纯 JavaScript 编写,没有任何依赖项. 它支持缩略图滑块、嵌套幻灯片.
- swiper - Swiper 6 添加了对 Vue.js 的官方支持(仅 3.x).
- vue-split-carousel - 一个轮播组件同时显示多个轮播项目,支持 vue 2 和 vue 3.
- vue-concise-carousel - 带有真正 SSR 的 Vue 简洁轮播. 适用于 Vue 2 和 3.
Charts¶
- vue-morris - VueJS 组件包装 Morris.js.
- vue-chartjs - Chart.js 的 Vue.js 包装器.
- hchs-vue-charts - 基于 ChartJs 的 Vue2.0 包装器.
- vue-echarts - Vue.js 的 ECharts 组件.
- vuetrend - Vue.js 的简单、优雅的火花线.
- vue-highcharts - Vue 的 Highcharts 组件.
- vue-echarts-v3 - Vue.js(v2.x+) 组件包装 ECharts.js(v3.x+).
- vue-chartist - Chartist 的 Vue.js 2.0 组件包装.
- vuebars - 简单、优雅的 Vue.js 火花条.
- vue-d3-network - Vue 组件使用 d3-force 绘制网络图
- vue2vis - Vue2 包装器 Visjs.
- vue-c3 - 用于 c3 图表的可重用 vue 组件
- vue-d2b - d2b 图表的 Vue 组件. (包括轴图、饼图、桑基图和旭日图)
- VueChart - 一个非常简单的图表 Vue 包装器.
- vue-chartkick - 用一行 Vue 创建漂亮的 JavaScript 图表
- d3vue - 用于在 VueJS 中创建反应式数据可视化的 D3 插件
- vue2-frappe - VueJS 的 Frappe Charts 的简单包装
- vue-google-charts - 谷歌图表库的反应式 Vue.js 包装器
- vue-graph - Vue.js 中仪表板实现的数据可视化库
- vue.d3.sunburst - 基于 D3.js 的反应式旭日组件
- v-chart-plugin - 一个可自定义的组件,用于添加绑定到组件数据的 D3 图表.
- vue-jqxchart - 带有饼图、气泡图、甜甜圈、折线图、条形图、柱形图、面积图、瀑布图、极地和蜘蛛系列的图表组件.
- toast-ui.vue-chart - Vue 包装器 TOAST UI Chart.
- vue-apexcharts - Vue.js 组件 ApexCharts.
- vue-doughnut-chart - Vue.js 的甜甜圈图组件.
- v-charts - 基于 Vue2.x 和 Echarts 的图表组件.
- vue-css-donut-chart - 用于绘制纯 CSS 圆环图的轻量级 Vue 组件.
- vue-trend-chart - Vue.js 的简单趋势图
- vueplotlib - 声明性的、交互式的、链接的绘图组件
- vgauge - GaugeJS 的 Vue 包装器 - 创建漂亮的仪表
- vue-plotly - 包装 plotly.js 声明式图表库,附带 20 种图表类型,包括 3D 图表、统计图和 SVG 地图.
- vue-funnel-graph-js - Vue.js 的漏斗图绘制库. 创建垂直和水平动画 SVG 漏斗图并添加标签、值、图例和其他信息.
- pure-vue-chart - 轻量级的 vue 图表实现,没有任何图表库依赖
- f2-vue - f2 的 Vue 包装器 - 优雅、交互和灵活的移动图表库
- ZingChart-Vue - 由 ZingChart 制作的 Vue 组件,具有 35 多种图表类型.
- jscharting-vue - Vue 图表组件提供一整套图表类型和引人入胜的数据可视化 JSCharting.
- flowchart-vue - Vue.js 的流程图和流程图设计器组件.
- vue-d3-barchart - 使用 d3 绘制图表的小组件.
- vue3-highcharts - Vue 3 的 Highcharts.JS 包装器组件
- echarts-for-vue - Vue 3 和 2 的 ECharts 包装组件
- vue3-chart-v2 - 基于 Chart.JS 的 Vue 包装组件,适用于 Vue 3
- vue-gauge - Vue.js 组件来创建动画 svg 仪表图
Time¶
显示时间/日期/年龄
- vue-timeago - Vue 的一个小小的 timeago 组件.
- vue-moment-jalaali - 用于 Vue.js 项目的 Jalaali Moment.js 过滤器.
- vue-countdown-timer - 添加了时区转换支持.
- vue-analog-clock-range - 模拟时钟范围显示时差.
- vue-moment-lib - 使用相同的 momentjs API 的简单 Vue.js 2.0 MomentJS 库(过滤器和全局变量).
- vuejs-countdown - 一个简单的 vue js 2.0 倒计时组件
- vue2-flip-countdown - Vue 2.x 具有翻转效果的倒数计时器
- timeline-vuejs - Vue 的极简时间表
- vue-awesome-countdown - Vue 2.5.0+ 高性能高精度倒计时插件. 官方网站: https://vac.js.org
- vue-clock2 - 显示 Vue 的时钟组件.
- vuemodoro - 番茄钟定时器作为单文件 Vue 组件.
- digital-clock-vue - ️基于 Vue 的数字时钟模拟.
- bs-vue-timeline - 一个替代的响应式 boostrap-vue 时间线
- simple-vue-timeline - 一个简单但可定制和反应性的时间线 vue 组件
- vue-moment - 为您的 Vue.js 项目提供方便的 Moment.js 过滤器.
- v-idle - 用于检测空闲/非活动用户的 Vue.js 插件.
- v-digital-time-picker - Vuetify 的数字时间选择器.
- vue-horizontal-timeline - 只是一个用 Vue.js 制作的简单的水平时间线组件.
Calendar¶
在日历中显示不可编辑的事件
- vue-fullcalendar - Vue 日历 fullCalendar. 不需要jQuery. 安排活动管理.
- vue-event-calendar - 一个简单的 Vue2 事件日历,除了 Vue2 没有依赖项.
- vue-calendar-picker - 用于事件显示、周期选择和日期选择器的轻量级日历组件.
- vue-lunar-calendar - 农历的 vue 组件. 使用 Moment.js 进行日期操作.
- vue-simple-calendar - 基于 Flexbox 的 Vue 月历组件; 支持多日事件、本地化、节日表情符号、拖放. 没有依赖性.
- vue2-calendar - 一个简单的完整日历组件,旨在灵活和轻量级.
- vue-jlunar-datepicker - 带有节日和节气的中国农历日期选择器组件.
- vue-full-calendar - 一套完整 fullcalendar.io Vue 1 和 2 的包装器
- v-calendar - 动画日历/日期选择器,显示简单和重复日期的区域、指标和日期弹出框.
- vue-infinite-calendar - Vue 2 的简单无限日历实现
- vue-calendar - Vue 2.1.5+ 的简单日历组件,支持自定义内容. 没有依赖性.
- vue2-event-calendar - Vue2 的事件日历,支持自定义事件项和日历标题.
- vue2-datePicker-infinite - Vue2 的无限日期选择器,易于使用且无依赖性.
- vue2-slot-calendar - vue 2 日历,日期选择器组件,支持农历或日期事件,引导程序样式.
- quasar-calendar - 使用 Quasar 框架的 vue.js 日历,实现每月、多天和议程视图.
- vue2-datepicker - 一个漂亮的 Vue2 日期选择器/日期时间选择器组件
- vue-pikaday - VueJS 包装组件 Pikaday 日期选择器
- vue-tui日历 - VueJS 包装组件 tui.日历 日历
- vue-jqxscheduler - VueJS 调度程序组件.
- toast-ui.vue-calendar - Vue 包装器 TOAST UI Calendar.
- vue-functional-calendar - 基于 Vue.js 的轻量级、高性能日历组件(日期选择器、日期范围).
- vue-cal - 一个 Vue JS 完整日历,无依赖,无 BS. .
- vue-material-year-calendar - Vue2 的全年(一页上 12 个月)日历. 使用 dayjs.
- vuelendar - 用 VueJS 编写的简单干净的日历
- vue-datepicker-ui - Vue 的日期选择器组件
- vue-date-tools - 最轻量级的 VueJS 日期选择器和日期范围选择器使用 date-fns 并且没有其他依赖项
- vue-spring-calendar - 它是一个基于 Vue 的组件,提供显示日常事件的完整日历功能. 这
demo
. - vue-jquery-calendar - VueJS 轻量级包装组件 jquery ui datepicker
- vue-schedule-board - 一个易于使用的组件,用于显示某人的日程安排列表,以帮助安排面试或访问安排.
- vue-lunar-calendar-pro - 农历的 vue 组件. 使用 calendar.js 进行日期操作.
Map¶
- vue2-google-maps - 带有 2 路数据绑定的 vue 谷歌地图组件.
- vue2-leaflet - 用于传单地图的 Vue 2 组件.
- vue-mapbox-gl - Mapbox GL JS 的 Vue 2.x 组件
- vue-yandex-maps - Vue 2.x component for Yandex Maps
- vue-baidu-map - 百度地图的Vue 2.x 组件.
- vue-choropleth - Vue 2.x 组件来显示区域分布图.
- vuelayers - Vue 2 组件与 OpenLayers 配合使用.
- vue-googlemaps - Vue 2.x 组件来集成谷歌地图.
- vue-static-map - Vue 2.x 简单组件生成静态谷歌地图
- vue-mapbox - Vue 2.x 封装 Mapbox GL JS 库,提供与地图交互的 vueish 方式.
- vue-cesium - 用于 Cesium 的 Vue 2.x 组件.
- vue-async-gmaps - 让用户决定加载 google-maps 脚本以获得更好的隐私
- @geospoc/v-mapbox - 结合 Vue.js 和 Mapbox GL JS 的强大功能(soal 的 vue-mapbox 的维护分支)
- @geospoc/v-mapbox-geocoder - 为您出色的 Mapbox 库提供地理编码器控件
- x5-gmaps - Vue 2.x 的轻量级谷歌地图插件
- vue2-gmap-custom-marker - vue 谷歌地图自定义标记组件
Audio / Video¶
- Vue-APlayer -
易于配置的 Vue 2.x 音乐播放器.
- vue-audio - 音频标签包装器; Vue 2.x 的声音播放器组件
- vue-dplayer - 基于 DPlayer 的 Vue 2.x 视频播放器组件.
- vue-canvasvideo - 一个 Vue 2.x 组件,用于 iOS/Safari 上的视频背景和自动播放视频.
- vue-music - 基于 html5 的 Vue 组件
<audio>
. - vue-audio-visual - Vue HTML5 音频可视化组件.
- vue-plyr - 一组用于 plyr 视频和音频播放器的 Vue 组件.
- v-playback - 一个 Vue2 插件,使视频播放更容易.
- vue-audio-recorder - Vue.js 的录音机. 它允许在服务器上创建、播放、下载和存储记录
- vue-video-section - Vue 的简单视频标题/部分组件. 适用于视频背景并在其上叠加内容.
- vue-waveform - 它是使用画布波形音频播放器 wavesurfer 组件包含 Vue 2.x 的时间轴栏线
- vue-responsive-video-background-player - 以不同的分辨率在后台响应地播放您自己的视频.
- vue-h5-audio-controls - 适用于 Vue 的简单 h5 音乐控制器.
- xns-audio-player-simple - 轻巧且可定制的 Vue 2.x 音频播放器驱动的 HTMLAudioElement.
- vue-core-video-player - Vue.js 的轻量级视频播放器
- vue-player - 一个简单的 html5 视频播放器,带有用于 Vue 2.x 的 img 占位符.
- vue-audio-better - 易于为 Vue 2.x 创建自定义音频播放器组件. 一个有灵魂的进度条.
- vue-sounds - 轻松为您的组件添加声音.
- vue-soundcloud-player - 支持单曲和播放列表的自定义 Soundcloud 播放器
- vue-use-sound - 用于播放音效的 Vue Hook.
- vue-flv-player - Vue 2.x 的 HTML5 Flash 视频 (FLV) 播放器组件,基于 flv.js.
Infinite Scroll¶
- vue-infinite-loading - 适用于 Vue.js 1.0 和 Vue.js 2.0 的无限滚动插件.
- vue-mugen-scroll - Infinite scroll component for Vue.js 2.
- vue-infinite-scroll - vue.js 的无限滚动指令.
- vue-loop - Vue.js 2 的无限内容循环组件.
- vue-scroller - Vue.js 2 的无限内容循环组件,包括“拉动刷新”、“无限加载”、“对齐滚动”等功能.
- vue-infinite-list - 一个无限列表 mixin 可以为 Vue.js 2 回收 dom
- vue-infinite-slide-bar - ∞ 无限滑杆组件.
- vue-virtual-infinite-scroll - 基于Iscroll的vue2组件,支持高性能滚动、无限加载和拉刷新的大数据列表.
- @egjs/vue-infinitegrid - 根据各种布局类型(如 Vue.js 2 的砌体)排列无限卡片元素.
- @grafikri/vue-infinite-scroll - Vue 的基本无限滚动
Pull-to-refresh¶
- vue-pull-refresh - Vue.js 2.0 的下拉刷新组件.
- vue-data-loading - 另一个用于无限滚动和下拉/向上加载数据的组件.
- vue-quick-loadmore - Vue 的下拉刷新和上拉无限滚动插件.
Markdown¶
- vue-markdown - 适用于 Vue 的强大且高速的 Markdown 解析器.
- vue-mavonEditor - 基于Vue的markdown编辑器,支持多种个性化功能.
- vue-simple-markdown - 适用于 Vue 的简单且高速的 Markdown 解析器.
- vue-simplemde - 一个包装 simplemde . 适合初学者和专家的令人愉快的编辑. 具有内置的自动保存和拼写检查功能.
PDF¶
- vue-pdf - 基于 mozilla 的 PDF.js 的 pdf 查看器
- pdfvuer - Vue 的 PDF 查看器,使用 Mozilla 的 PDF.js 和文本支持. Demo
- vue-pdf-embed - Vue 2 和 Vue 3 的 PDF 嵌入组件
Tree¶
- Vue.D3.tree - 基于的树视图 D3.js
- vue-json-tree-view - Vue.js 的 JSON 树视图组件.
- vue-tree - Vue.js 2.X 的树组件.
- liquor-tree - 惊人的 Vue Tree 组件
- vue-trees-ui - 基于 Vue 的树 Ui.
- Bosket - 前端框架(Vue、React、Angular 和 Riot)的树视图组件集合.
- plantain-00/tree-component - 一个 reactjs、angular 和 vuejs 树组件.
- sl-vue-tree - Vue.js 的一个简单的可定制的可拖动树组件
- he-tree-vue - 一个可拖动的可排序 vue 树组件,带有拖动占位符,类型定义. 14 KB 压缩.
- vuejs-tree - 高度可定制的 VueJs 树查看器
- vue-jstree - 带有漂亮图标和拖放功能的 Vue2 树插件
- vue-vtree - Vue.js 通用且灵活的树组件
- vue-json-component - 没有依赖项的 JSON 树视图、TypeScript 支持和轻松定制.
- vue-tree-list - 树结构的 vue 组件
- vue-finder - 显示分层数据的组件,具有选择、过滤和拖放功能
- vue3-router-tree - 此组件基于 Vue.js 3,它将您的路线或项目表示为树视图.
- object-visualizer - 具有类似 Chrome 主题的 Vue 3 JSON 检查器.
- vue-virtual-tree - 大量数据的树形组件,基于Vue3.
Graph¶
- vue-pipeline - 一个易于使用的组件,可以像 jenkins 蓝海插件一样展示漂亮的响应式管道.
- vnodes - 用于创建 svg 交互式图形、图表或基于节点的可视化工具的通用组件.
Social Sharing¶
- vue-social-sharing - 一个用于分享社交网络链接的无渲染 Vue.js 组件,与 SSR 兼容
- vue-goodshare - 用于社交分享的 Vue.js 组件,具有漂亮的按钮设计. 安装简单、文档丰富、开发人员支持、SEO 友好、干净的代码,无需脚本跟踪页面上的用户活动,速度快. 使用 Vue.js 2.x.
- vue-socialmedia-share - 一个用于共享社交网络链接的 Vue.js 组件,使用 Vue 2.X
- vue-picture-sharesheet - Vue 图片共享表组件的灵感来自 Apple 新闻室中的图像共享表
- vue-twitter - 用于嵌入 Twitter 小部件(例如时间线、按钮)的 Vue.js 组件
- vue-share-buttons - Vue.js 组件,用于在您的项目中放置按钮,您可以使用它来共享任何内容
- vue-share-it - 用于共享社交网络链接的 Vue.js 组件
- vuesocial - ♀️♂️ 一个易于使用的 Vue.js 按钮组件,拥有 65 多个社交网络.
- vue-socials - Vue.js 的社交媒体共享按钮和计数.
QR Code¶
- vue-qriously - 使用 qrious 在 HTML Canvas 上绘制二维码的 Vue.js 2 组件.
- vue-qart - vue 2.x for qart.js 的指令.
- vue-qrcode-reader - 一个 Vue.js 2 组件,用于检测和解码来自相机流的二维码.
- vue3-qr-reader - Vue 3 QR 阅读器组件. 重构 vue-qrcode-reader 以兼容 vue 3.
Search¶
- vue-fuse - 模糊搜索库的轻量级插件,Fuse.js
- vue-instantsearch - 使用创建即时搜索体验的终极工具箱 Algolia.
- vue-innersearch - Elasticsearch 的 Vue.js 包装器
- reactivesearch-vue - 用于使用 Elasticsearch 构建数据驱动应用程序的 UI 组件
- vue-search-panel - 用于搜索建议的 Vue 组件
Miscellaneous¶
- vue-avatar - vue.js 的头像组件.
- vue-touch-ripple - Vue.js(1.x ~ 2.x) 的触摸波纹组件.
- vue-typer - 模拟用户键入、选择和擦除文本的 Vue 组件.
- vue-keyboard - Vue 2 虚拟键盘组件.
- vue-twentytwenty - 图像比较组件,适用于 Vue.js 2.x
- vue-cookie-law - Vue.js 2.x 的 Cookie 信息插件
- vue-gravatar - 适用于 Vue.js 2.x 的极其简单的 Gravatar 组件
- vue-clipboard2 - 一个易于使用的 Vue.js 2.x 的 clipboard.js 绑定
- vue-flashcard - 带有动画的 Vue.js 2.x FLashcard 组件:bulb:
- vue-truncate-collapsed - 一个简单的组件,可以截断您的文本并为 Vue.js 2.x 添加一个“阅读更多/显示更少”可点击
- vue-kanban - 灵活的拖放看板组件
- vue-letter-avatar - 一个简单优雅的 vue.js 字母头像组件
- vue-highlightjs - 使用 highlight.js 的语法高亮
- v-clipboard - 将模型保存到剪贴板的简单、小巧且易于使用的指令(缩小后小于 2kb,无依赖项)
- vue-invisible-recaptcha - 与 Google 的 Invisible reCAPTCHA 的超级简单集成
- vue-embed - Embed 组件基于 Vue 2.x 的 embed.js,该组件可嵌入表情符号、媒体、地图、推文、要点、代码、服务和降价.
- vue-particles - 用于粒子背景的 Vue.js 组件
- vue-uniq-ids - Vue.js 2.x 插件,有助于使用与 id 相关的属性而没有副作用
- vue-multivue - 在同一页面上使用多个同一类的 vue 应用程序.
- vue-affix - 一个 Vue.js 2.x 插件,它在你滚动时在窗口中附加一个元素,类似于 Bootstrap Affix 但更简单和更智能
- X-Browser-Update-Vue - Vue.js 浏览器更新插件.
- vue-query-builder - 用于使用嵌套条件构建复杂查询的 UI 组件.
- vue-info-card - 一个简单而漂亮的卡片组件,带有优雅的火花线和 CSS3 翻转动画.
- v-offline - 简单、小巧且易于使用的 Vue 应用程序离线和在线事件检测(压缩后小于 390b)
- vue-word-cloud - 一个词云生成器.
- vue-flat-surface-shader - 一个 Vue 组件 flat surface shader
- vue-easteregg - Easey 向您的 vue 应用程序添加一个复活节彩蛋(默认使用 konami 代码)
- vue-barcode-scanner
- vue-heatmapjs - 用于跟踪和可视化鼠标活动的 Vue 指令
- vue-maze - 一个用 Vue.js 组件制作的小迷宫游戏
- vue-drag-verify - 这是一个vue组件,滑动解锁登录或注册.
- vue-balloon - 用于在页面角落创建固定、可缩放容器的 Vue 组件. 类似于 gmail 中使用的邮件组合包装器.
- vue-sticker - 任何方向的贴纸效果
- v-rating - ⭐️ 使用 VueJS 制作的语义 UI 中的评级组件(< 500B gzipped,超快)
- vue-content-placeholders - 用于在 vue 中渲染虚假(渐进式)内容(如 facebook)的可组合组件
- vue-page-designer - 用于拖放以设计和构建移动网站的 Vue 组件.
- vue-creativecommons - CreativeCommons.org Vue.js 组件库.
- vue-status-indicator - 将状态指示器显示为彩色圆点的 Vue.js 组件.
- vue-google-adsense - 支持 InFeed 和 InArticle Ads 的 Vue.js Google Adsense 组件
- emoji-vue - Vue.js 项目的表情符号下拉菜单
- vue-chessboard - Chessboard vue 组件用于加载位置、创建位置和查看威胁.
- vue-mindmap - 用于 mindnode 地图的 Vue 组件.
- v-currency - 用于格式化货币的 Vue 组件.
- vue-emoji-picker - 高度可定制的 unicode 表情符号选择器
- vue-8-puzzle - 一个用 Vue.js 组件制作的小幻灯片益智游戏
- vue-e164 - 具有 E.164 标准支持的可定制电话格式化程序
- vue-pgn - Vue.js 组件,用于以 pgn 格式查看国际象棋比赛
- vue-avatar-editor - 使用清晰的用户界面调整大小、旋转和裁剪上传的头像.
- vue-connection-listener - Vue 事件总线插件监听在线/离线变化.
- vue-sauce - Vue 的“查看源代码”指令.
- vue-prom - Vue 承诺包装组件.
- numeric-keyboard - 用于移动浏览器的数字键盘.
- vue-zoom-on-hover - 鼠标悬停时的图像缩放
- vue-responsive-image - A Vue component that lets you quickly create responsive image tags with an optimal number of image sources for all devices.
- vue-highlight-text - 用于突出显示单词的多个实例的 Vue 组件
- vue-cast-props - 提供了一种将 props 转换为常见数据类型的便捷方式.
- vue2-heropatterns - Vue2 实现允许您将流行的英雄模式添加到任何 Div
- vue-link - 一个组件将它们全部链接起来(对待外部和内部链接相同)
- vue-identify-network - ⚡️确定您的用户使用的是哪种互联网!
- vue-cloneya - 一个用于克隆 DOM 元素的 vue 组件
- vue-survey-builder - vue.js 应用程序的调查构建器
- vue-if-bot - 基于用户代理向客户端隐藏/显示内容的轻量级组件
- vue-clampy - Vue.js (2+) 指令,如果元素的内容太长,它会通过向元素添加省略号来限制元素的内容.
- vue-cookie-accept-decline - 在页面上显示带有文本的横幅、拒绝按钮和接受按钮. 使用 cookie 记住选择. 在创建时发出具有当前选择的事件. 符合 GDPR 要求.
- @lossendae/vue-avatar - VueJS 2.0 的头像组件.
- vue-text-highlight - Vue.js 的文本荧光笔库
- vue2-hammer Vue 2.x 的 Hammer.js 包装器以支持移动触摸..
- vue-countable - countable.js 的 Vue 绑定. 提供实时的段落、句子、单词和字符计数.
- v-show-slide - 一个 Vue.js 指令,用于在元素高度和高度之间设置动画:自动滑动.
- vue-swipe-actions - Vue.js 的 iOS 风格滑动操作
- vue-friendly-iframe - 用于创建超快速加载、非阻塞 iframe 的 Vue js 组件.
- vue-beautiful-chat - 一个简单而漂亮的 Vue 聊天组件后端不可知,完全可定制和可扩展.
- vue-magnifier - Vue.js 2.x 的简单图像缩放/放大组件.
- vue-highlight-words - Vue 组件可突出显示较大文本正文中的单词. 移植自 react-highlight-words
- vue-tags-ball - 用这个插件创建一个漂亮的球形标签
- vue-rippler - 用于自定义涟漪效果的简单 Vue.js 插件
- vue-contacts - Vue 的移动联系人组件
- basic-vue-chat - 易于使用的 Vue.js 聊天
- vue-resize-text - 根据元素宽度自动调整字体大小的 vue 指令.
- vue-github-profile - 一个 vue 组件,用于查看确定用户的个人资料和 repos
- vue-niege - 单个文件 Vue 组件通过画布添加暴风雪.
- vue-dynamic-star-rating - 一个高度动态的 vue 星级评分组件,例如 google play 评分 ⭐️ ⭐️ ⭐️ ⭐️ ⭐️
- vue-katex - 在 Vue.js 中使用 KaTeX 进行数学排版的简单插件
- vue-baberrage - 基于 Vue.js 的简单弹幕插件
- vue-terminal-ui - 终端 UI 模拟器 Vue:自定义和基本命令
- vue-command - 一个完整的 Vue.js 终端模拟器
- vue-ribbon - GitHub 功能区的 Vue 组件
- avatio-avatar - 用于插图头像的 Vue 组件 - 被使用 Avatio
- vue-jazzicon - 一个非常简单的 Vue 的 Jazzicon 组件.
- vue-star-rating - 一个简单的、高度可定制的星级组件⭐️⭐️⭐️
- vue-fixed-header - 由 TypeScript 编写的用于 Vue.js 的简单且跨浏览器友好的固定标头组件.
- vue-particle-effect-buttons爆裂粒子效果按钮组件.
- vue-insomnia - 防止显示屏休眠(唤醒锁定).
- vue-car-plate-keyboard - A car license plate number keyboard for VueJS 2.x.(车牌号输入键盘,支持新能源车牌 )
- vue-dataflow-editor - Vue2 数据流图编辑器
- vue-twemoji-picker - 适用于 Vue 的快速即插即用 Twemoji Picker(用于 Twemoji 渲染的 +textarea).
- vuejs-avataaars - 用于头像的简单头像生成器 Vue 组件.
- vue-moveable - 创建可移动、可拖动、可调整大小、可缩放、可旋转、可变形等的 Vue 组件.
- vue-camera-gestures - 让用户在 HTML 模板中的 1 行中使用 AI 和镜头前的手势控制您的 Vue 应用程序!
- vue-aspect-ratio - 一个可以毫不费力地处理纵横比的小组件.
- query-builder-vue - 一个查询构建器库,用于构建具有可拖动重新排序的复杂和嵌套查询.
- vue-meeting-selector - 受 doctolib 启发的会议选择器,使用 Typescript 快速且完全定制.
- cool-emoji-picker - 适用于 Vue 的快速即插即用 [Tw]emoji Picker(用于 Twemoji 渲染的 +textarea)组件.
- vue-web-cam - VueJs 的网络摄像头组件.
- vue-cursor-fx - 用于导航、画廊和轮播等交互元素的动画自定义光标效果.
- vuetimeline - 一个易于使用的组件来构建漂亮的响应时间线.
- v-emoji-picker - :star2:Vue 中使用 emojis natives (unicode) 的轻量级和可定制的 Emoji Picker 包.
- learnawesome-flashcard - 通过 localStorage :bulb 间隔重复的抽认卡:
- vue-portfolio-viewer - 为 vue js 滚动动画组合查看器组件:bulb:
- vue-text-middle-ellipsis - 一个简单的 vue-directive(2+),如果里面的内容太长,它会在元素中间夹住内容.
- vuesence-book - 文档/帮助系统组件.
- vue-turnjs - 为您的应用程序添加书籍体验的组件库.
- vuesence-sliding-header - 顶部导航栏的滑动标题.
- tsParticles - 轻量级 Javascript 库,可轻松创建高度可配置和交互式的粒子动画
- @bananajs/vue3-book-component - Vue 3 的 Book 组件.它提供简单、灵活的 API 和出色的可定制性.
- @bananajs/vue2-book-component - Vue 2 的 Book 组件.它提供简单、灵活的 API 和出色的可定制性.
- vue-image-zoomer - Vue.js 2 的图像缩放组件,也适用于触摸设备.
- vue-show-more-text - Vue 多行句子省略组件. 组件中的文本将被截断.
- vue-copy-to-clipboard - Vue.js 3 插件将文本复制到剪贴板 (Vue 3)
- vue-advanced-chat - 功能丰富且完全可定制的聊天室组件. 支持文件、图片、视频、音频、表情、自定义动作等.
- vue-visual-filter - ️♂️ 适用于 Vue 2 和 3 的无主见的高级视觉过滤组件.
- vue-easter-egg-trigger - 这个包让你可以轻松轻松地将复活节彩蛋触发器添加到你的 Vue 站点.
Tabs¶
- vue-tabs - 简单的标签和药丸.
- vue-swipe-tabs - vue.js(vue2) 的触摸滑动选项卡组件.
- vue-tabs-component - 使用 Vue 显示选项卡的简单方法.
- vue-k-tabs - 一个带有 Gitlab 设计的简单标签组件.
- vue-tabs-with-active-line - 简单的 Vue 2 组件,允许您制作带有移动底线的标签
- vue-tabs-chrome - 类似 Chrome 标签的 Vue 组件.
- vue-tiny-tabs - 作为 tinytabs Vuejs 包装器的简约选项卡组件(大小 < 3.1kb)
- vue-lumino - 使用 Vue.js 和 Jupyter Lumino (PhosphorJS) 的组件,通过事件监听器和 Vue 反应系统集成 DOM 和 VDOM.
- vue-router-tab - Vue.js 选项卡组件,基于 Vue Router.
- vue3-tabs - vue 3 的触摸滑动标签组件
- vue3-tabs-chrome - 类似 Chrome 标签的 Vue3 组件.
Form¶
让用户创建和编辑数据
Phone Number Input Formatter¶
- vue-phone-number-input - 使用国家/地区代码格式化和有效电话号码的漂亮输入:fire:
- vue-tel-input - 使用 Vue 进行国际电话输入.
Pincode Input¶
- vue-pincode-input - 智能密码输入组件
Picker¶
- vue-smooth-picker - Vue 2.x 的平滑选择器组件,如 iOS 原生日期时间选择器.
- vue-scroll-picker - Vue 2.x 的滚动选择器组件. 支持鼠标(也包括滚轮)和触摸的所有手势.
- vue-fontawesome-picker - Vue 2.x 的字体真棒图标选择器组件.
- vue3-scroll-picker - Vue 3 的滚动选择器组件.
Generator¶
- FormSchema Native - 使用 JSON Schema 和 Vue.js 生成表单
- vue-generator - Vue 项目的初始路由器和组件.
- vue-form-json - 从 json 生成带有验证和 bulma 样式的 vue 表单
- form-create - 具有动态渲染、数据采集、验证和提交功能的表单生成器,支持json数据
- element-form-builder - 使用 JSON Schema 构建 element-ui 表单.
- ncform - 一种非常好的配置生成方式来开发表单
- Laraform - 具有 Laravel 支持的 Vue.js 高级表单构建器
- vue-ele-form - Vue DataForm,基于element-ui
- vue-otp-2 - Vue OTP 输入 2,用于 OTP 输入的 Vue 组件
- vue-form-generator Vue.js 的基于模式的表单生成器组件.
- vue-form-builder - 使用JSON schema和composition api构建强大的vue表单,支持Element UI、View UI、Ant Design Vue等流行的ui框架. Online Demo
- vue-dynamic-inputs - Create dynamic forms with buefy from json Online Demo
- Vue Flow Form - 使用 Vue.js 创建会话条件逻辑表单. Online Demo
- vue-dd-form - 仅通过描述数据节点构建表单 - 无需编程! Online Demo
Date Picker¶
日期/日期时间/时间选择器
- vue-datepicker - [未维护] 日历和日期选择器组件,为 Vue.js 设计材料.
- vue2-timepicker - Vue 2.x 的下拉时间选择器(小时|分钟|秒),支持灵活的时间格式.
(2019 年返回并充电
)
- vuejs-datepicker - 一个简单的 Vue.js 日期选择器组件. 支持禁用日期、内联模式、翻译.
- vuedt - 疯狂的轻量级(<5kb!)Vuejs 日期和时间选择器组件,具有 i18n 支持、漂亮的动画并且没有太多模糊.
- vue-flatpickr-component Vue.js 组件 flatpickr 日期时间选择器
- vue-jalaali-datepicker - 用于 vue.js 2 的 Jalaali 日历和日期选择器.
- vue-date-picker - 受材料设计启发的 vue 日期选择器组件
- vue-monthly-picker - Vue.js 组件仅用于月份和年份选择器
- vue-hotel-datepicker - 响应式日期范围选择器,可显示所选夜数、允许自定义入住/退房规则、阻止日期、本地化支持等.
- vue2-persian-datepicker - 一个很棒的用于 vue 的波斯日期选择器组件. 视图的日期选择组件.
- vue-datetime - 适用于 Vue 的移动友好日期时间选择器. 支持日期、日期时间和时间模式、i18n 和禁用日期.
- vue-rangedate-picker - 使用简单的范围日期选择器
- v2-datepicker - 一个简单的基于 Vue 2.x 的日期选择器组件.
- vue-datepicker-local - 一个漂亮的 Vue2 日期选择器组件.
- vue-airbnb-style-datepicker - 具有与流行的 AirBnb 日期选择器相似的外观和功能的 Vue 日期选择器. 轻量级,可配置和良好的浏览器支持!
- vue-persian-datetime-picker 波斯材料日期选择器. 支持日期时间、日期、时间、年、月.
- VCalendar 非常可定制且功能强大的日历/日期选择器组件,具有许多功能和良好的文档.
- @owumaro/vue-date-range-picker - 使用 Bootstrap 4 样式进行日期范围选择的 vue 组件
- vue-datepicker-mobile - 适用于 vue2 的移动友好日期选择器.
选择一天或日期范围并根据需要进行自定义.
- vue-draggable-cal - 不是普通的日期选择器. Vuejs 可拖动日期选择器,具有全新的响应式设计、移动就绪和 0 依赖项,17kb gzipped.
- vue-vanilla-datetime-picker - Vue 的日期时间选择器.
- vue2-daterange-picker - 基于 bootstrap-daterangepicker 的 Vue2 日期范围选择器(无 jQuery 依赖)
- vue-timeselector - 用于 Vue.js 的完全且简单可定制的强大时间选择器组件.
- vue-date-picker - Vue 2.x 的轻量级日期选择器组件.
- vue-ctk-date-time-picker - 一个漂亮的 VueJS 组件来选择日期和时间(带范围模式):新:
- simple-vue2-datetimepicker - 一个简单易用的 vue.js 组件,用于选择日期和时间. :新的:
- vue-business-hours - 用于在管理面板或仪表板中选择营业时间的 Vue 组件.
- material-vue-daterange-picker - Vuejs 2.x 的 Material Design 风格的日期范围选择器,兼容 vuetify,对手机友好.
- vue-datepicker - 一个干净且响应迅速的日期选择器,具有 Vuejs 2.x 的 Material Design 风格. (日期/月/季度&&日期范围选择器):新:
- @alireza-ab/vue-persian-datepicker - 用于选择波斯日期的日期选择器组件. (单选和范围选择,选择日期和时间,用键盘选择,自定义样式,本地化)
- vue-easy-range-date-picker - 用于日期范围选择的简单易用的 VueJS (2.x) 组件
Select¶
- vue-select - 一个原生的 Vue.js 组件,它提供与 Select2 类似的功能,而没有 jQuery 的开销.
- vue-multiselect - Vue.js 的通用选择/多选/标记组件.
- stf-vue-select - 最灵活和定制的选择 Vue2
- vue-select-image - 用于从列表中选择图像的 Vue 2 组件
- @riophae/vue-treeselect - A multi-select component with nested options support for Vue.js.
- @k186/pd-select - 移动 UI 组件,如 Vue 2.x 的 IOS 选择器,可以轮式选择您定义的任何内容.
- vue-dropdowns - 如果使用 vue2.x 的对象,则显示选择框的简约且适应性强的方式
- v-cascade - 一个可爱的 Vue 2.x 级联选择器组件(支持 PC 和移动设备)
- vue-multi-select - 用于为 Vue2 进行选择/多选的自定义组件.
- v-region - 一个简单的区域选择器,提供中文行政区划数据.
- v-selectpage - 一个强大的 Vue2 选择器,分页的列表或表格视图,使用标签进行多选,i18n 和服务器端资源支持.
- vue-cool-select - Bootstrap / Material Design 主题、支持插槽、自动完成、事件、验证等.
- @myena/advanced-select - 带有搜索功能的单选/多选组件、(取消)全选控件和 Bootstrap 3 主题
- @alfsnd/vue-bootstrap-select - 查看版本 bootstrap-select.
- @SamuelTrottier/vue-wheel-select - 一个简单的滚动选择组件.
- vue-search-select - 可搜索的选择组件和语义用户界面的下拉兼容.
- vue-gridmultiselect - 简单的多选组件,项目显示在 UI 等表格中
- vue-select-sides - Vue.js 选择双面数据(2-sides)的组件.
- vue-selectize - Selectize.js 周围的 Vue.js 组件包装器,一个普通的 js 选择组件
- @vueform/multiselect - 带有单选、多选和标记选项的 Vue 3 多选组件.
Slider¶
- vue-slider-component - vue1.x 和 vue2.x 的滑块.
- vue-circle-slider - vue2.x 的圆形滑块组件.
- vue-slide-bar - 非常简单的 vue 滑动条组件.
- textra - 用于滑动文本的 Vue js 插件.
- vue-knob-control - Vue.js 的旋钮控件
- iv-slider - vue2.x 的滑块组件.
- vue-histogram-slider - Vue.js 带直方图的范围滑块
- xns-seek-bar - Vue 2.x 的可搜索进度插件.
- @vueform/slider - 带有多句柄、工具提示合并和格式设置的 Vue 3 滑块组件.
Drag and Drop¶
- vuedraggable - Vue 组件允许与视图模型同步拖放排序. 基于 Sortable.js.
- vue-dragula - 拖放很简单,很痛.
- vue2-dragula - 一个用于
Vue2
的vue-dragula
分支,有很多改进. - awe-dnd - Vue 的可排序列表指令.
- vue-draggable-resizable - 用于可拖动和可调整大小的元素的 Vue2 组件.
- vddl - 使用 HTML5 拖放 API 修改列表的 Vue 组件,支持 VueJs 版本 1 和 2.
- vue-drag-drop - HTML5 拖放 API 的最小和轻量级包装器.
- vue-swing - A swipeable cards interface, as seen in apps like Jelly and Tinder.
- vue-slicksort - 一组无依赖的mixin,用于动画、触摸友好、可排序的列表
- draggable-vue-directive - 一个简单的指令来处理任何 Vue 组件的拖放.
- vue-smooth-dnd - smooth-dnd 库的 Vue 包装器. 拖放,可排序的库覆盖许多情况.
- vue-drag-resize - 一个无依赖的 Vue 组件,用于具有纵横比、反应道具等的可拖动和可调整大小的元素
- vue-drag-it-dude - Vue2 组件,允许您将对象拖动到任何您想要的位置.
- vue-draggable - Vue 拖放库,没有任何依赖. 简单易用.
- vue-nestable - 作为 vue 组件制作的简单拖放分层列表.
- vue-tinder - 拥有自己的 Tinder 和 TanTan.
- vue-card-swipe - vue.js的触控滑块,支持任意方向滑动切换卡片,PC端和手机端兼容.
- vue-drag-n-drop - 一个简单的看板,可以将项目从列表中拖放到看板上.
- vue-card-stack - 可堆叠、可滑动、可调整的 Vue 卡片组件.
Autocomplete¶
自动建议/自动完成/提前输入
- vue-instant - Vue Instant 允许您轻松地为您的 vue 2 应用程序创建带有自动建议的自定义搜索控件.
- v-autocomplete - Vue.js 的自动完成组件
- vue-auto-complete - Vue2 的自动完成. 适用于对象或 api 调用.
- vue-autosuggest - WAI-ARIA 完整的 Autosuggest 组件,对渲染和样式进行完全自定义.
- v-autosuggest - 一个简单的模块化 Vuejs 组件,可自动建议来自动态或静态数据查询的输入.
- autocomplete - Vue.js 2 的简单自动完成组件.*
- vue-infinite-autocomplete - Vue.js 2 的 Vue 无限自动完成包装器. *
- vue-simple-suggest - 简单但功能丰富的 Vue.js 自动完成组件
- v-suggest - A Vue2 plugin for input content suggestions, support keyboard to quick pick.
- vue-bootstrap-typeahead - 使用 Bootstrap 4 CSS 的 Vue2 预输入/自动完成组件.
- vue-email-dropdown - 自定义电子邮件域的自动完成.
- vue-combo-blocks - 适用于 Vue 的小型、可访问、可定制和“无渲染”自动完成组件.
Type Select¶
让用户在打字时选择一个标签/某物
- vue-input-tag - Vue.js 2.0 输入标签组件.
- v-distpicker 一个灵活的、高可用的地区选择器,用于为 Vue.js 2.x 选择中国的省、市和地区.
- vue-img-inputer Vue 2 的优雅、高度可定制的 img 类型输入
- vue-img-preview vue 2 中的一个图片输入预览组件
- v-image
input type=file 的小组件 (< 1kb, gzipped)
- @voerro/vue-tagsinput 带有提前输入/自动完成功能的简单标签输入 Vue.js 2 组件
- vue-tag-selector - 类似标签的输入. 轻巧、可定制并处理 REGEX 验证!
- vue-input-text-to-tags - 可以为结果显示创建标签的输入组件
Color Picker¶
- vue-color - 适用于 Sketch、Photoshop、Chrome 等的 Vue 颜色选择器.
- vue-swatches - 帮助用户挑选漂亮的颜色!
- radial-color-picker - 简约的颜色选择器,专注于尺寸、可访问性和性能.
- vue-color-picker-board - 专为人类设计的 Vue 颜色选择器组件!
- verte - 完整的 Vue.js 颜色选择器组件.
Switch¶
开关/开/关切换/复选框
- vue-switches - 具有主题支持的 Vue.js 开/关开关组件.
- vue-js-toggle-button - Vue.js 2.0+ 切换/切换按钮 - 简单、漂亮、可定制.
- vue-checkbox-radio - 一个 Vue 组件,可轻松设置复选框和单选框输入的样式.
- vue-enhanced-check - Vue 组件重新设计/标记复选框/单选框,包括切换/切换按钮.
- pretty-checkbox-vue - 实施 pretty checkbox 3(用于美化复选框和单选按钮的纯 CSS 库)Vue.js 2.2+ 组件.
- vue2-collapse - Vue Collapse 是一个灵活的内容切换插件,用于手风琴列表或任何其他条件内容渲染.
- vue-badger-accordion - Vue.js 2.0+ Badger Accordion 的包装组件
- vue-loading-checkbox - 具有加载状态的高度可定制的 Vue.js 复选框 UI 组件
- vue-rocker-switch - Vue.js 的可定制摇杆开关组件.
- vue-toggle-btn - 高度可定制、易于使用的优雅切换/开关按钮组件
- vue-tristate-checkbox - 支持表单提交的循环三态复选框
- vue-toggles - 高度可定制和可访问的切换组件
- @vueform/toggle - 带有标签、自定义插槽和样式选项的 Vue 3 切换组件.
Masked Input¶
- vue-masked-input - Vue.js 的屏蔽输入组件.
- vue-text-mask - React、Angular、Ember、Vue 和纯 JavaScript 的输入掩码.
- vue-ip-input - vuejs 实现的 ip 输入.
- vue-numeric - 输入字段组件,基于 Vue 显示货币值.
- awesome-mask - 基于纯粹和简单的 VanillaJS 实现的掩码指令
- v-money - 货币的微小(<2k gzipped)输入/指令掩码
- vue-autonumeric - 一个 Vue.js 组件,它包装了很棒的东西 AutoNumeric 输入格式化程序库
- vue-inputmask - Vue.js 指令将 Robin Herbots 的 inputmask 库添加到您的输入中(vanilla javascript).
- vue-input-number - Vue.js 2 的自定义输入数字组件.
- v-unicode - 通过 unicode 值限制输入的 Vue 指令.
- vue-cleave-component - Vue.js 组件 cleave.js
- vue-ip - 具有端口和材料设计支持的 IP 地址输入
- vue-r-mask - 带有类似于 javascript 正则表达式的模板的指令.
- vue-input-code - 基于 Vue.js 2.0+ 验证码输入组件.
- label-edit - 灵感来自 Trello. 单击以显示可编辑输入并返回值更改. 这是一个 Vue 组件.
- vue-jquery-mask - Vue.js v2.x 组件 jQuery Mask Plugin
- vue-currency-input - 为 Vue.js 轻松输入货币格式的数字.
- vue-restricted-input - 基于 vue.js 的输入掩码库 restricted-input
- vue-input-facade - 专为 Vue 创建的轻量级和无依赖的输入屏蔽库,最初是著名的 vue-text-mask 的一个分支,但积极维护并在此之后进行了大量改进.
Rich Text Editing¶
- vue-quill-editor - Vue2 的 Quill 编辑器组件.
- vue-mobiledoc-editor - Vuejs 的 mobiledoc 编辑器组件工具包.
- vue2-medium-editor - Vue 2 的 MediumEditor 组件.
- vue-froala-wysiwyg - Froala WYSIWIG HTML 编辑器的官方 VueJS 插件.
- vue-at - 用于 Vue 的 At.js.
- vue-wysiwyg 轻量级、快速和可扩展的 WYSIWYG 编辑器
- vue-trumbowyg Vue.js 组件 Trumbowyg 所见即所得编辑器
- vue-pell-editor Vue.js 组件 Pell 所见即所得编辑器
- vue-tinymce-editor Vue2 的 Tinymce 编辑器组件.
- vue-mce - VueJS 的 tinymce 编辑器组件.
- Vue2-Editor - 使用 Vue.js 和 Quilljs 的 HTML 编辑器
- vue-codemirror - Vue2 的 Codemirror 组件.
- vue-easy-tinymce - 一个简单而强大的包,可以在 Vue.js 项目中轻松使用 tinymce.
- vue-highlightable-input - 键入时突出显示文本并设置样式
- vue-trix - 用于 Vue.js 的简单轻量级 Trix 富文本编辑器
- tiptap - 适用于 Vue.js 的无渲染且可扩展的富文本编辑器
- toast-ui.vue-editor - Vue 包装器 TOAST UI Editor.
- ckeditor5-vue - 用于 Vue.js 的官方 CKEditor 5 富文本编辑器组件.
- yimo-vue-editor - Vue2 的 wangEditor2 组件.
- vue-mathlive Vue.hjs 的 MathLive 数学编辑器(mathfield)
- vue-editor-js 下一代块样式编辑器. 对于 Vue.js
- element-tiptap 使用 Vue.js 的提示和元素 UI 的 WYSIWYG 富文本编辑器
- @mycure/vue-wysiwyg - 34Kb 轻量级所见即所得编辑器,没有第 3 方插件.
- ckeditor4-vue - 用于 Vue.js 的官方 CKEditor 4 富文本编辑器组件.
- vue-quill - ✒️ 基于 Quill 编辑器的 Vue 3 富文本编辑器组件.
Image Manipulation¶
编辑图像
- vue-core-image-upload - 用于裁剪和上传图像的 vue 插件.
- vue-croppa - 适用于 Vue 2.0 的简单直接可定制的轻量级移动友好图像裁剪器.
- vue-cropper - vue2.0的图片剪辑插件
- toast-ui.vue-image-editor - Vue 包装器 TOAST UI Image Editor.
- vue-quick-cropper - Vue手机头像上传裁剪插件可以选择裁剪区域和缩放.
- vue-croppie - 另一个图像裁剪器
- vue-slim-cropper - 适用于 Vue 2.x 的简单优雅的移动图像裁剪上传组件.
- vue-advanced-cropper - 一种先进的裁剪器,让您有机会创建几乎任何您想要的裁剪器
- vue-anka-cropper - 图像裁剪器和上传器,矩形和圆形裁剪,可定制的 css
- vue-picture-cut - 图片裁剪:缩放、翻转、旋转、边缘检查、矩形剪辑、椭圆剪辑
- vue-img-cutter - 一个图片剪切工具的vue插件,使用起来非常方便.
显示图片
- vue-cloudinary - 一个 vue (2.0) 插件,它提供了一个可重用的指令来从 Cloudinary (https://cloudinary.com) 获取图像,并具有动态操作 (调整大小/裁剪/效果/水印/缩放/格式化) 和优化 (webp/png/auto)质量/自动视网膜).
- img-Vuer - Vue2 的移动优先图像查看器/图库
- vue-image-loader - 一个 vue 加载器/渐进式图像插件,如 Medium.
- vue-load-image - 在图像加载期间显示加载器,以及在图像加载失败时显示替代内容.
- vue-image-painter - Vue 2.x 的图像魔术动画绘制效果组件.
- vue-cosha - 易于使用的 vue 指令,可在任何图像后面放置彩色阴影
- vue-image-kit - Vue.js Image Kit 组件,内置延迟加载和响应式图像.
Video Manipulation¶
- vue-playlist - 一个轻量级的 vue (2.0) 组件,没有依赖,提供真正无缝的 html5 视频播放. 使用 vanilla JS 实现无缝视频播放的唯一可行解决方案. 它需要一系列视频并将它们拼接成一个视频.
File Upload¶
- vue-clip - 用于 VueJs 的简单且可破解的文件上传器. 支持 Vue >= 2.1.
- vue-simple-upload - Vue.js 的简单文件上传组件.
- vue2-multi-uploader - 使用 Vue.js v2 和 Axios 的拖放多文件上传器组件. 上传器显示添加文件的文件名、大小和总大小. 它还允许设置需要上传的最小文件数.
- vue-dropzone - Dropzone.js 的 Vue.js (vue2) 组件 - 带有图像预览的拖放文件上传实用程序.
- vue-transmit - 基于 Dropzone.js for Vue 2.0 的纯 Vue.js 拖放上传器组件
- vue-upload-component - Vue上传组件,多文件上传,上传目录,拖拽上传,拖拽目录. 支持 Vue >= 2.0
- vue-uploader - 由 simple-uploader.js 提供支持的 Vue.js 上传组件
- ic-firebase-uploader - 用于 Firebase 存储的干净的多文件上传组件.
- vuejs-uploader - 一个可恢复的分段文件上传器,用于上传巨大的文件.
- vue-filepond - FilePond 的 Vue.js 组件 - 一个文件上传库,可以上传你扔给它的任何东西.
- v-uploader - 一个Vue2插件,让文件上传更简单,你可以拖动文件或在对话框中选择文件上传
- vue-file-agent - 全功能拖放启用 Vue 文件上传组件与预览和上传进度
- vue-cloudinary-uploader - 用于 VueJs 的云图像裁剪器和上传器组件
Context Menu¶
- vue-context-menu - vue js 的上下文菜单组件.
- vue-lil-context-menu - 一个灵活的 Vue 上下文菜单组件.
- vue-mouse-menu - 支持移动设备的 vue 2.6+ 的弹出菜单.
- vue-context - 一个简单但灵活的 vue js 上下文菜单.
- vue-simple-context-menu - 为 Vue 构建的简单上下文菜单组件. 适用于左键和右键单击.
- vue-context-menu-popup - Vue 2 的上下文菜单弹出窗口.右键单击即可工作,也可以通过编程方式触发.
- @kiyoaki_w/vue-context - 为 Vue2 构建的可定制上下文菜单组件,支持超赞的图标.
- @overcoder/vue-context-menu - 最少的上下文菜单
Miscellaneous¶
- vue-gmaps - 使用 Google Maps API 搜索地点和地址.
- vuep - 使用实时编辑器和预览呈现 Vue 组件的组件.
- vue-places - Places 组件基于 Vue 2.x 的places.js. 将任何输入转换为地址自动完成.
- vue-password-strength-meter - 基于 vue.js 中的 zxcvbn 的密码强度计.
- vue-float-label - Vue.js 的浮动标签模式.
- vue-longpress - 一个 VueJS (2.x) 按钮组件,需要您持续按下以确认给定的操作.
- vue-google-autocomplete - 用于 Google Maps Places API 的 Vue.js (2.x) 自动建议组件.
- vue-default-value - Vue.js 2.x 指令为可编辑元素设置默认值而不影响模型状态
- vue-model-autoset - 一个 Vue.js 插件,用于解决 Vue 在使用 v-model 指令观察动态添加的属性时的限制
- vue-submit - Ladda 的简单实现(1, 2) 不到 90 行代码,没有依赖项.
- vue-rate - Vue 的评分组件
- vuetify-google-autocomplete - 适用于 Google Maps Places API 的 Vuetify 就绪 Vue.js (2.x) 自动建议组件.
- vue-ripple-directive - 材料波纹效果作为 Vue 指令.
- vue-fab - Vue 浮动操作按钮.
- vue-complexify - Vuejs 从 jquery.complexify.js 移植库.
- vue-mc - Vue.js 的模型和集合
- vue-stars - 高度可定制的评级控制(使用星星或其他角色)
- vue-confirmation-button - 可定制的确认按钮,要求用户在执行操作之前阅读消息
- vue-poll - 用于投票的 Vue.js 组件
- vue-diagrams - vue.js 的图表组件,灵感来自 react-diagrams
- vue-easy-polls - 用于创建投票、投票和显示结果的 Vue.js 组件. 它易于实施且易于定制.
- vue-m-button - 一个漂亮的 vue 按钮组件.
- vue-long-click - 用于 vue 的长按(长按)指令库,支持移动和桌面.
- vue-ui-predicate - 规则编辑器、通用过滤 UI、Vue JS 的谓词组件.
- vue-mobile-detection - Vue.js 原型函数
this.$isMobile()
返回一个布尔值,具体取决于用户是否正在使用手机浏览. - vue-input-contenteditable -
contenteditable
的 Vue 组件包装器,具有您通常期望的所有功能. 在不受input[type='text']
限制的情况下制作漂亮的输入. - @utlime/vue-zoom - 组件缩放视图.
- vue-credit-card - 用于信用卡输入、屏蔽和预览的 Vue 组件
- vue-simple-password-meter - 无依赖的轻量级密码强度计
- vue-autosizer - 内置
的轻型替代品<textarea>
和<input>
元素允许它们自动拉伸以适应内容. - vue-interactive-paycard - 一种奇妙的信用卡形式,具有流畅而甜蜜的微交互.
- vue-paycard - 使用 Vue.js 制作的信用卡组件.
- vue-list-picker - 只是一个用 Vue.js 制作的简单列表选择器组件.
- vue-diagram-editor - 具有基于插槽的节点的高度可定制的图表编辑器 (vue^2.6)
Wizard¶
- vue-form-wizard - 基于选项卡的组件,可以替代经典的引导程序和 jQuery 表单向导
- vue-stepper - 一个简单的步进器,具有简单的操作,如下一步、后退和结束,以执行简单的表格.
- vue-stepper-component - 一个完全可定制的 Stepper 组件,具有 Vuex 支持和零依赖项.
CSV¶
- vuecsv - 来自 json 的简单 CSV 下载器,带有选项模态面板组件.
Comment System¶
- vue-comment-grid - 使用 CSS Grid 和 Firebase REST API + 身份验证构建的响应式 Vue.js 评论系统插件.
- fastcomments-vue - FastComments 的 Vue 组件,一个实时评论系统.
Canvas¶
- vue-easeljs - 对 HTML5 画布元素的数据驱动控制.
- vue-canvas-effect - Vue.js 的简单画布效果集合.
- vue-konva - Vue & Canvas - 使用 Vue 绘制复杂画布图形的 JavaScript 库.
- vue-html2canvas - Vue mixin 捕获 html 并使用 Html2Canvas 将其转换为图像.
- vue-canvas-nest - 用于画布嵌套的 Vue.js 组件.
- vue-signature-pad - Vue 签名板组件
- vg-editor - 基于 G6 和 Vue 的可视化图形编辑器,灵感来自 GGEditor
- vue-pencil.js - 在您的 Vue 项目中构建反应式 2D 图形场景.
- vue-scratchable - 一个 Vue.js 包装组件,可将所有内容变成有趣的刮刮卡.
- vue-rough - Rough.js 的组件,这是一个图形库,可让您以粗略的手绘风格进行绘制.
- vue3-signature - Vue 3 的电子签名组件
- vue-signature - Vue2.x 的电子签名组件
Link Preview¶
- link-prevue - 用于生成链接预览的灵活组件.
Tour¶
- vue-tour - 轻量级和可定制的旅游插件
- vue-page-guide - 带有指令的页面浏览/指南插件
Data Masking¶
- vue-manual-data-masking - 用于手动数据屏蔽的 VueJS (2.x) 组件
UI Layout¶
整体/主视图的布局
- vue-waterfall - Vue.js 的瀑布式布局组件.
- vueisotope - 用于同位素过滤器和排序神奇布局的 Vue 组件.
- vue-grid-layout - 适用于 Vue.js 的可拖动和可调整大小的网格布局.
- vue-drag-zone - Vue.js(2.x) 的拖动区域组件.
- vue-masonry - 用于砌体块布局的 Vue.js 指令.
- vue-fraction-grid - 用于 Vue.js 的基于 Flexbox 的响应式分数网格系统.
- vue-virtual-scroll-list - vue (2.x) 组件通过使用虚拟滚动列表支持大数据.
- vue-virtual-scroller - 有效滚动大量元素的组件(Vue 2.x).
- vue-virtualscroll - [Vue 2.x] 虚拟滚动组件.
- vue-inview - [Vue 2.x] 视口,在 DOM 元素进入或离开时得到通知.
- dnd-grid - 带有可拖动和可调整大小的框的 vuejs 网格
- vue-extend-layout - 扩展默认布局或为 Vue.js SPA 的页面创建自定义布局
- vue-masonry-css - Vue.js Masonry layout component powered by CSS, dependency free.
- vue-fullpage.js - Vue.js 的官方 fullPage.js 组件.
- vue-virtual-collection - 用于高效渲染大型集合数据的 Vue 组件.
- autoresponsive-vue - Vue 的自动响应式网格布局库.
- VueFlex - 弹性盒网格系统.
- v-chacheli - 一个 Vue.js 组件,用于创建和显示类似仪表板的自定义网格布局.
- vue-grid-styled - 一组轻量级的功能网格组件,移植自 React grid-styled
- simple-grid - 用于网格布局的 Vue 组件,支持 flex.
- vue-container-component - 受 Bootstrap Container 启发的简单容器组件
- vue-colcade - 用于将 Colcade 网格布局集成到 Vuejs 的小包装器.
- vue-ads-layout - 一个小型 Vue 组件库,可快速生成带有工具栏、左/右抽屉和页脚的响应式 Web 应用程序布局. 所有组件都可以固定或相对定位.
- vue-magic-grid - 用于 Vue.js 2 的 Magic Grid 的一个小端口.
- vue-splitter-pane - 一个 Vuejs 组件,它以可调整的拆分排列(垂直或水平)呈现两个插槽.
- splitpanes - 一个 Vue JS 可靠、简单且可触摸的窗格拆分器/调整器.
- vue-mock-layout - 轻松模拟 Vue 应用程序的布局.
- vue-simple-drawer - 带有弹跳动画、嵌套支持和自定义主题的小抽屉面板. 方向:左/右/上/下
- vue-grd - 用于网格布局的简单、轻量级和灵活的 Vue.js 组件.
- vue-masonry-component - 一个 Vue.js 组件包装砌体布局库.
- vue-smart-widget - 智能小部件是 Vue.js 2.x 的灵活且可扩展的内容容器组件.
- vue-colrow - 响应式网格布局组件:Row, Col. 基于 css flexbox. 支持SSR,固定或分数宽度,自动增长Col.
- vue-diagonal - 用于创建对角线元素的简单轻量级组件.
- vue-responsive-dash - 使用 vue 和 typescript 制作的响应式、可拖动和可调整大小的仪表板(网格).
- vue-masonry-wall - 纯 vue 响应式砌体布局,无需直接 dom 操作,ssr 友好和延迟加载.
- vue-horizontal-list - 纯 vue 响应式水平列表布局,支持 ssr,移动和触摸友好.
- vue-layout-system - 解决日常布局问题的 Vue 组件.
Frameworks¶
Responsive¶
组件集+响应式布局系统
- quasar-framework - 类星体框架. 使用相同的代码和 VueJs 2 构建响应式网站、混合移动应用程序和电子应用程序.
- vue-material - Vue.js 的材料设计.
- vuetify - Vue.js 2 的材料组件框架.
- muse-ui - Vue.js 2 的材料组件库.
- buefy - 基于 Bulma 框架的组件.
- element-ui - A Vue.js 2.0 UI Toolkit for Web.
- vue-bulma-components - Easily use bulma class syntax with vue components.
- iview-ui - 用于 Web 的 Vue.js 2.0 UI 框架.
- AT-UI - 专为桌面应用程序设计的清新而扁平的 UI-Kit,由 Vue.js 2.0 使用 ♥ 制作
- v-semantic - 实施 semantic-ui 查看
- BootstrapVue - Vue.js 的 Bootstrap v4 组件和网格系统.
- fish-ui - 用于 Web 的 Vue.js 2.0 UI 工具包
- zircle-ui - 用于开发可缩放用户界面的前端库.
- Material Components Vue - 包装周围 material-components-web 对于 Vue.js
- VueFace - 用于 Web 的 Vue.js 2.0 UI 组件库
- vuecidity - Vue.js 2.0 的 UI 组件框架
- ant-design-vue - 基于 Ant Design 和 Vue 2.5.0 的企业级 UI 组件
- heyui - (https://www.heyui.top/en) - 适用于 Web 的 Vue.js 2.0 UI 工具包.
- Carvue.js - IBM 的 Vue.js 碳设计系统
- BalmUI - 基于 Material Design 和 Vue 3.0 的模块化和可定制的 UI 库
- Osiris UI -
一个 Vue.js 2.0 通用响应式 UI 组件库
- N3-components - 使用 Vue 2 构建的漂亮的 Web 组件
- Shards Vue - ✨ 基于 Bootstrap 4 框架的时尚和 UI 组件库.
- Fundamental Vue - 基于 SAP Fiori Fundamentals 的组件.
- Framevuerk - 基于 Vue.js 的快速、响应式、无依赖、双向支持和可配置的 UI 框架.
- @Carbon/vue - 来自@carbon 团队的碳设计系统组件.
- Inkline - Inkline 是 Vue.js 的现代 UI/UX 框架,旨在创建完美的响应式 Web 应用程序.
- vue-awesome-mui - 用于 Web 的 Vue.js 2.0 MUI 组件
- MDBootstrap - 基于最新的 Bootstrap 4 和 Vue 2.6.10 的强大 UI 工具包,提供一组流畅的响应式页面模板、布局、组件和小部件,以快速构建响应式、移动优先的网站和应用程序.
- vue-material-adapter - 为 Vue.js 集成材料组件,遵循 Google 推荐的最佳实践:使用基础和适配器
- PrimeVue - 最完整的 Vue UI 组件库
- CoreUI for Vue.js - CoreUI for Vue.js 是一个 UI 组件库,提供了一堆跨浏览器、响应式和轻量级的 Vue.js UI 组件.
- DaoStyle - 基于 Vue.js 的高质量组件库.
- Chakra UI Vue - ⚡ 一个轻量级且可自定义的组件库,可帮助您快速构建可访问的 Vue 应用程序和站点.
- vue-canvas - Vue 画布组件 vuc-identify
- oruga - Vue.js 的 UI 组件,不依赖 CSS 框架.
- Wave UI - 一个新兴的 Vue.js 用户界面框架,只有光明的一面. ☀️
- vectre - 一个轻量级、简单、响应式的组件框架,基于 Spectre CSS
- element3 - Vue.js 3.0 UI Toolkit for Web 基于 element-ui
- superBVue - 用于 Web 的 Vue 3 UI 组件基于 boostrap v5
- Qui - 用于 Web 的 Vue 2.x 设计系统
- Mijin - 响应式 Tailwind CSS UI 组件,无依赖
Mobile¶
移动UI框架
- Framework7-Vue - 使用 Framework7 和 Vue 构建功能齐全的 iOS 和 Android 应用程序.
- vux - 【中文】基于WeUI的Vue UI组件.
- vue-onsenui - 使用 HTML5 和 JavaScript 的移动应用程序开发框架和 SDK. 创建美观且高性能的跨平台移动应用程序. 基于 Web Components,并为 Angular 1、2、React 和 Vue.js 提供绑定.
- Weex - Weex 提供跨平台发布能力,让web、Android、IOS 应用可以使用相同的API 开发功能.
- weex-eros - 【中文】Eros是一个基于Weex和Vue的APP解决方案,让你可以使用Vue的API,简单快速的开发中小APP.
- Ionic - 移动应用开发框架
- Native script - 使用 NativeScript 的原生移动应用程序
- Vue Native - Build cross platform native mobile apps using JavaScript
移动组件集
- mint-ui - Vue.js 的移动 UI 元素.
- vant - A Vue.js 2.0 Mobile UI From YouZan.
- cube-ui - Vue.js 2 实现的出色移动 ui 库.
- mand-mobile - 基于 Vue.js 2 的移动 UI 工具包,专为金融场景设计.
- NutUI - 用于移动 Web 的 Vue.js 2.0 UI 工具包
Component Collections¶
没有布局系统的组件集
- vue-mdc - 用于 Vue.js 的材料组件 Web.
- keen-ui - 使用 Vue 编写并受 Material Design 启发的基本 UI 组件的轻量级集合.
- vue-admin - Vue 管理面板框架,由 Vue 2.0 和 Bulma 0.3 提供支持.
- vuikit - UIkit 具有 Vue 的所有功能.
- uiv - Vue2 实现的 Bootstrap3 组件.
- wffranco/vue-strap - 使用 Vue.js 2 构建的 Bootstrap 3 组件
- jsmod-vue-pc - 用于 vue 2.0 的高度可扩展的 Web 组件
- guilhermewaess/SemVue - 使用 Vue 2 实现的语义 UI 模块
- office-ui-fabric-vue - Vue.js 的 Office UI Fabric 实现
- vuestic-admin - 带有自定义组件集合的 Vue 管理仪表板. 使用 Vue 2 和 Bootstrap 4 构建
- Semantic UI Vue - Vue 的语义 UI 集成
- vuesax - Vue.js 的前端 vue 组件.
- Essential JS 2 for Vue - 全功能 45+ Vue.js 组件,包括数据网格、图表、调度程序和图表组件等.
- Banshee - 一个主要是无渲染的 Vue UI 组件和实用程序框架,没有 CSS.
- vue-atlas - 漂亮的 Vue 组件库.
- DevExtreme Vue Components - 65 多个响应式和功能完备的 Vue UI 组件,具有可定制的 Material Design 和 Bootstrap 兼容主题.
- jqwidgets - 70 多个带有 Material Design 主题的 Vue.js 2.0 UI 组件.
- vue-uix - Vue.js 中网页实现的 UI 集合
- vuedarkmode - Vue.js 的极简黑暗设计系统
- Kendo UI for Vue – 为业务应用程序构建的 70 多个 UI 组件,包括网格. 完全响应,支持多种设计语言,包括 Material Design 和 Bootstrap.
- Vuent - Vue.js 组件实现 Microsoft Fluent Design
- bpit/vue - 专注于效果的 Vue 组件库
- vue-tailwind - 带有可自定义类的 Vue 组件可用于 TailwindCSS,但与任何框架兼容.
- Equal UI - 基于 TypeScript 的 Vue UI 套件
- slim-ui - 基于 Vue.js 的最小 UI 组件
- Vue Component Development Kit - 无样式、经过高度测试且灵活的 Vue 组件/mixins/插件.
Admin Template¶
一套管理模板
- iView Vue Admin - iView Vue Admin / 基于 iView 2.x 的管理门户模板 Online Demo
- element Vue Admin - element Vue Admin / 基于 Element UI 2.x 的管理门户模板
- vue-element-admin - 基于 Element UI 2.x 的神奇 vue 管理员 Online Demo
- D2 Admin - 一个优雅的由 vue 构建的后台模板 Online Demo
- rest-admin - 基于 Vue 和 Bootstrap 4 的 Restful 管理面板 Online Demo
- Shards Dashboard Lite Vue - ✨ 现代管理模板,包含数十个自定义组件和模板.Online Demo
- Vue Material Admin - 一个 vue 材料设计管理模板 Online Demo
- element-admin - 一个非常简单但功能强大的 vue 管理员,带有 Vue CLI 3 和 element-ui.Online Demo
- dashboard - 一个基于 vue.js 的仪表板脚手架,由 vuejs/vue-cli 4.x 创建. Online Demo
- vue-admin-next - 具有多模块设计、Vue Composition API 和友好用户界面的专业企业应用程序. Online Demo
- vue-pro-sidebar :具有生态系统配置(vue-router、vuex)的响应式模板启动器,此样板允许您选择您喜欢的颜色. Live demo
- Stellar Admin Boilerplate 使用 Bootstrap-Vue 创建的样板管理模板.Live demo
Server-side rendering¶
- Nuxt.js - 多功能 Vue.js 框架.
- Ream - 用于构建服务器渲染和静态网站的简约框架.
- Universal vue - Vue CLI 插件可轻松创建通用 Vue 应用程序
- Factor Platform - 一个扩展驱动的 VueJS 平台(Factor.dev → Docs)
- Vapper - 基于 Vue 的服务器端渲染框架.
Static website generator¶
- VuePress - 简约的 Vue 驱动的静态站点生成器.
- Peco - 用于人类的静态网站生成器. 未维护
- Saber - 一个静态网站生成器,用于使用 Vue.js 构建极快的网站.
- Gridsome - 使用 Vue.js 构建超快速、现代的网站
- Servue - 服务器端渲染引擎,将 vue 文件渲染为 html 字符串.
Other¶
- app-framework - 带有 HTML 和 JavaScript 的 IOS 和 Android 应用程序 - 开发、构建和部署 - 免费和开源.
- Myfirebase - 一个与google firebase 高度兼容的解耦单页应用程序框架.
- Vue-Access-Control 基于Vue.js 2的前端访问控制框架.
- Basys 用于构建全栈 Vue.js 应用程序的工具箱
- CabloyJS 终极NodeJS全栈业务开发平台,基于KoaJS & EggJS & VueJS & Framework7
- vue-service-model - Vue.js 库,用于通过缓存、聚合和模型定义处理 REST 服务请求.
- DataFormsJS - 使用 Vue 作为模板引擎的最小路由和 Web 服务框架.
- V-Craft - 用于使用 Vue.js 构建可扩展页面构建器的工具集.
- Vue-Low-Code - 可以从 Quant-UX 原型生成 VUE 应用程序的低代码工具包
- Figma-Low-Code - 将您的 Figma 设计转变为 VUE 应用程序.
- vue-notion - 一个非官方的 Notion 渲染器——使用 Notion 作为 Vue 的 CMS(例如 Nuxt)
UI Utilities¶
Event Handling¶
处理用户事件(滚动、点击、击键等)
- vue-shortkey - Vue-ShortKey - Vue.js 插件.
- vue-throttle-event - 基于 requestAnimationFrame 的限制事件.
- vue-waypoint - Vue 的 Waypoint 组件,这是滚动时触发功能的最简单方法.
- vue-clickaway - 可重用的 Vue.js 组件的可重用 clickaway 指令.
- vue-scrollfire - 在特定滚动位置触发事件.
- vue-resize-directive - Vue 指令,用于检测具有去抖动和节流能力的调整大小事件.
- v-click-outside - Vue 指令在不停止事件传播的情况下对元素外部的点击做出反应.
- vue-outside-events - Vue 2.x 指令可帮助指定元素侦听发生在其自身之外的特定事件.
- vue-selectable - Vue 1.x/2.x 指令使项目可以通过鼠标选择.
- vue-click-helper - Vue2.x 指令处理同一元素上的单击事件和 dblclick 事件.
- v-hotkey - 用于将热键绑定到组件的 Vue 2.x 指令.
- vue-resize - 用于检测 DOM 元素大小调整的 Vue 2.x 组件(基于事件/无 window.onresize)
- vue-observe-visibility - Vue 2.x 指令使用 Intersection Observer API 来检测元素是否可见(在视口中并且未被 CSS 隐藏).
- v-dragged - 用于拖动事件检测的 Vue 2.x 指令插件.
- vue-esc - Vue.js 指令在转义键上添加文档事件侦听器.
- vue-global-events – 使用 Vue 的事件修饰符处理全局事件(如快捷方式)的组件
- vue-edge-check - 检查浏览器边缘以防止使用
vue-router
滑动边缘时奇怪触发的过渡效果 - vue-mutation-observer – 使用 MutationObserver API 观察 DOM 变化的简单而微小的指令
- vue-scroll-show – 如果用户在滚动后到达元素,则显示该元素
- vue-tabevents - 其他打开的选项卡之间的轻松通信
- vue-visibility-trigger - 滚动到视图中时声明性地触发方法
- v-click-outside-x - Vue V2 指令对元素外的点击、触摸、指针或多个事件做出反应.
- vue-keypress - Vue.js 应用程序的全局按键事件处理程序组件.
- vue-pseudo-window - 在 Vue 模板中以声明方式连接窗口/文档的组件
Responsive Design¶
- vue-viewports - 定义您的自定义视口并在您的组件中使用它们.
- vue-responsive: Vue.js(2.x) 指令使用 Bootstrap 4、3 或自定义断点隐藏/显示 HTML 元素.
- vue-match-media - Vue 2.x 兼容插件,提供一致的语义方法来使组件具有媒体查询感知能力.
- vue-media-query-mixin - Vue 2 媒体查询 mixin,可用于组件 js 和组件模板. 与 bootstrap 和 vuetify 视口兼容. 如果屏幕宽度是 xs,
wXS
返回,如果屏幕宽度是 sm,wSM
返回真,等等...... - vue-breakpoints - 基于断点显示和隐藏元素的 Vue 2 最小组件. 灵感来自爱彼迎.
- vue-mq - 提供一些有用的工具,通过语义和移动优先 API (Vue 2.x) 快速设置响应式设计
- VueResizeSensor - 支持调整大小事件的容器.
- vue-breakpoint-component - 一个无渲染组件 组成 CSS 断点状态.
- fine-mq - 一个很好的 API,可以轻松管理 JS 中的媒体查询,并与 VueJS 作为插件进行一流的集成.
- vue-responsive-components - 使用“ResizeObserver”创建响应式组件.
- vue-screen-size - 轻松灵活地访问屏幕的宽度和高度.
- vue-container-query-2 - 用于处理 css 容器查询的智能 vue 插件.
- vue-component-media-queries - Vue 的 MatchMedia 组件库.
Form¶
- vue-formly - Vue.js 的 JavaScript 驱动表单.
- vue-focus - 可重用的 Vue.js 组件的可重用焦点指令.
- vue-form-generator - Vue.js 的基于模式的表单生成器组件.
- FormSchema Native - 使用 JSON Schema 和 Vue.js 生成表单
- ic-formly - 由 vue-formly 提供支持的简单表单组件.
- Form Builder - 基于 Vue 和 Laravel 的基于 Json 模板的表单构建器.
- vue-autofocus-directive - 指令自动对焦视图.
- vue-awesome-form - A vue.js component just like json-editor
- vue-form-components - 带有验证的清洁和最小的 vue 表单元素
- v-ajax-form - vue.js 组件插件,使Form标签兼容ajax请求
- Vue Formulate - 使用 Vue 构建表单的最简单方法. 验证、错误处理、表单生成、综合文档等.
- Reforms.js - Vue 3 和 Bootstrap 表单和卡片生成器. 验证、多个字段、分组、架构等.
Validation¶
- vee-validate - 简单的 Vue.js 输入验证插件.
- vue-rawmodel - Vue.js v2 的 RawModel.js 插件. 表单验证从未如此简单.
- vuelidate - 简单、轻量级的基于模型的 Vue.js 验证.
- simple-vue-validator - 一个简单而灵活的 vue.js 验证器库.
- vue-vform - Vue.js 2 表单组件,集成了 jQuery 验证和 Axios.
- vue-form - Vue.js 的综合表单验证.
- vuelidation - 简单、强大的 vuejs 验证.
- laravel-vue-validator - 显示来自 Laravel 验证规则的错误
- vue-daval - 超级 vue 数据验证器. 轻松、简单、准确.
- willvalidate - Vue.js 的验证表单.
- vue-isyourpasswordsafe - 一个用 Vue 编写的小实用程序,用于检查给定的密码是否已针对 Have I Being Pwned API 泄露.
- vue-form-send - 用于从表单和原始验证发送数据的 Vue.js 指令
- FormVuelar - 考虑到服务器端验证的 Vue 表单组件
- vue-final-validate - 来自我的开发经验的 Vue 验证解决方案,支持嵌套、异步.
- vform - 在 Vue 中处理 Laravel 后端验证的简单方法.
- vue-form-container - 一个
Provider Component
封装你的表单并处理它们的状态和验证. - ps-validation - 一个 Vue 插件,提供开箱即用的数据验证规则,非常受 Laravel 验证系统的启发.
- vue-laravel-errors - 添加全局 mixin 的 Vue.JS 插件,可用于从 laravel 错误响应填充错误变量并将其显示为对象或数组,也可以用作本地 mixin.
- vue-input-validator - ️ Vue 2 的高度可扩展和可定制的输入验证器
- @vuito/vue - 简单、轻量级、同构和基于模板的验证库.
Resize¶
- vue-not-visible - 用于从屏幕上小于断点的 dom(如 v-if)元素中删除的 Vue 指令.
- vue-window-size - 提供反应性窗口大小属性.
- vue-responsive-text - ↔ 相对于父节点宽度缩放其子节点的组件
Scroll¶
Set window scroll position
- vue-chat-scroll - Vue.js 2.0 的自动滚动到底部指令.
- vue-scrollto - 添加一个指令来监听点击事件并滚动到元素.
- vue-next-level-scroll - 使用现代 Scroll 行为 API 的基于组件和 SSR 就绪的平滑滚动方法
- vue-scroll-sync - 同步容器滚动位置的组件
- v-scroll-lock - 一个 Vue.js 指令,用于在不中断目标元素滚动的情况下锁定正文滚动
- vue2-perfect-scrollbar - PerfectScrollbar 简约包装器
- vue-scroll-to - 添加一个指令来监听点击事件并滚动到元素.
- vue-scroll-progressbar - 一个可定制的组件,指示进度条中的滚动相对位置.
- vue-backtotop - Vue.js 的返回顶部组件,单击时将页面滚动到顶部.
虚拟滚动条
- VBar - Vue.js 2x 的虚拟响应跨浏览器滚动条组件.
- Vuebar - 使用本机滚动行为的自定义滚动条的 Vue 2 指令. 轻量级、高性能、可定制且无依赖性.
- vue-detached-scrollbar - 一个简单的滚动条,可以从它正在滚动的容器中分离出来.
- vuescroll - 基于 Vue.js 的滚动插件,用于统一 PC 和移动设备的滚动.
- vue-simplebar - simplebar 插件的 Vue.js 包装器.
- smooth-vuebar - 用于平滑滚动条的 Vue 指令包装器
检测组件何时进入视口
- vue-scrollview - 利用作用域插槽来检测 vue 组件何时进入和离开视口的组件.
- vue-scrollactive - 基于视口中的当前部分在菜单项中添加活动类,单击菜单项时也会滚动到该部分.
- vue-intersect - 将交叉观察器添加到 Vue 组件或 HTML 元素的 Vue 组件.
- vue-scrollmonitor - 一个 Vue 插件,用于在支持多种浏览器的情况下观看视口内元素的可见性状态(使用提供/注入,以便兼容 vue@2.2.x)
- vue-stroll - 适用于 Vue.js 2.x 的出色 CSS3 列表滚动效果组件.
- navscroll-js - 滚动时突出显示菜单项,单击菜单项时也会滚动到某个部分. 用作 vue 组件、vue 指令或与 vanilla js 一起使用.
- vue-scrollwatch - 检测滚动事件的轻量级插件,自定义元素进入视口时的回调,暴露 'scrollTo' api 以滚动到特定元素.使用 vue 指令.
- vue-check-view - 检查元素是否在视口中的插件. 快速、小巧、无依赖、现场演示.
- vue-stickto - 支持多个 DOM 节点的 vue 指令自动贴到顶部
- vue2-scrollspy - 一个滚动间谍插件和动画滚动到.
- vue-trip-wire - 当元素到达视口中的指定点时触发功能的自定义指令,可选择导入具有全局可访问功能的模块.
- v-intersect - 当元素在视口上可见或隐藏时检测元素的 Vue 指令和组件
- vue-scrollama - 一个 Vue 组件,可轻松设置滚动驱动的交互(又名 scrollytelling).
自定义滚动行为
- vue-scroll-behavior - 自定义路线导航的滚动行为. 特别是哈希模式.
- vue-scroll-stop - 到达边缘时停止传播滚动.
无缝滚动
- vue-seamless-scroll - Vue.js 的简单无缝滚动.
Routing¶
- vue-router - Vue.js 的官方路由器.
- vue-router-storage - Vue.js 2 和 vue-router 2 的路由器存储和解析解决方案
- vue-tidyroutes - 去中心化的 vue-router 路由定义
- vue-routisan - 优雅、流畅的 Vue Router 路由定义,灵感来自 Laravel.
- vue-error-page - 为路由器视图提供一个包装器,允许您在不更改 URL 的情况下显示错误页面
- vue-router-sitemap - 通过 vue-router 配置生成 sitemap.xml
- vue-smart-route - 使用 Vue.js 制作外观智能的应用程序的智能路由指令.
- vue-router-lite - Vue.js 2 的基于组件的声明式路由器.
- vue-route-props - 自动将 vue-router 查询绑定到 vm,API 大部分与 Vue props 相同.
- vue-pilot - 基于 Trie 的 vue 路由器,具有管理 history.state 的能力.
- vue-lang-router - Vue.js 2 & 3 语言路由(可选)URL 本地化.
- vue-router-compositions - 一个用于 Vue-Router 和 Vue Composition API 的工具包.
- vue-middleware - Vue 的中间件.
Lazy Load¶
- vue-lazyload - 一个 Vue.js 插件,用于在您的应用程序中延迟加载您的图像或组件.
- vue-lazy-background-images - Vue 2 的延迟加载背景图像.
- vue-progressive-image - Vue 渐进式图像加载插件.
- vue-l-lazyload - Vue.js v2.x+ 的延迟加载插件.
- vue-lazyload-img - 特别针对移动浏览器进行了优化. 支持 V2 和 v1.
- vue-lazy-images - Vue 2.x 的延迟加载图像插件.
- v-lazy-img - 用于 Vue 2 渐进式图像加载的微小 (<0.6kb) 指令.
- vue-clazy-load - 使用 IntersecionObserver for Vue 2 的轻量级可转换图像延迟加载组件.
- vue-lazy-this - 使用 Intersection Observer API 的延迟加载组件.
- v2-lazy-list - 一个简单的基于 Vue 2.x 的延迟加载列表组件
- pimg - 用于延迟加载图像的简单渐进式图像组件.
- vue-tiny-lazyload-img - 用于延迟加载图像的小尺寸 Vue.js v.2+ 指令
- vue-lazy-youtube-video - 一个简单的 Vue.js 组件,用于延迟加载 YouTube 视频.
- lazyload-vue- 用于 vanilla-lazyload 的 Vue 插件.
- vue-lazy-loading - 一个 vue 插件,可以更好地支持图像和 iframe 的原生延迟加载.
- v-lazy-component - Vue 组件在可见时呈现. 使用 Intersection Observer API.
- vue-lazy - 基于Intersection API的轻量级图片/图片lazyload
- vue3-lazyload - 用于在 vue 3 应用程序中延迟加载图像的 Vue 模块.
Pagination¶
- vue-paginate - 一个简单的 vue.js 插件来分页数据.
- vue-pagination-2 - Vue.js 2 分页组件.
- vuejs-uib-pagination - 适用于 Vue.js 的最佳和完整的分页插件. 灵感来自 Angular Bootstrap 分页.
- vuejs-paginate - 用于创建分页的 Vue.js(v2.x+) 组件.
- vue-pagination-bootstrap - 带有基于 Bootstrap 的模板的 Vue.js (1.x & 2.x) 服务器端分页组件
- laravel-vue-semantic-ui-pagination - 与 Laravel 和 Semantic-UI 一起使用的 Vue.js 2.x 分页.
- vue-paginate-al - Vue 分页并返回您的数据.
- vue-tiny-pagination - 用于创建小分页的 Vue 组件.
- laravel-vue-pagination - 适用于 Bootstrap 的 Laravel 分页器的 Vue.js 分页组件.
- vue-lpage - 低级 Vue 分页组件.
- v-page - 一个简单的分页栏,包括长度菜单,i18n 支持,基于 Vue2.x.
- vue-smart-pagination - 任何数据的智能分页,有很多不错的设置.
- vue-paginatron - 使用 scoped-slot props 构建的分页组件以获得最大的灵活性.
- vue-ads-pagination - 使用 css 框架
tailwindcss
构建的 vue 分页组件 - v-pagy - 用于 Vue 的轻量级和可定制的 Bootstrap 分页.
- v-paginator - 基于 html 模板的 Vue.js 简单的逐页导航,支持 ssr.
Animation¶
- vue2-animate - Animate.css 的 Vue.js 2.0 端口. 用于 Vue 的内置转换.
- animated-vue - 一个 Vue.js 2.x 插件,可轻松使用 Animate.css 动画作为过渡. 一样简单
<animated-tada>
! - vue-lottie - 一个 Vue.js 2.x 插件,用于渲染基于 bodymovin 的效果动画
- Vueg - Make vue-router have a transition effect / 为 webApp 提供转场特效的开源 Vue 插件
- v-animate-css - 最容易为 Animate.css 实现 Vue 2 指令
- vue-mixin-tween - Mixin 工厂,为动画的组件上下文添加补间值
- v-odometer - 轻松顺畅地转换数字. 使用此库为您的应用程序提供流畅的动画,仅适用于数字.
- vue2-transitions ✨ 可重用的 Vue 2 过渡组件
- vue-overdrive Vue 应用程序的超级简单魔术移动转换
- animated-number-vue 为数字设置动画的超级简单方法.
- vue-typed-js Typed.js 集成可轻松创建打字动画.
- vue-parent-change-transition 启用子组件在更改父组件时进行动画处理.
- vue-smooth-reflow 转换元素回流以响应数据更改.
- VueTween 允许组件补间它们的属性.
- vue-slide-up-down 就像 jQuery 的
slideUp
/slideDown
,但对于 Vue! - vue-animejs Vue 的简单
anime.js
指令. - Eagle.js Eagle.js 是一个基于 Web 的 Vue.js 幻灯片框架.
- vue-slide-up-down-component It is a simple interface but realizes very flexible and powerful slide animation, for Vue!
- femtoTween 具有一流 Vue 支持的简约(零深度,小于 1k)补间库
- vue-sequential-entrance 用于创建带有页面元素列表的优雅顺序动画入口的插件. 零努力. 简单轻便
- vue-animate-scroll 在元素滚动到视图时向元素添加 CSS 动画的超轻量级方法.
- vue-svg-transition 创建 2 状态、SVG 驱动的转换
- vue-page-transition Vue.js 的简单路由/页面转换
- Vuenime 一个灵活的Animejs Vue 包装器
- vue-flipper - 一个组件,可以通过一个很好的过渡来翻转孩子.
- v-number Vue.js 的动画数字转换库
- vue-kinesis 一组用于创建交互式动画的组件
- vue-digital-transform 用于更好的数字转换动画的 vue 组件
- vue-typical Vue 动画输入约 400 字节的 JavaScript.
Meta Tags¶
管理文档头部的元信息
- vue-head - 管理头部标签的元信息,简单易行.
- vue-meta - 在 Vue 2.0 组件中管理页面元信息. 支持 SSR + 流媒体.
- vue-headful - 设置文档
<title>
和您视图中的元标记. - vue-simple-headful - 使用 vue.js 轻松设置元标签 - 一个更简单的
vue-headful
替代方案,支持 TypeScript.
Portal¶
将 DOM 节点移动到目标 DOM 节点
- vue-dom-portal - Vue.js 组件中 DOM 元素的逃生舱口.
- portal-vue - 一个 Vue 插件,用于在 DOM 中的任何位置渲染组件的模板(在 virtualDOM 级别上工作,不会在 DOM 内移动节点)
Filters¶
- vue2-filters - 一组适用于 Vue 2. 的标准过滤器 Vue 1..
- vue-morphling - Vue 2 标准和自定义过滤器的集合.
- vue-currency-filter - 轻量级和可定制的 Vue 2 货币过滤器.
- vue-trans - 一个简单的过滤器,可提供与 Symfony trans 类似的翻译方式.
- vue-string-filter - 轻量级 Vue 2 字符串操作过滤器.
- vue-units - 在 Vue 2 中使用的一组方便的单位转换过滤器.
- vue-numeral-filter - 一组过滤器,允许在组件的模板部分内联使用 Numeral.js.
- vue-filter-date-format - Vue 2 的简单日期时间过滤器.
- vue-filter-pluralize - Vue 2 的简单复数过滤器.
- vue-filter-date-parse - Vue 2 的简单解析日期时间过滤器.
SVG¶
- vue-svgicon - 创建 svg 图标组件的工具. (vue 2.x).
- vue-content-loading - Vue 组件可轻松构建(或使用预设)SVG 加载卡 Facebook 喜欢.
- vue-annotator - 使用任何 SVG 元素(
rect
、polygon
等等,甚至像canvas
这样的 HTML 元素,如果包装在foreignObject
中)来注释页面 - vue-svg-sprite - 一个插件、组件或指令来简单地使用 SVG sprite (vue 3.x, vue 2.x).
- vue-svg-filler - 用于自定义 svg 文件的 Vue 组件(vue 2.x).
- vue-inline-svg - Vue 组件动态加载 SVG 源并内联
<svg>
这样您就可以使用 CSS 或 JS 来操作它的样式. (vue 2.x, vue 3.x)
Miscellaneous¶
- vue-resource-progressbar-interceptor - 将进度条与所有请求相关联的拦截器,很明显正在加载某些内容.
- vue-images-loaded - Vue.js 2.0 directive to detect images loading.
- vue-visible - VueJS (2.x) 的 v-visible 指令,类似于 v-show 但用于可见性.
- vue-resize-sensor - 检测容器大小调整的组件(基于事件)
- v-blur - 动态模糊元素的 Vue 指令
- vue-async-methods - 基于 Promise 的方法的辅助工具
- vue-openseadragon - Vue.js 的 OpenSeaDragon 组件(缩放和平移)
- vue-match-heights - 将元素的高度设置为相同的指令.
- vue-conditional-attrs - 用于条件渲染属性和指令的 Vue.js 组件
- vue-cbsc - Vue.js 2.x 组件,用于以编程方式混合器、着色器和转换颜色.
- vue-spatialnavigation - 用于空间导航(键盘导航)的 Vue 指令(Vue.js 2.x)
- vue-lifecycle - Vue.js 生命周期指令.
- v-aspect-ratio - 用于设置纵横比的 Vue.js 指令.
- @kooljay82/vue-m-camera - 避免自动改变通过用户设备的相机拍摄的照片的方向.
- v-ripple-directive - Vue.js 指令的涟漪效应.
- vue-material-design-ripple - 为任何元素添加材料设计波纹. 使用任何你想要的波纹颜色. 没有性能问题. 移动友好. 没有依赖性. 它只是有效.
- v-github-icon - 在 Vue 组件/库演示的右/左角轻松添加“那个”微小的 GitHub 图标
- vue-styled-shadows - 基于组件的图像样式阴影图案.
- v-visible - 用于设置元素可见性的 Vue.js 指令.
WebGL¶
- vue-3d-model - Vue 组件中的 3D 模型查看器.
- vue-pano - Vue 组件中的全景查看器.
- vue-threejs - Three.js 的 Vue 绑定.
- VueGL - Vue.js 组件通过three.js 反应性地渲染3D 图形
- vue-vr - 使用 Vue 构建 VR 应用程序的框架 基于 threejs 和 Panolens,灵感来自 react-vr
- vue-displacement-slideshow - 一个 Vue.js 组件,使 Webgl 图像位移转换更容易.
- vue-fake3d-image-effect - WebGL 中具有深度图的图像的交互式 3D 假效果.
Fullscreen¶
- vue-fullscreen - 一个简单的全屏Vue组件,支持Vue2和Vue3.
Page visibility¶
- vue-page-visibility-awesome - 易于配置的页面可见性 API 的 Vue 2.x 组件.
- vue-authplugin - 一个优雅的视图验证控制插件,支持指令和原型方法.
Printing¶
- vue-html-to-paper - Vue mixin for paper printing html elements to paper.
Utilities¶
与 UI 没有直接关系的实用程序
- vue-underscore - 简单的 vue 插件来实现下划线
- vue-lazy-calc - 一个简单的计算插件,采用强类型的惰性&&链接方式.
- vue-loadable - 一个使用非常简单的方法、装饰器和助手来改进加载状态控制的插件.
- vueuse - 基本 Vue Composition API 实用程序的集合适用于 Vue 2.x 和 3.x.
- vue-composable - Vue composition-api 可组合组件. i18n、验证、分页、提取等+30 个可变组合函数.
- vue-condition-watcher - Vue Composition API 用于在条件更改时自动获取数据.
- vue-use - 使用神奇的 Vue Composition APIs 提供大量可重用的逻辑,例如表单、表格和加载等.
- vue-concurrency - 用于封装异步操作和管理 Vue 和 Composition API 并发的库.
- vue-ics - 用于生成 ICalendar (.ics) 文件的 Vue.js 插件.
- vue-use-switch-map - 注入 Vue 组合世界的 RxJS switchMap 操作符的强大功能.
- vue-use-infinite-scroll - ♾️ 一个 Vue 组合函数,让无限滚动变得轻而易举.
- vue-with-wrapper -
template
中使用的对象解构 - vesselize - ⛵ 一个与 Vue.js 无缝协作的 JavaScript IoC 容器.
- vue-context-composition - 在组件之间共享使用组合 API 创建的状态,类似于 React Hooks 中的
useContext
- vuex-overlay-tools - 用于监控 Vuex 商店的 Vue 3 插件(也支持时间旅行)
- vuse-rx - 对 Vue 3 的完整一流的 rxjs 支持
- vue-props-validation - 使用 Vue 原生语法为对象和数组中的嵌套验证提取 Vue 道具验证逻辑.
- vue-next-rx - Vue.js 的完整 RxJS 集成. (vue-rx 更新)
Typescript¶
- vue-typed - 一组 ECMAScript / Typescript 装饰器,可帮助您轻松编写 Vue 组件.
- vue-typescript - 打字稿装饰器使 vue 感觉更打字稿.
- vue-property-decorator - Vue.js 和属性装饰器.
- vue-typescript-component - 使用 TypeScript 类作为 Vue.js 2.0 组件的装饰器.
- vue-typescript-import-dts - 允许对 .vue 文件使用“导入”的 TypeScript 声明文件.
- vue-ts-loader - 在您的 vue-loader 中键入检查您的脚本.
- vue-mixin-decorator - 强类型 Mixin 的 Typescript 装饰器.
- vue-ts-component-generator - 一个简单的 cli 工具,用于生成 vue typescript 组件.
- vue-local-storage-decorator - 通过使用装饰器格式的本地存储来持久化数据
- vuex-module-decorators - Typescript/ES7 装饰器使 Vuex 模块变得轻而易举
- vuex-class-modules - 受 vue-class-component 的启发,为您的 vuex 模块引入一个简单的类型安全类样式语法.
- vue-corator - Vue 打字稿装饰器工具
- vuedts - 为 .vue 文件生成 TypeScript 声明文件.
- @icare-jp/vue-props-type - 帮助定义道具类型.
HTTP Requests¶
通过 HTTP 检索数据
- vue-resource - Vue.js 的 HTTP 客户端.
- vue-async-computed - Vue.js 的异步计算属性.
- vue-jsonp - 用于处理 JSONP 请求的小型库.
- v-model - V-Model 是 Vue.js 的模型插件,类似于 ng-resource.
- vue-resource-mock - 基于 vue-resource 的拦截器来模拟你的 http 响应的助手.
- vue-async-data-2 - Vue.js 的异步数据加载插件.
- vue-api-request - 一个插件,提供对您的 API 的完全控制,使您的请求简单、快速且易于实现.
- vue-fast-axios - 以简单而美观的方式发出带有验证的请求.
- vue-async-properties - 一个
asyncData
和asyncComputed
插件,支持去抖动、转换结果、错误处理程序、加载/挂起标志、懒惰/急切请求. - vue-axios-plugin - 一个将 axios 与 Vuejs 结合的插件,让 http 请求更容易.
- zipkin-instrumentation-vue-resource -
vue-resource
的拦截器,用于检测传出的 HTTP 请求 Zipkin - vue-api-query - 为 REST API 构建请求的优雅而简单的方法.
- vue-chimera - 功能齐全的基于 RESTful 资源的客户端,与 Nuxt.js 兼容并允许服务器端提取.
- vue-apis - 与 axios 集成的 vue 插件,可链构建 API 实例. 从 vue 实例的上下文中可用(例如:this.$apis.apiName()).
- rexios - 使用 rest api 请求时,实用程序为 axios 规范化 url、数据、参数.
- vue-axillo - 带有查询符号 GraphQL 的 REST API 的可组合 Axios.
- vue-request - ⚡️ Vue 3 Composable 用于数据获取,支持 SWR、轮询、错误重试、缓存请求、分页等很酷的功能.
- swrv - 为 Vue 获取旧的同时重新验证数据.
i18n¶
国际化/L10n/本地化/翻译
- vue-i18n - Vue.js 的国际化插件.
- vue-translate-plugin - 用于翻译的 VueJS 插件.
- vuex-i18n - 使用 vuex 作为存储的 vue.js 2.0 本地化插件.
- vue-gettext - 使用 gettext 翻译您的 Vue.js 应用程序.
- vue-i18n - 一个在 Vue.js 中实现翻译的小插件.
- vue-multilanguage - 在 Vue.js 2 中支持多种语言.
- vue-ts-locale - 在 Vue.js 2 中使用 Intl 实现翻译的插件,支持打字稿.
- vue-i18next - 一个 i18next 包装器,用于支持 Vue.js 2 中的翻译.
- vue-polyglot - 带有异步加载的 Vue.js 2 的基本翻译插件.
- v-localize - 简单的本地化插件 惊人的 Vue.js.
- vue-simple-i18n - 可能是在 1kb 内结束所有 Vue i18n 解决方案的最薄的库
- template-string-i18n - I18n 使用模板字符串自动保存/加载翻译文档.
- vue-translations - 使用它轻松翻译您的 vuejs 应用程序.
- vue-i18n-service - 导出和导入
vue-i18n
的 SFC 翻译. - vue-i18n-filter - Vue 过滤器扩展为 Vue-i18n,只需使用
{{ hello world | t}}
. - vue-translation-manager - 在 Vue.js 应用程序中交互式查找和翻译字符串. 适用于 vue-18n 和 vuex-i18n.
- vue-t9n - 翻译应用程序的最简单方法
- vue-simple-inline-translation - 一个简化文本翻译方式的 Vue 组件:通过内联翻译.
- vue-i18n-extract - 通过静态分析管理 vue-i18n 本地化. 报告丢失和未使用的 i18n 条目.
- vscode-vue-i18n-ally - VSCode 扩展以获得更好的 Vue-i18n 体验.
- v-intl - 为您出色的 Vue 3 应用程序提供全局国际包装器
- excel-vue-i18n - 一个插件将 excel 文件转换为 i18n json 格式以进行翻译.
- vue-i18n-lite - 一个超轻量级和最小的插件,通过简单的 API 将国际化引入您的 Vue.js 应用程序.
Custom Events¶
- vue-events - Vue.js 的简单事件处理.
- vue-event-handler - VueJS 的事件处理插件.
- vue-event-manager - Vue.js 的全局事件管理器.
- vue-geb - 使用 Observables 的全局事件总线.
- vue-bus - Vue.js 2 的微型简单中央事件总线插件.
- vue-simple-events - 另一个事件管理插件,但没有 Vue 实例
- vue-option-events - 将 Vue.js 1 事件选项和 $emit 引入 Vue.js 2.
- vue-emit - 从功能组件发出事件的辅助函数.
- vue-plugin-events - 具有自动订阅控制的 Vue.js 应用程序的简单全局事件总线.
- vue3-custom-hooks - 为 Vue.js 3 Composition API 构建自定义钩子.
- vue-catch-hrefs - 捕捉点击 hrefs 链接(在 v-html 中)并将它们路由到 vue-router.
Persistence¶
本地存储等
- vue-localstorage - 支持类型的 Vue.js localStorage 插件.
- vue-ls - 用于从 Vue 上下文使用 LocalStorage 的 Vue 插件.
- vue-pouch - PouchDB 的实时和反应式绑定. 在 IndexedDB 中保留数据并与 CouchDB 同步.
- vue-idb - 仅使用 IndexedDB (Dexie.js) 或自动创建和可扩展的 vuex 模块进行列表和大列表管理
- vue-browserstore - 浏览器存储包装器.
- VueStorage - 允许组件跨浏览器会话保存和加载其数据.
- vue-web-storage 另一个用于 localStorage 和 sessionStorage 的 Vue.js 插件
- vue-universal-cookies Vue.js / Nuxt.js 的同构 cookie 插件支持 Browser、Express、http(节点).
- vue2-storage Vue.js 应用程序的浏览器存储
- vue-warehouse Vue.js 和 Nuxt.js 的跨浏览器存储,具有插件支持和基于 Store.js 的简单扩展性.
- vue-storage-watcher - 具有强类型的 Vue.js 的反应式 localStorage/sessionStorage 插件.
- vue-use-local-storage - 一个组合 api,用于将反应数据持久化和重新水化到 vue 3 的本地存储.
State Management¶
- vuex - Vue.js 的集中状态管理.
- vue-sync - 将 Vue 状态与浏览器 URL、服务器后端和其他端点同步.
- vuelm - 受 Elm 架构启发的轻量级状态管理.
- vuez - 一个简单但功能强大的 Vue.js 状态管理,只有 2 个 API.
- vuet - 用于敏捷开发的 Vue.js 状态管理模型
- vue-ya-stash - 另一个带有更新/补丁事件发射器的存储存储,类似于 v-bind.sync
- vue-assign-model - 自动为 Vue.js 模型分配元素值.
- vue-stash - 在您的 Vue 组件之间轻松共享反应式数据.
- vue-model - Vue.js 的模型组件
- tuex - Vuex 的最合理的替代品.
- revuejs - 用于 vuejs 2 的小巧、轻便且方便的状态管理,可编写较少冗长的代码.
- lue - 基于 Vue 和 vuex 的库,编写较少冗长的代码.
- vuex-lite - 一个 1KB 的 Vuex,只有状态和变化.
- vue-shared - vuex 的轻量级替代品
- vuex-module-generator - 它允许您轻松创建 vuex 模块.
- vuex-declaration - 像 props 一样声明 state,在组件创建时让 state 动态注入到 vuex.
- vuex-up - Brings mixing and services injector features to module vuex.
- effector — 快速而强大的反应式状态管理器. Effector 可让您编写简单、快速且类型安全的代码,并轻松管理反应状态.
- nano-state-vue - 高效、有效和可扩展的状态管理:少即是多
- universal-model-vue - Vue 的统一状态管理(也适用于 Angular/React/Svelte)
- vue-states - 与 Vue 组件具有相同 API 的 Vue 状态管理系统
- v-bucket - 受 Vuex 启发,使用组合 API 构建的 Vue 3.0 快速、简单和轻量级状态管理.
- VueFort - Vue 的数据建模. 适用于 Vue 2 和 3.
- @korijn/vue-store - 具有撤消/重做功能的轻量级 Vue 3 组合 API 兼容存储模式库.
- vuex-light - 状态管理系统,具有强大的 Vue 3 类型
- vue-object-state - 简单的对象/dto/模型状态跟踪
- vue-datatable-url-sync - 将数据表选项和过滤器与 url 同步,即使在刷新或导航后也能保持用户偏好
Redux¶
- vuedeux - Vue 和 Redux 的绑定解决方案.
- redux-store-mixin - Mixin 用于在 vue-component 的方法中集成动作创建者
- vue-redux-prepare-props - 使用 Vuex 和 Vuedeux 使用 Redux 和 Vue.js 的道具的助手
- vuejs-redux - Vue 和 Redux 的高阶组件设施.
- vuex-coolstory - vuex 运行 redux-saga 的插件.
Mobx¶
Authentication/Authorization¶
- vue-kindergarten
- vue-authenticate - Simple Vue.js authentication library for login/register and OAuth (1.0/2.0) authentication
- vue-facebook-account-kit - fb 帐户工具包库的简单 vue 包装器.
- casl-vue - 限制给定用户可以访问的资源
- vue-google-api - 基于承诺,可将 Google 的 API 客户端轻松集成到任何 vue.js 2 项目中的包装器,具有内置的 Oauth2“使用 Google 登录”功能.
- vue-auth - 一个简单的轻量级 Vue.js 认证库
- vue-auth-plugin - 使用打字稿的 Vue.js 的简单身份验证和授权库
- vue-google-signin-button - 一个简单的 Vue 插件,可将 Google 登录按钮包含到您的 Web 应用程序中
- vue-facebook-signin-button - 一个简单的插件,可将自定义 Facebook 登录按钮包含到您的 Web 应用程序中
- vue-auth-href - 用于下载受保护路由模式下的文件的 VueJS 指令
- vue-msal - 用于使用 Microsoft 身份验证库 (MSAL) 的 Vue 插件
- vue-simple-acl - 一个简单的 Vue 插件,用于管理用户角色和权限、访问控制列表 (ACL) 和基于角色的访问控制 (RBAC).
Vuex Utilities¶
- vuex-persistedstate - 使用 localStorage 保持 Vuex 状态.
- vuex-plugin-jsdata - 用于将 Vuex 存储与 js-data 同步的插件.
- vuex-local - Vuex 中的本地状态管理.
- vuex-action - vuex 的实用程序,可轻松创建和管理操作.
- vuex-rest-api - 一个 Helper 实用程序,用于简化 REST API 与 Vuex 的使用. 基于 axios.
- vuex-cache - 一个 Vuex 插件实用程序,用于缓存将发出远程请求的操作.
- vuex-persist - 支持 Typescript 的 Vuex 插件,可帮助将存储保存到 localStorage 或任何自定义存储(您可以配置).
- vuex-local-state - 向 vuex 添加“localState/sessionState”选项. 使用 localStorage 保持 Vuex 状态.
- vuex-action-reload - 满足条件时重新加载操作的 vuex 插件.
- vuejs-storage - Vue.js 和 vuex 插件使用 localStorage/sessionStorage 持久化数据.
- vuex-orm - Vuex 插件,用于启用对 Vuex 商店的对象关系映射访问.
- vuex-async-module - 减少生成 Vuex 模块的异步样板代码. 与 Vue 2.x 兼容.
- vuex-iframe-sync - iframe/window 之间的 Vuex 状态同步.
- vuex-aspect - 将任何类型的远程数据绑定到 vuex 存储.
- Vuenut - 是开发更快更流畅的组件.
- vuex-map-fields - 为表单字段启用双向数据绑定.
- vuex-search - Vuex 绑定,用于使用索引器和 Web Worker 进行客户端搜索.
- vuex-pathify - 为 Vuex 商店提供统一的路径语法(例如
foo/bar@abc
) - vuex-loading - 简化 vuex 加载状态管理
- vuex-module-builder - Vuex 模块构建器是一个包装器,用于通过内置的一些常用方法高效地编写 vuex 存储.
- vuex-pagination - 在 Vue/Vuex 应用程序中轻松处理分页资源. 适用于大多数 Vue 分页组件.
- vuex-easy-firestore - Firebase Cloud Firestore 和 Vuex 的轻松耦合. 2路同步与0样板!
- vuex-listener - 全局 Vuex 动作和突变监听器插件
- jsonapi-vuex - 将 JSONAPI api 与 Vuex 存储一起使用,并在客户端重构/规范化记录.
- vuexi - 提供实用程序来简化异步操作和状态管理
- stfalcon-vuex-loading-plugin - 处理 vuex 加载状态的最简单方法
- Vue Rest Resource - Vue.js 和 Vuex 项目的 Rest HTTP 资源管理.
- Vuex Stateshot - Vuex3.1+ 的 Actions/Mutations 状态快照插件.
- vuex-loopback - Vuex 模块工厂和用于环回的 Vue 组件.
- vuex-state-snapshot - 一个 Vuex 插件,用于在突变时拍摄状态快照.
- vuex-awesome-async - 它包装 Vuex 存储以轻松管理异步请求(加载、错误和缓存状态).
- vuex-factories - 用于生成 vuex 操作和突变的工厂函数.
- vuex-hooks - 支持打字稿的 vuex 组合 API 钩子.
- vuex-composition-helpers - 一个可轻松使用 Vuex 和 Composition API 的工具包.
- vuex-ts-enhance - 增强
mapXXX
和dispatch
方法提示的工具 - vuex-masked-modules - Vuex 插件将模块的数据结构放在 localStorage 中,具有屏蔽或加密数据的能力,使其难以探索. 专为 Vue 3 和 Vuex 4 设计.
Sync Between Tabs¶
- vuex-basement - 选项卡/窗口之间的 Vuex 状态持久化和同步.
- vuex-shared-mutations - 在选项卡/窗口之间共享 vuex 突变.
- vuex-multi-tab-state - 使用此 Vuex 插件在多个选项卡之间共享和同步状态.
GraphQL¶
- vue-apollo - Apollo/GraphQL integration for VueJS.
- vue-relay - 用于构建 GraphQL 驱动的 Vue.js 应用程序的框架.
- vuex-orm-apollo - Vuex-ORM 的 Apollo/GraphQL 集成.
Concurrency Management¶
- vuency - Vue.js 的并发管理.
Code Style¶
提高代码的可读性
- vue-types - 查看道具类型定义.
- vue-factory - Vue.js 的简单工厂/提供程序扩展,如 Angular 中的服务.
- eslint-plugin-vue - Vue.js 项目的 Eslint 插件.
- vue-decorators - Vue.js 的装饰器(测试版).
- vue-computed-helpers - Vue.js 应用程序的计算助手
- vert - 在 OOP 中构建 Vue 应用程序的库.
- vue-slot-checker - 提供像检查道具一样检查插槽的功能.
CSS¶
- vue-bem-cn - Vue.JS 的简单 BEM 类名生成器.
- vue-css - Vue.js 插件,允许您将 CSS 与您的组件捆绑在一起.
- vue-mods-names - 为应用程序中的所有组件的类名添加修饰符.
- vue-styler - 简单、强大的 vue 样式器.
- vue-css-modules - 将类名无缝映射到 Vue 组件内的 CSS 模块.
- vue-simple-bem - 使用简洁语法向元素添加 BEM 类名称的指令.
- fela-vue - 用于 Vue 的 CSS-IN-JS mixin 旨在提高灵活性且面向团队.
- j-vue
- vue-spinners-css - 纯CSS vue spinners 组件的集合,用于ajax 的css spinners 或基于loading.io 的加载动画.
- vue-css-doodle - 移植 css-doodle,一个使用 CSS 绘制图案的 Web 组件.
Asset Management¶
用于构建/编译/捆绑/加载资产的实用程序
- vue-script2 - 为您的单页应用程序标准化、设计者友好的脚本标签行为.
- vue-loader - Vue.js 组件的 Webpack 加载器.
- vueify - 单文件 Vue 组件的 Browserify 转换.
- vue-compiler - 一个围绕 vue-component-compiler 的简单 cli 包装器.
- vue-brunch - 添加对 Brunch 的支持,用于预编译单个文件 Vue 组件.
- poi - 开始使用单个 .js 文件编写应用程序,Poi 可以为您处理所有开发设置,不再需要配置地狱.
- http-vue-loader - 直接从 html/js 加载 .vue 文件,无需 node.js 环境或构建步骤.
- vue-jsx-hot-loader - 为具有 JSX 渲染功能的 Vue.js 组件启用 HMR.
- VueInBrowserLoader - 从给定的 URL 加载 .vue 文件,并直接在浏览器中将其编译为组件.
- vue-separate-files-webpack-loader - 用于分离 Vue 组件部分的 Webpack 加载器
- vue-svg-loader - webpack 加载器,可让您将 SVG 文件用作 Vue 组件
- vue-registrar - ☘️ 一个动态注册你的组件和 vuex 模块的包 - 使你的代码更具可读性!
- vue-automatic-import-loader - 使用匹配函数自动导入 Vue 单文件组件的 webpack 加载器.
- vue-aimg-loader - 无需编写 css 即可在 Vue 模板中使用图像的简单方法.
- vite-svg-loader - Vite 插件将 SVG 文件加载为 Vue 组件
Page Navigation¶
- vue-navigation - A page navigation library, record routes and cache pages, like native app navigation. 一个页面导航库,记录路由并缓存页面,像原生 APP 导航一样.
- vue-acl - VueJS 2 的访问控制列表.
- vue-breadcrumbs - 使用 vue-router 为 Vue 1.x 和 Vue 2.x 实现简单的面包屑功能.
- vue-2-breadcrumbs - 与 Vue 2.x 的 vue-router 一起面包屑. 和引导程序 4
- vs-crumbs - 40 行代码中的 Vue 面包屑导航允许没有子视图的嵌套路径.
- vue-nav - Page navigation manager, support all navigation function of native mobile app. 页面导航管理器,支持手机原生应用的所有导航功能.
- vue-2-crumbs - Vue.js 2 框架的面包屑插件,允许在路由元对象中选择父路由,无需子路由. 还允许使用动态数据.
- vue-pesdk PhotoEditorSDK 的 Vue.js 包装器
- vue-resolve 在输入/渲染该路由的组件之前解析路由数据.
- vue-page-stack - Routing and navigation for your Vue SPA. Vue 单页应用导航管理器
Miscellaneous¶
- vue-super - 一个简单的插件来调用父组件的方法.
- @skyrpex/props-to-local - 将道具映射到本地数据的 Vue mixin.
- vue-inject - Vue 2.x 组件的依赖注入
- vue-deepset - 使用 Vue 1.x 和 2.x 中的 v-model 与 Vue/Vuex 对象/状态中的深层嵌套字段进行交互
- vue-gaspard - Vue.js 的 DOM 助手插件
- vue-configuration - Vue.js 的静态配置对象
- vue-lodash - 用于将 lodash 集成到 Vue 2 的简单包装器.
- vue-ramda - Vue 包装器 ramda
- vue-router-user-roles - 根据用户角色保护路由. 添加您自己的身份验证.
- vue-messenger - 对 Vue 组件道具的一系列有用增强:转换、枚举类型、数字类型、双向数据绑定.
- vue-uuid-v4 - 插件 Vue2 轻松获取 UUIDv4
- vue-async-operations - 管理 Vue 组件中的异步操作状态
- vue-direction - Vuejs 中的方向感知悬停
- vue-unique-id - 生成唯一的组件 id 和组件范围的 HTML id.
- stfalcon-vue-di - ⭐️ vue 组件的轻量级 DI️ ❤️
- vue-uuid - 将 UUID 添加到 Vue 实例.
- vue-injector - Vue 2.x 的依赖注入
- vue-subslot - Vue 组件可以从插槽中选择你想要的东西
- vue-timed-content - 根据给定的时间范围和时区显示或隐藏内容.
- vue-live - 演示组件的组件,受 react-live 启发.
- vue-safe-html - Vue.js directive which renders sanitised HTML dynamically.
- v-fetch - 发出 AJAX 请求的 Vue.js 指令.
Web Workers¶
- vue-worker - 一个 Vue.js 插件,以简单的方式使用 webworkers.
- vue-log-worker - 一个 Vue.js 插件,用于通过网络工作者将错误和 vuex 突变记录到您的后端
JSX¶
- jsx-vue-functional - 一个 Babel 插件,为 Vue 功能组件带来语法糖.
- jsx-event-modifiers - 一个 Babel 插件,将类似于 Vue 模板的事件修饰符添加到 JSX.
- jsx-v-model - 将
v-model
引入 JSX 的 Babel 插件. - vue-jsx-sync - 一个 Babel 插件,为 JSX 带来了 vue
sync modifier
.
Migration¶
- vue-backbone - Vue.js 插件以促进 Backbone 集成.
- vue2-migration-helper - 将 Vue.js SFC 转换为组合 api 语法.
Web Sockets¶
- vue-socket.io - vuejs 的 Socket.io 实现.
- vue-websocket - Vue.js 的简单 websocket (socket.io) 插件.
- vue-echo - 将 Laravel Echo 集成到 Vue 中,允许轻松注册套接字事件.
- vue-socket-cluster - 通过套接字集群使用 uws(微型网络套接字)的 vue 网络套接字
- vue-native-websocket - Vuejs 2 和 Vuex 的原生 websocket 实现
- vue-socket.io-extended - Vue.js 和 Vuex 的 Socket.io 绑定
- vue-phoenix - 针对 vuejs 的 Elixir Phoenix Web Socket 实现. 还提供了 typescript 装饰器以便更好地使用.
Server-Sent Events¶
- vue-sse - 用于使用服务器发送事件(EventSource)的 Vue 插件.
Payment¶
支付工具.
Stripe¶
- vue-stripe-checkout - 一个用于 Stripe 结账的简单 vue 插件.
- vue-stripe-payment - Stripe 的 jquery.payment Vue 包装器.
- vue-stripe-elements - Stripe.js 的 Vue 组件集合
Paypal¶
- vue-paypal-checkout - 一个用于 paypal-checkout 的简单 Vue.js 包装组件.
Plaid¶
- vue-plaid-link - 易于使用的 Vue 组件用于 Plaid Link.
Integrations¶
与服务或其他框架集成
- vue-disqus - Vue 组件将 Disqus 评论集成到您的应用程序中,并支持 SPA.
- vue-youtube-embed - Vue.js 和 YouTube.
- vue-add-to-calendar - 提供“添加到日历”功能的 Vue.js 组件,适用于 Vue 2.X.
- Vue + Meteor - Vue 在 Meteor 中的一流集成.
- av-ts - 现代的、类型安全的、惯用的 Vue 绑定库.
- Neutronium - 使用 HTML、CSS 和 javascript 构建 .NET 桌面应用程序.
- vue-typescript-jest - 用于 Vue.js 组件(支持 html、pug 和 babel)和 TypeScript 的 Jest preprocessor.js.
- vue-jest-utils - 使用 Jest 测试 Vue.js 组件的实用程序.
- vue-custom-element - Vue 自定义元素 - Vue.js 的自定义元素.
- vue-cordova - Cordova 的 Vue.js 插件.
- vue-wamp - Vue.js 的 AutobahnJS 包装库.
- express-vue - Express.js 的 Vue 渲染引擎. 使用 res.render() 将 .Vue 文件用作模板.
- vue-grecaptcha - VueJS 2 的谷歌 reCAPTCHA
- vue-recaptcha - Vue.js 的 Google reCAPTCHA 组件
- require-vuejs - RequireJS 插件来异步和动态加载和解析 .vue 组件.
- facebook-login-vuejs - 用于验证您的 Facebook 应用程序并获得 Facebook 登录好处的 Vue 组件.
- vuejs/vuefire - VueJS 的官方 Firebase 集成
- vuefire - 用于 VueJS 和 Vuex 的 Firebase
- vue-runkit - 为 Vue.js 嵌入 RunKit
- vue-youtube - 提供一个简单的图层供您在使用时发挥您的想象力 YouTube IFrame Player API . (兼容SSR)
- vue-introjs - 将 intro.js 分步指南和功能介绍与 Vue.js 集成 http://introjs.com/.
- vue-loopback - 环回和 Vue 应用程序模板
- vue-laroute - 使用 laroute 将 Laravel 路由集成到您的 VueJS 应用程序中.
- vue-raven - 自动报告从 vue 组件触发的未捕获的 JavaScript 异常.
- vue-telegram-login - 用于查看的组件 Telegram Login
- vuexpress - Vue + Express.js = VueXpress / Express.js 的服务器端渲染引擎. 使用 .vue 文件作为 express.js 模板.
- vue-fixer - 一个简单的 vue 组件 fixer API.
- amazon-cognito-vuex-module - 用于 Amazon Cognito 的 Vuex 模块.
- vue-web3 - Vue.js 的 Web3 区块链绑定(受 Vuefire 和 Drizzle 启发)
- sbt-vuefy - Playframework 的 Vue.js 集成
- loopback-vue-starter - LoopBack 和 Vue 入门模板,通过
vue-cli
和vue ui
轻松管理插件. - vue.py - 用 Python 编写 Vue.js 组件
- vue-telegram-passport - 用于查看的组件 Telegram Passport
- vue-facebook-login-component - 一个完全可定制的组件,用于集成 Facebook 登录.
- vue-programmatic-invisible-google-recaptcha - 一个简单的隐形 Google reCAPTCHA 组件,仅专注于程序化调用.
- vbuild - 它的主要目的是让您在 vuejs 应用程序中使用组件(.vue 文件),而无需完整的 nodejs 堆栈. 从 0.6 版本开始:您可以创建 your component in pure python !
- feathers-vuex - 是 Feathers Client 和 Vuex 的一流集成. 它在底层实现了许多 Redux 最佳实践,消除了大量样板代码,并且仍然允许您轻松自定义 Vuex 存储.
- vue-nocaptcha - 阿里云 Vue.js 的 noCAPTCHA 组件
- ionic-vue - Ionic v4 的 Vue.js 集成
- vue-0xcert - Vue.js 集成 0xcert 框架 - 一个开源库,提供用于构建强大的分散应用程序的工具
- vue-zdog - zDog 的 Vue 包装器 - 浏览器的极简 3D 引擎
- vue-unleash - 一个 Vue 插件 Unleash 开源功能标志平台
- vue-zeye-client - 一个简单使用的Vue插件 Zeye-server open-source mediasoup WebRTC SFU server
- vue-postgrest - postgREST 的 Vue.js 集成:灵活、强大且易于使用.
- Vuecket - WebFramework 将 Vue.JS 的强大功能与 Apache Wicket
- vue-ld - Vue LaunchDarkly 插件和路由实用程序
- Prisma - @sherlog/cli 的日志可视化客户端
- vuetube - 一个快速、轻量级、lazyload vue 组件,作为 YouTube Iframe Player API 上的一个薄层,可以快速呈现
Vue CLI Plugins¶
- vue-cli-plugin-cordova - Vue CLI 插件可以轻松地将 Cordova 添加到您的项目中
- vue-cli-plugin-component - Vue CLI Plugin to create component
- vue-cli-plugin-modular-vuex - Vue CLI Plugin to create modular Vuex store files
- vue-cli-plugin-modular-router - Vue CLI 插件来创建模块化路由文件
- vue-cli-plugin-docker-nginx - Vue CLI 插件使用最小的 nginx 服务器添加 docker 部署
- vue-cli-plugin-element - Vue CLI 插件可在几秒钟内使用 element-ui 构建企业应用程序
- vue-cli-plugin-electron-builder - 用于 Electron 的 Vue CLI 插件,无需使用 Electron Builder 的配置.
- vue-cli-plugin-codeceptjs-puppeteer - 安装 CodeceptJS 和 Puppeteer 进行增压 end 2 end 测试
- vue-cli-plugin-kami - Vue CLI 插件与工作架构,可快速启动您的应用程序
- vue-cli-plugin-auto-alias - Vue CLI 插件自动设置别名
- vue-cli-plugin-clean - Vue CLI 插件通过添加一些常用工具和模式来帮助您清理和快速设置 Vue 应用程序
- vue-cli-plugin-mock - Vue CLI 插件来模拟 http 请求
- vue-cli-plugin-ci - Vue CLI 插件生成 CI 代理配置文件以使用 CI 启动项目
- vue-cli-plugin-capacitor - 用于电容器的 Vue CLI 3 插件
Google Analytics¶
- vue-ua - Vue.js 中的 Google Universal Analytics 支持.
- vue-analytics - 用于谷歌分析的 Vue 插件.
- vue-gtm - 谷歌标签管理器的 Vue 插件
- vue-gtag - Vue 的全局站点标签插件
Yandex Metrika¶
- vue-ya-metrica - Yandex.Metrica 的 Vue 插件
- vue-yandex-metrika - Yandex Metrika 的 Vue 插件,带有路由器集成、插件选项
Dev Tools¶
- vue-dev-server - 用于构建
vue
组件的小型开发服务器. - Storybook - UI 开发环境. 适用于 v3.2+ 以后.
- Font Awesome Finder - 用于搜索、预览和选择 Font Awesome 图标的 Chrome 扩展程序,并将所选图标的 HTML 代码和 Unicode 复制到剪贴板.
- vue-dummy - 占位符文本和虚拟图像作为简单的“v-dummy”指令.
- Bit - 在项目之间管理和重用
vue
组件. 轻松地从任何项目中隔离和共享组件,而无需更改其源代码、组织精选的集合并安装在不同的项目中. - ComponentFixture - 是一个组件设计来开发和测试其他组件,自动绑定他们的道具.
- vue-cli-template-dev-server - 用于构建 vue-cli 自定义模板的开发服务器.
- vue-codemods - 有助于更新和重构 Vue 和 JavaScript 文件的 codemod 脚本集合.
- codesandbox - 用于快速 Vue 开发的在线 IDE 和原型设计工具.
- vue-dom-hints - 在 DOM 中获取提示. 最小的 Vue devtool 替代品.
Inspect¶
检查与调试
- Vue.js devtools - 用于调试 Vue.js 应用程序的 Chrome devtools 扩展.
- DejaVue - 为 Vue.js 构建的可视化和调试工具.
- vue-clicky - 右键单击任何组件以在控制台中显示有关它的信息.
- vuejs-logger - 为 Vue.js 提供可定制的日志记录功能.
- vue-inspector - Vue.js 移动设备检查器
- Vue Performance Devtool - Vue Performance Devtool 是一个浏览器扩展,用于检查 Vue 组件的性能
- VueSource - 全局 Vue mixin,通过添加 HTML 注释来识别源代码中的组件
- NW-Vue-DevTools - 用于将 Vue DevTools 添加到 NW.js 的 DevDependency
- bruit-io - 收集带有屏幕截图和技术数据的反馈,并将它们发布到 API 中,例如 bruit.io.
Docs¶
创建文档
- vue-markdown-loader - 将 Markdown 文件转换为 Vue 组件.
- vue-styleguide-generator - Vue.js 的 React 风格指南生成器.
- CheatSheet - 完整的交互式 API.
- Vuex CheatSheet - 完整的交互式 Vuex API.
- vue-styleguidist - 带有生活风格指南的 Vue 组件风格指南生成器.
- vue-elucidate - 为您的生活风格指南/设计系统生成精美文档的组件.
- vue-md-loader - Markdown 文件到 ALIVE Vue 组件.
- @vuedoc/parser - 为 Vue 文件组件生成 JSON 文档.
- @vuedoc/md - 为 Vue 文件生成 Markdown 文档.
- jsdoc-vue-component - 一个 jsodc3 插件,可将 vue SFC 信息(名称、道具、事件...)提取到文档中.
- jsdoc-vuedoc - jsdoc3 插件使用
@vuedoc/md
. - vue-storybook – 添加
<story>
阻止您的 Vue 单文件组件,以便更紧密地集成 Vue + Storybook - vue-patterns - 有用的 Vue 模式、技术、技巧和窍门以及有用的精选链接.
- vuese - vue 组件文档一站式解决方案.
- vue-dotmd-loader - 用于将 loader markdown 文件转换为 vue 文件的 webpack loader.
- vue-tut - 使用 Vue 轻松构建精美的教程.
Test¶
- vuenit - 用于测试 Vue 组件和指令的实用程序.
- vue-unit - Vue.js 库,可以更轻松地创建和单元测试组件.
- vue-a2b - 使用 Vue.js 进行拆分测试的库(A/B 测试). 高度可配置且小巧(1.2k gzipped).
- vue-test-utils - 用于测试 Vue 组件的官方实用程序.
- vue-test-actions - 使用 Jest 模拟单元测试 Vuex 动作.
- jest-vue-matcher - Additional jest matchers for vue
- vue-hubble - 在 Vue 中为 UI 测试选择元素的更好方法.
- Vue Testing Library - 简单而完整的测试实用程序,鼓励良好的测试实践. 基于 DOM 测试库并建立在官方的 Vue Test Utils 之上.
- jest-serializer-vue-tjw - 改进了 Jest 快照的格式
- vuex-test-utils - 使用 chai 对 Vux 进行单元测试.
Browser-less require¶
无需浏览器即可加载 Vue 组件
- vue-node - 在节点中加载 vue 组件.
Source Code Editing¶
文本编辑器插件
Atom¶
- language-vue@atom.io - Atom 的 Vue 组件文件语法.
- vue-snippets@atom.io - Vue 组件文件的原子片段.
- vue-autocompile@atom.io - 保存时自动编译 vue 文件.
- lint-sass-vue@atom.io - Atom.io 包在
.vue
文件中 lint Sass/SCSS. - vuejs2-snippets@atom.io - javascript 和组件的原子片段,包括生命周期钩子、指令、属性、vuex、vue-router、vue-i18n 支持.
- vue2-autocomplete@atom.io - Vue.js 2.0+ 自动完成 Atom.
Sublime Text¶
- Vue Syntax Highlight - 单文件 Vue 组件的 Sublime Text 语法高亮.
- VUEFormatter - Sublime Text 代码格式
- Vue Next Formatter - Sublime Text Vue 格式化程序,支持 ES⅚/7、Less/Sass 和 Pug/Html 模板.
Vim¶
- Vim Vue - Vue.js 组件的语法高亮.
- vim-vue-plugin - .vue 文件的 Vim 语法和缩进插件.
Visual Studio Code¶
- Vetur - VSCode 的 Vue 工具.
- Vue VSCode Snippets - 将增强您的 Vue 工作流程的代码段.
- Ionic Snippets - Vetur 支持离子组件
- Volar - 最快的 Vue 语言支持扩展
Visual Studio¶
- VuePack - 包含 Vue.js JavaScript 库的 HTML Intellisense 和代码片段.
Brackets¶
- Brackets Vue - Vue.js 的括号扩展.
Intellij¶
- Vue.js support for WebStorm、IntelliJ IDEA、PhpStorm、PyCharm 和 RubyMine——JetBrains 对 Vue.js 的官方支持
Emacs¶
- Vue Mode - vue.js 的 Emacs 主要模式.
Kate¶
- Kate Syntax Files - katepart(kate、kwrite、kdevelop)的语法文件(修改或原始).
Scaffold¶
脚手架 / 样板 / 种子 / 入门套件 / 堆栈集成 / Yeoman 生成器
- vue-cli - 用于搭建 Vue.js 项目的简单 CLI.
- Vue-Django - 一个样板,可让您将 VueJS 的强大功能引入 Django (Python) 应用程序.
- python-vuejs - 使用一组脚本将 Python Web 框架和 Vue.js 粘合在一起. 基本上是一个
vue-cli
包装器. - generator-vue-plugin - Yeoman 生成器生成 vue 插件.
- vue-seed - vue-seed 是那些希望开始使用 Vue 的人的最小种子
- nuxt-seed - 对于那些希望使用 Vue 和 Nuxt 启动并运行的人来说,nuxt-seed 是最小的种子
- rails_vue_melt - 带有 webpack=vue 优化器的 Rails 视图.
- vue-starter - 一个 Vue.js 入门工具包,可让您专注于更多的编程和更少的配置.
- vuejs-wordpress-theme-starter - 一个带有胆量的 WordPress 主题被撕掉并替换为 Vue
- Cordovue - 使用 Vue 的示例 Apache Cordova 应用程序.
- Cookiecutter-Django-Vue - Django+VueJS+Docker 可定制的项目生成器,具有大量设置/集成
- iBiu 用于在 2 秒内搭建大型 Vue 项目的可视化 CLI.
- wp-vue - 一个简单的 Vue 博客模板,显示来自 WordPress REST API 端点的帖子.
- vue-cli-template-nativescript - 使用 rollup+babel+eslint 启动新的 nativescript+vue 项目的模板
- vue-element-ui-scaffold - 带有 Element-UI CRUD 脚手架/生成器的在线和可视化 Vue 2.
- vue-firebase-element-ui-scaffold - 带有 CRUD、身份验证、文件/图像上传、活动日志等的在线和可视化 Vue 2、Element-UI 和 Firebase 脚手架/生成器.
- vuesion - 用于生产就绪 PWA 的最完整的样板. 专注于性能、开发速度和最佳实践
- vue-vuex-typescript-webpack-seed - 带有 Vue、Vuex、Typescript、Scss 和 Webpack 的种子项目,支持热重载
- VueCharged Template - 带有 CLI 脚手架的高度自以为是、功能优先的 Vue 2 模板. 使用 Vue 2、Vuex、Vue Router 和 Vue I18n.
- Huncwot - 带有 Node.js 的 Vue.js 样板,用于使用“包括电池”方法构建现代 JavaScript 应用程序.
- wemake-vue-template - Bleeding edge vue 模板专注于代码质量和开发人员的幸福感. 特点:nuxt、flow和jest.
- vue-lib-template - 用于构建和发布 Vue 组件/库作为开源项目的简单模板.
- Awesome Vue Boilerplate - 很棒的 Vue、Vuex、Vuex-pathify、element-ui、tailwindcss
- ScaffoldHub.io - 使用 SQL、MongoDB 或 Firebase Firestore 数据库生成完整的 Vue 应用程序.
- VuePlay - 在几秒钟内生成一次性 Vue 游乐场. 允许您快速测试事物.
- Mevn-CLI - 基于 MEVN 堆栈的应用程序的光速设置.
- vue-cli-template-registry - 用于安装托管在私有/企业存储库上的 vue-cli 自定义模板的解决方案.
- Vuejs Firebase CRUD Starter with Auth
- vue-enterprise-boilerplate - 使用 Vue CLI 3 为新的 Vue SPA 项目提供不断发展的、非常固执的架构和开发环境.
- vue-starters-directory - 为 VueJS 搜索可用的脚手架项目和入门工具包. 提供功能搜索和 github 统计信息.
- janak - 轻而易举地构建您的 Vue 3 应用程序
- vue-composable-starter - 下一个 Vue 可组合的极简起点.
- Vuetify-tailwind-animate-starter - vuetify + tailwindcss + animate.css 的 vue-cli 入门模板.
Client¶
仅在浏览器中渲染 Vue 应用程序
- Bourgeon - Bourgeon 是一个专为 Webpack 设计的 VueJS 2.0 设置.
- Vue Settler - 一个固执的 Vue 2.0 SPA Starter.
- vue-multiple-pages - 使用 Vue 2、Webpack2 和 Element-UI 的现代 Vue.js 多页面启动器
- vue-typescript-boilerplate - 带有 Vue 2、Vue Typed、Vuex、Vue Router 和本地化的 Vue.js 打字稿 SPA 入门
- vue-tachyons-template - 带有 Tachyons、Webpack 和 ESLint 的 Vue 2 项目入门模板
- Vuets - 使用类样式组件、vue 插件选项、webpack 和 vue-cli 的 Vue、TypeScript 样板.
- MMF-FE/vue-typescript - vue2.x 打字稿模板.
- Friendly Vue Starter - 一个功能齐全的 Vue.js 入门项目,通过 Apollo 客户端(Vuex、Vue-router、Vue-i18n、Webpack 3、Eslint、Prettier 等)支持 GraphQL
- vue-ts-amd - 使用 AMD 模式 (RequireJS) 和 Typescript 的全功能 Vue.js 2 样板.
- vue-2-boilerplate - Vue 2 样板,用于开发大中型单页应用程序 petervmeijgaard
- vue-cli-template-library - 使用 Rollup + Jest + Babel + Storybook + TravisCI + SemanticRelease 开发开源 vue.js 库的模板.
- vue-cli-template-github-pages - 使用 travisCI 为 Github 页面部署提供全功能的 Webpack + vue-loader 设置.
- vue-webpack-chrome-extension-template - 用于在开发时在 Vuejs 热重载上快速创建 Chrome 扩展的模板.
- vue-auth-boilerplate - 带有路由器/Vuex/CLI3 和身份验证功能的 Vue SPA 样板(看起来很酷的注册和登录). 以最少的开箱即用设置工作 laravel-api-boilerplate-jwt.
- vue-atomic-design - 基于原子设计方法的 Vue 前端样板.
Universal¶
将 Vue 应用程序渲染为服务器上的 HTML 和浏览器中的 DOM
- SPA Starter Kit - 一个高度自以为是的入门套件,用于使用 Laravel 和 Vue.js 构建单页应用程序.
- SSR Boilerplate - 不污染 Vuex 的 Vue.js 服务器端渲染样板.
- neutrino-preset-vue-static - 使用 Vue.js 构建静态站点的简约入门套件.
- Vueniverse - 一个功能齐全的通用 Vue 模板,用于基于用户的应用程序,由 Nuxt.js 和 Express 提供支持.
- vue-preload - 用于添加`的插件Vue
- Vue.js/Nuxt.js full-featured boilerplate - 专业的代理前端模板,用于通过 vuejs/nuxtjs 构建快速、健壮且适应性强的 Web 应用程序或站点.
Server¶
包括一个后端样板
- Vuetober - 带有 Laravel、Vue.js 和 October CMS 的单页应用程序.
- vue-server-demo --在Vue中编写koa服务器.
- vue-apollo-connector-kit - 使用 2 种不同策略(localStorage 和 httpOnly cookie)的 JWT 身份验证. 使用自定义指令 (apollo) 进行授权.
- DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server-side data access.
- isomor-vue-app - 搭建使用Vue和isomor的工作环境,通过自动生成API来统一前端和后端.
Electron¶
- Electron Vue - 带有 vue-cli 脚手架、常用 Vue 插件、电子打包器/电子构建器、单元/e2e 测试、vue-devtools 和 webpack 的 Electron 和 Vue.js 快速入门样板.
- VuePack - 使用 Vue 2、Vuex、Vue-router 和 Webpack 2(甚至 Electron)的现代启动器.
- vue-flexible-link - 用于 Electron 的微型 Vue 组件,用于在浏览器中打开链接. 跨环境应用程序的理想选择(Web 和本机)
- vuelectron - 用于 vue 的electronjs 入门套件.
- vue-design - 使用 Vue 和 Electron 的最佳网站可视化构建器.
- dapp - Vue/Parcel/Electron 堆栈的样板.
- vue-electron-template - 带有热重载功能的 Electron 和 Vue.js 样板,以及使用 webpack-4 配置的常见 Vue 插件、开发和构建脚本
- vue-iview-electron-boilerplate - 带有 iview4.x、Vue2.x、electron8.x 和 webpack4.x 的 Electron 和 Vue.js 样板
Parts¶
应用程序的脚手架部分
- vue-generator - 用于 Vue 组件、视图和存储模块的 CLI 生成器.
- vue-component-generator - vue 组件的生成器,支持 Vue1.X 和 Vue2.X.
- rapydml_cmp - Vue 组件 pythonic 生成器,构建在 RapydML 和 RapydScript 之上.
- vue-authoring-template - 用于以简单的方式以故事场景(故事书)格式发布 Vue 组件及其用例的创作模板.
- vue-component-boilerplate - 用于为 VueJS 组件生成样板代码的模板,预装了构建脚本和测试.
- vue-generate-component-typescript - vue 的打字稿代码生成器,它可以生成组件、指令、过滤器.
- vuejs-generate - 用于生成 Vue 组件、商店、商店模块和单元测试的简单 CLI.
- vue-sh-cli - 用于生成 Vue 组件、视图、存储模块和单元测试的 CLI. 支持 Vue 3 组件模板和 Typescript.
Runtime¶
Command Line / Terminal¶
- blessed-vue - 一个 VueJS 运行时,可让您在 Vue Edit 中编写命令行 UI
Prerendering¶
- react-snap - SPA 的零配置静态预渲染器
- prerender-plugin - Node.js/ webpack 插件,用于在单页应用程序 (SPA) 中预渲染静态 HTML.
- vue-prerender - 一个 Vue.js 定制插件,它实现了三种使用无头 chrome 预渲染 Vue.js 页面的策略.
- Rendora - 动态 SSR(服务器端渲染)使用无头 Chrome 轻松解决现代 javascript 网站的 SEO 问题
- pre-vue - 一个样板 Vue + Nuxt 项目,提供对 OpenGraph 标签、Google Analytics、站点地图和 robots.txt 的内置支持.
- ssr-vuejs-nodejs - 使用没有 Nuxt 的 nodejs 的服务器端渲染 vuejs.
- vue-genesis - 基于Vue SSR的微前端、微服务和轻量级方案