9760 lines
466 KiB
HTML
9760 lines
466 KiB
HTML
<p align="center">
|
||
<br>
|
||
<img width="400" src="./assets/logo.svg" alt="logo of vue-awesome repository">
|
||
<br> <br>
|
||
</p>
|
||
<h2 id="awesome-vue.js-awesome-track-awesome-list">Awesome Vue.js <a
|
||
href="https://github.com/sindresorhus/awesome"><img
|
||
src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg"
|
||
alt="Awesome" /></a> <a
|
||
href="https://www.trackawesomelist.com/vuejs/awesome-vue"><img
|
||
src="https://www.trackawesomelist.com/badge.svg"
|
||
alt="Track Awesome List" /></a></h2>
|
||
<blockquote>
|
||
<p>A curated list of awesome things related to Vue.js</p>
|
||
</blockquote>
|
||
<ul>
|
||
<li><a href="#resources">Resources</a>
|
||
<ul>
|
||
<li><a href="#official-resources">Official Resources</a></li>
|
||
<li><a href="#external-resources">External Resources</a></li>
|
||
<li><a href="#job-portal">Job Portal</a></li>
|
||
<li><a href="#community">Community</a></li>
|
||
<li><a href="#conferences">Conferences</a></li>
|
||
<li><a href="#podcasts">Podcasts</a></li>
|
||
<li><a href="#youtube-channels">Youtube Channels</a></li>
|
||
<li><a href="#official-examples">Official Examples</a></li>
|
||
<li><a href="#tutorials">Tutorials</a></li>
|
||
<li><a href="#examples">Examples</a></li>
|
||
<li><a href="#books">Books</a></li>
|
||
<li><a href="#blog-posts">Blog Posts</a></li>
|
||
<li><a href="#courses">Courses</a></li>
|
||
<li><a href="#documentaries">Documentaries</a></li>
|
||
</ul></li>
|
||
<li><a href="#projects-using-vuejs">Projects Using Vue.js</a>
|
||
<ul>
|
||
<li><a href="#open-source">Open Source</a></li>
|
||
<li><a href="#commercial-products">Commercial Products</a></li>
|
||
<li><a href="#appswebsites">Apps/Websites</a></li>
|
||
<li><a href="#interactive-experiences">Interactive Experiences</a></li>
|
||
<li><a href="#enterprise-usage">Enterprise Usage</a></li>
|
||
<li><a href="#a11y">A11y</a></li>
|
||
</ul></li>
|
||
<li><a href="#components--libraries">Components & Libraries</a>
|
||
<ul>
|
||
<li><a href="#ui-components">UI Components</a>
|
||
<ul>
|
||
<li><a href="#table">Table</a></li>
|
||
<li><a href="#notification">Notification</a></li>
|
||
<li><a href="#loader">Loader</a>
|
||
<ul>
|
||
<li><a href="#progress-bar">Progress Bar</a></li>
|
||
</ul></li>
|
||
<li><a href="#tooltip">Tooltip</a></li>
|
||
<li><a href="#overlay">Overlay</a></li>
|
||
<li><a href="#parallax">Parallax</a></li>
|
||
<li><a href="#icons">Icons</a></li>
|
||
<li><a href="#marquee">Marquee</a></li>
|
||
<li><a href="#menu">Menu</a></li>
|
||
<li><a href="#minus-plus-input">Minus Plus Input</a></li>
|
||
<li><a href="#carousel">Carousel</a></li>
|
||
<li><a href="#charts">Charts</a></li>
|
||
<li><a href="#time">Time</a></li>
|
||
<li><a href="#calendar">Calendar</a></li>
|
||
<li><a href="#map">Map</a></li>
|
||
<li><a href="#audio--video">Audio / Video</a></li>
|
||
<li><a href="#infinite-scroll">Infinite Scroll</a></li>
|
||
<li><a href="#pull-to-refresh">Pull-to-refresh</a></li>
|
||
<li><a href="#markdown">Markdown</a></li>
|
||
<li><a href="#pdf">PDF</a></li>
|
||
<li><a href="#tree">Tree</a></li>
|
||
<li><a href="#graph">Graph</a></li>
|
||
<li><a href="#social-sharing">Social Sharing</a></li>
|
||
<li><a href="#qr-code">QR Code</a></li>
|
||
<li><a href="#search">Search</a></li>
|
||
<li><a href="#miscellaneous">Miscellaneous</a></li>
|
||
<li><a href="#tabs">Tabs</a></li>
|
||
<li><a href="#form">Form</a>
|
||
<ul>
|
||
<li><a href="#phone-number-input-formatter">Phone Number Input
|
||
Formatter</a></li>
|
||
<li><a href="#pincode-input">Pincode Input</a></li>
|
||
<li><a href="#picker">Picker</a></li>
|
||
<li><a href="#generator">Generator</a>
|
||
<ul>
|
||
<li><a href="#date-picker">Date Picker</a></li>
|
||
</ul></li>
|
||
<li><a href="#select">Select</a></li>
|
||
<li><a href="#slider">Slider</a></li>
|
||
<li><a href="#drag-and-drop">Drag and Drop</a></li>
|
||
<li><a href="#autocomplete">Autocomplete</a></li>
|
||
<li><a href="#type-select">Type Select</a></li>
|
||
<li><a href="#color-picker">Color Picker</a></li>
|
||
<li><a href="#switch">Switch</a></li>
|
||
<li><a href="#masked-input">Masked Input</a></li>
|
||
<li><a href="#rich-text-editing">Rich Text Editing</a></li>
|
||
<li><a href="#image-manipulation">Image Manipulation</a></li>
|
||
<li><a href="#video-manipulation">Video Manipulation</a></li>
|
||
<li><a href="#file-upload">File Upload</a></li>
|
||
<li><a href="#context-menu">Context Menu</a></li>
|
||
<li><a href="#miscellaneous-1">Miscellaneous</a></li>
|
||
<li><a href="#wizard">Wizard</a></li>
|
||
<li><a href="#csv">CSV</a></li>
|
||
<li><a href="#comment-system">Comment System</a></li>
|
||
</ul></li>
|
||
<li><a href="#canvas">Canvas</a></li>
|
||
<li><a href="#link-preview">Link Preview</a></li>
|
||
<li><a href="#tour">Tour</a></li>
|
||
<li><a href="#data-masking">Data Masking</a></li>
|
||
<li><a href="#authentication">Authentication</a></li>
|
||
</ul></li>
|
||
<li><a href="#ui-layout">UI Layout</a></li>
|
||
<li><a href="#frameworks">Frameworks</a>
|
||
<ul>
|
||
<li><a href="#responsive">Responsive</a></li>
|
||
<li><a href="#mobile">Mobile</a></li>
|
||
<li><a href="#component-collections">Component Collections</a></li>
|
||
<li><a href="#admin-template">Admin Template</a></li>
|
||
<li><a href="#server-side-rendering">Server-side rendering</a></li>
|
||
<li><a href="#static-website-generator">Static website
|
||
generator</a></li>
|
||
<li><a href="#other">Other</a></li>
|
||
</ul></li>
|
||
<li><a href="#ui-utilities">UI Utilities</a>
|
||
<ul>
|
||
<li><a href="#event-handling">Event Handling</a></li>
|
||
<li><a href="#responsive-design">Responsive Design</a></li>
|
||
<li><a href="#form-1">Form</a>
|
||
<ul>
|
||
<li><a href="#validation">Validation</a></li>
|
||
</ul></li>
|
||
<li><a href="#resize">Resize</a></li>
|
||
<li><a href="#scroll">Scroll</a></li>
|
||
<li><a href="#routing">Routing</a></li>
|
||
<li><a href="#lazy-load">Lazy Load</a></li>
|
||
<li><a href="#pagination">Pagination</a></li>
|
||
<li><a href="#animation">Animation</a></li>
|
||
<li><a href="#meta-tags">Meta Tags</a></li>
|
||
<li><a href="#portal">Portal</a></li>
|
||
<li><a href="#filters">Filters</a></li>
|
||
<li><a href="#svg">SVG</a></li>
|
||
<li><a href="#miscellaneous-2">Miscellaneous</a></li>
|
||
<li><a href="#webgl">WebGL</a></li>
|
||
<li><a href="#fullscreen">Fullscreen</a></li>
|
||
<li><a href="#page-visibility">Page visibility</a></li>
|
||
<li><a href="#printing">Printing</a></li>
|
||
</ul></li>
|
||
<li><a href="#utilities">Utilities</a>
|
||
<ul>
|
||
<li><a href="#typescript">Typescript</a></li>
|
||
<li><a href="#http-requests">HTTP Requests</a></li>
|
||
<li><a href="#i18n">i18n</a></li>
|
||
<li><a href="#custom-events">Custom Events</a></li>
|
||
<li><a href="#persistence">Persistence</a></li>
|
||
<li><a href="#state-management">State Management</a>
|
||
<ul>
|
||
<li><a href="#redux">Redux</a></li>
|
||
<li><a href="#mobx">Mobx</a></li>
|
||
<li><a href="#pinia">Pinia</a></li>
|
||
<li><a
|
||
href="#authenticationauthorization">Authentication/Authorization</a></li>
|
||
<li><a href="#vuex-utilities">Vuex Utilities</a>
|
||
<ul>
|
||
<li><a href="#sync-between-tabs">Sync Between Tabs</a></li>
|
||
</ul></li>
|
||
</ul></li>
|
||
<li><a href="#graphql">GraphQL</a></li>
|
||
<li><a href="#concurrency-management">Concurrency Management</a></li>
|
||
<li><a href="#code-style">Code Style</a></li>
|
||
<li><a href="#css">CSS</a></li>
|
||
<li><a href="#asset-management">Asset Management</a></li>
|
||
<li><a href="#page-navigation">Page Navigation</a></li>
|
||
<li><a href="#miscellaneous-3">Miscellaneous</a></li>
|
||
<li><a href="#web-workers">Web Workers</a></li>
|
||
<li><a href="#jsx">JSX</a></li>
|
||
<li><a href="#migration">Migration</a></li>
|
||
<li><a href="#web-sockets">Web Sockets</a></li>
|
||
<li><a href="#server-sent-events">Server-Sent Events</a></li>
|
||
<li><a href="#payment">Payment</a>
|
||
<ul>
|
||
<li><a href="#stripe">Stripe</a></li>
|
||
<li><a href="#paypal">Paypal</a></li>
|
||
<li><a href="#plaid">Plaid</a></li>
|
||
</ul></li>
|
||
</ul></li>
|
||
<li><a href="#integrations">Integrations</a>
|
||
<ul>
|
||
<li><a href="#vue-cli-plugins">Vue CLI Plugins</a>
|
||
<ul>
|
||
<li><a href="#google-analytics">Google Analytics</a></li>
|
||
<li><a href="#yandex-metrika">Yandex Metrika</a></li>
|
||
</ul></li>
|
||
</ul></li>
|
||
<li><a href="#dev-tools">Dev Tools</a>
|
||
<ul>
|
||
<li><a href="#inspect">Inspect</a></li>
|
||
<li><a href="#docs">Docs</a></li>
|
||
<li><a href="#test">Test</a>
|
||
<ul>
|
||
<li><a href="#browser-less-require">Browser-less require</a></li>
|
||
</ul></li>
|
||
<li><a href="#source-code-editing">Source Code Editing</a>
|
||
<ul>
|
||
<li><a href="#atom">Atom</a></li>
|
||
<li><a href="#sublime-text">Sublime Text</a></li>
|
||
<li><a href="#vim">Vim</a></li>
|
||
<li><a href="#visual-studio-code">Visual Studio Code</a></li>
|
||
<li><a href="#visual-studio">Visual Studio</a></li>
|
||
<li><a href="#brackets">Brackets</a></li>
|
||
<li><a href="#intellij">Intellij</a></li>
|
||
<li><a href="#emacs">Emacs</a></li>
|
||
<li><a href="#kate">Kate</a></li>
|
||
</ul></li>
|
||
</ul></li>
|
||
<li><a href="#scaffold">Scaffold</a>
|
||
<ul>
|
||
<li><a href="#client">Client</a></li>
|
||
<li><a href="#universal">Universal</a></li>
|
||
<li><a href="#server">Server</a></li>
|
||
<li><a href="#electron">Electron</a></li>
|
||
<li><a href="#parts">Parts</a></li>
|
||
</ul></li>
|
||
<li><a href="#runtime">Runtime</a>
|
||
<ul>
|
||
<li><a href="#command-line--terminal">Command Line / Terminal</a></li>
|
||
</ul></li>
|
||
<li><a href="#prerendering">Prerendering</a></li>
|
||
</ul></li>
|
||
</ul>
|
||
<!-- md-parser-start -->
|
||
<h2 id="resources">Resources</h2>
|
||
<h3 id="official-resources">Official Resources</h3>
|
||
<ul>
|
||
<li><a href="http://vuejs.org/guide/">Official Guide</a></li>
|
||
<li><a href="http://vuejs.org/api/">API Reference</a></li>
|
||
<li><a href="https://github.com/vuejs/vue">GitHub Repo</a></li>
|
||
<li><a href="https://github.com/vuejs/vue/releases">Release
|
||
Notes</a></li>
|
||
<li><a href="https://vuejs.org/v2/style-guide/">Style Guide</a></li>
|
||
<li><a href="https://news.vuejs.org/">Vue.js News</a></li>
|
||
</ul>
|
||
<h3 id="external-resources">External Resources</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://gist.github.com/hashrock/f575928d0e109ace9ad0">Vue.js
|
||
資料まとめ(for japanese)</a> by <span class="citation"
|
||
data-cites="hashrock">@hashrock</span></li>
|
||
<li><a href="https://en.wikipedia.org/wiki/Vue.js">Vue.js
|
||
Wikipedia</a></li>
|
||
<li><a href="https://mokkapps.de/newsletter">Weekly Vue.js
|
||
Newsletter</a> - Weekly Vue.js news & tips by <span class="citation"
|
||
data-cites="mokkapps">@mokkapps</span></li>
|
||
<li><a href="https://vuenews.io">Vue News</a> - Social website focusing
|
||
on the latest Vue.js news and information.</li>
|
||
<li><a href="https://hackr.io/tutorials/learn-vue-js">Vue Curated
|
||
Resources</a> - Recommended Vue.js courses and tutorials.</li>
|
||
<li><a href="https://vueschool.io">Vue School</a> - Learn Vue.js from
|
||
video courses by core members and industry experts</li>
|
||
<li><a href="https://vuedose.tips">VueDose</a>. Tips & tricks about
|
||
the Vue ecosystem, for busy devs.</li>
|
||
<li><a href="https://dev.to/t/vue">Vue.js DEV Community</a> - Official
|
||
tag for the Vue.js JavaScript Framework on DEV.to</li>
|
||
<li><a href="https://classpert.com/vuejs">Vue.js Online Courses
|
||
Directory</a> - Vue.js courses from top e-learning platforms curated by
|
||
Classpert, a online course search engine.</li>
|
||
<li><a
|
||
href="https://webtechsurvey.com/technology/vue.js">WebTechSurvey.com</a>
|
||
- An extensive list of websites created with the Vue.js Javascript
|
||
framework.</li>
|
||
<li><a href="https://www.vuemastery.com/">Vue Mastery</a> - The ultimate
|
||
learning resource for Vue developers</li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PLMLZt4pr7Aq6AfC_ynfeDbEk2hbMFGpHO">Vue
|
||
3 Video Playlist</a> - Amazing Vue 3 tutorials and experiments</li>
|
||
<li><a href="https://public.vuejsworkshops.com">Vue.js Workshops</a> -
|
||
Learn Vue 2, in browser, by building 3 applications: Landing page, Todos
|
||
App and Podcasts aggregator.( Vue.js, Vue-Router, Vuex, Vue-Axios,
|
||
Vue-Apollo )</li>
|
||
<li><a href="https://thewebdev.info/category/javascript/vue/">Vue.js
|
||
Articles</a> - Assorted Vue 2 and 3 tutorials and articles.</li>
|
||
<li><a
|
||
href="https://www.nbshare.io/blog/best-vue-js-courses-on-youtube/">Best
|
||
vue.js Courses On YouTube</a> - Handpicked list of best Vue.js tutorials
|
||
on YouTube</li>
|
||
<li><a href="https://notes-on-vue.ackzell.dev/">Notes on Vue</a> - A
|
||
personal guide to Vue development.</li>
|
||
<li><a href="https://vue-faq.org/">Vue-FAQ</a> - FAQ about frontend in
|
||
general and Vue.js in particular.</li>
|
||
</ul>
|
||
<h3 id="job-portal">Job Portal</h3>
|
||
<ul>
|
||
<li><a href="https://vuejobs.com/">Vue.js Jobs - VueJobs</a> - A Vue.js
|
||
job portal to hire or get hired for all your Vue.js jobs.</li>
|
||
<li><a
|
||
href="https://github.com/sudheerj/vuejs-interview-questions">Vue.js
|
||
Interview Questions</a> - A List of 300 VueJS Interview Questions and
|
||
Answers</li>
|
||
</ul>
|
||
<h3 id="community">Community</h3>
|
||
<ul>
|
||
<li><a href="https://twitter.com/vuejs">Twitter</a></li>
|
||
<li><a href="http://forum.vuejs.org/">Official Forum</a></li>
|
||
<li><a href="https://github.com/vuejs/vue-requests">vue-requests</a> -
|
||
Request a Vue.js module you wish existed or get ideas for modules</li>
|
||
<li><a href="https://t.me/vue_en">VueJS English community</a></li>
|
||
<li><a href="https://telegram.me/vue_js">VueJS Iran - Telegram Channel
|
||
& group (group link available in channel bio)</a></li>
|
||
<li><a href="https://vueslack.slack.com/">vueslack - 2300+ registered
|
||
users worldwide</a></li>
|
||
<li><a href="https://vue-land.js.org/">Vue Land - Discord chat
|
||
server</a></li>
|
||
<li><a href="https://t.me/vuejs_ru">VueJS Russia - Telegram Group
|
||
[Russian]</a></li>
|
||
<li><a href="https://www.facebook.com/groups/vuejsvietnam/">VueJS Viet
|
||
Nam - Facebook group</a></li>
|
||
<li><a href="https://www.facebook.com/groups/VuejsThailand/">VueJS
|
||
Thailand - Facebook Group</a></li>
|
||
<li><a href="https://t.me/vuejsbrasil">VueJS Brasil - Telegram Group
|
||
[Portuguese]</a></li>
|
||
<li><a href="https://www.facebook.com/vuejsbrasil/">VueJS Brasil -
|
||
Facebook Page [Portuguese]</a></li>
|
||
<li><a href="https://www.facebook.com/groups/vuejsbr/">VueJS Brasil -
|
||
Facebook Group [Portuguese]</a></li>
|
||
<li><a href="https://www.facebook.com/groups/vue.es/">VueJS en español -
|
||
Facebook Group [Spanish]</a></li>
|
||
<li><a href="https://goo.gl/mYXKUv">VueJS India 🇮🇳 - Discord chat
|
||
server</a></li>
|
||
<li><a href="https://t.me/vuejsindonesia">VueJS Indonesia - Telegram
|
||
Group [Indonesian]</a></li>
|
||
<li><a href="https://www.facebook.com/groups/1675298779418239/">VueJS
|
||
Indonesia - Facebook Group [Indonesian]</a></li>
|
||
<li><a href="https://www.meetup.com/Vuejs-Indonesia/">VueJS Indonesia -
|
||
Meetup Page [Indonesian]</a></li>
|
||
<li><a href="https://www.facebook.com/groups/887185518120024">VueJS Hong
|
||
Kong - Facebook group</a></li>
|
||
<li><a href="https://t.me/vuejsarab">VueJS Arab - Telegram
|
||
Group</a></li>
|
||
<li><a href="https://t.me/vuejsvix">VueJS Vix - Telegram Group
|
||
[Portuguese]</a></li>
|
||
<li><a href="https://www.meetup.com/pt-BR/Vue-js-in-Vix/">VueJS Vix -
|
||
Meetup Page [Portuguese]</a></li>
|
||
<li><a href="https://www.meetup.com/VueJS-Oslo/">VueJS Norway -
|
||
Meetup</a></li>
|
||
<li><a href="https://www.facebook.com/officalVuejsIsrael/">VueJS Israel
|
||
🇮🇱 - Facebook Page</a></li>
|
||
<li><a href="https://www.meetup.com/vuejs-finland/">VueJS Finland -
|
||
Meetup</a></li>
|
||
<li><a href="https://www.facebook.com/vuejsfinland/">VueJS Finland -
|
||
Facebook Page</a></li>
|
||
<li><a href="https://t.me/vuejsEs">Hablemos de Vue.js - Telegram Group
|
||
[Castellano]</a></li>
|
||
<li><a href="https://www.meetup.com/vue-bangalore/">VueBLR -
|
||
Meetup</a></li>
|
||
<li><a href="http://bit.ly/vueblr-whatsapp">VueBLR - WhatsApp
|
||
Group</a></li>
|
||
<li><a href="https://www.facebook.com/groups/vue.blr/">VueBLR - Facebook
|
||
Group</a></li>
|
||
<li><a href="https://events.vuejs.org/meetups/#united-states">VueJS USA
|
||
- Meetups</a></li>
|
||
<li><a href="https://discord.gg/mDr2z8V">VueJS CZ/SK - Discord
|
||
group</a></li>
|
||
<li><a href="https://chat.whatsapp.com/L5rFQpme22IHmmyOMI1MWA">VueJS DOM
|
||
- WhatsApp group</a></li>
|
||
<li><a href="https://www.facebook.com/groups/2022974857757366/">VueJS
|
||
DOM - Facebook group</a></li>
|
||
<li><a href="https://t.me/vuejsuzbekcommunity">VueJS Uzbekistan -
|
||
Telegram Group [Uzbek]</a></li>
|
||
<li><a href="https://t.me/vuejs_uz">VueJS Uzbekistan - Telegram
|
||
Community and Support Group [Uzbek]</a></li>
|
||
<li><a href="https://t.me/vuejsTR">VueJS Turkey - Telegram
|
||
Group</a></li>
|
||
<li><a href="https://twitter.com/Vue_Turkey">Vue Turkey - Twitter
|
||
Account</a></li>
|
||
<li><a href="https://kommunity.com/vue-turkey">Vue Türkiye - Kommunity
|
||
Page</a></li>
|
||
<li><a href="https://t.me/vuejssg">VueJS Singapore - Telegram
|
||
Group</a></li>
|
||
<li><a href="https://t.me/joinchat/pqiJOgi8byQ5Y2E0">VueJS Bootcamp
|
||
kablosuzkedi - Turkey - Telegram Group</a></li>
|
||
<li><a href="https://t.me/vuejs_ukraine">VueJS Translations Ukraine</a>
|
||
- Telegram Group (Ukraine)</li>
|
||
<li><a href="https://twitter.com/KenyaVue">VueJS Kenya - Twitter
|
||
Account</a></li>
|
||
<li><a href="https://www.facebook.com/groups/huvuejs/">VueJS Magyar -
|
||
Facebook Group [Hungarian]</a></li>
|
||
<li>[VueJS Bangladesh - Facebook Group]
|
||
(https://www.facebook.com/groups/764064325433370)</li>
|
||
</ul>
|
||
<h3 id="conferences">Conferences</h3>
|
||
<ul>
|
||
<li><a href="http://conf.vuejs.org">VueConf</a></li>
|
||
<li><a href="http://vuejs.london">Vue.js London</a></li>
|
||
<li><a href="http://vueconf.us">VueConf US</a></li>
|
||
<li><a href="https://vuetoronto.com">VueConf Toronto</a></li>
|
||
<li><a href="https://vuejs.amsterdam">Vue.js Amsterdam</a></li>
|
||
</ul>
|
||
<h3 id="podcasts">Podcasts</h3>
|
||
<ul>
|
||
<li><a href="http://www.fullstackradio.com/30">Full Stack Radio #30
|
||
(11-23-2015)</a></li>
|
||
<li><a href="https://changelog.com/podcast/184">Changelog #184
|
||
(11-27-2015)</a></li>
|
||
<li><a
|
||
href="http://softwareengineeringdaily.com/2015/12/29/front-end-javascript-with-evan-you/">Software
|
||
Engineering Daily (12-29-2015)</a></li>
|
||
<li><a href="https://javascriptair.com/episodes/2016-03-30/">JavaScript
|
||
Air 016 (03-30-2016)</a></li>
|
||
<li><a
|
||
href="https://soundcloud.com/codecasts/2-falando-sobre-vuejs-e-web-components">Codecasts
|
||
#2 - Falando Sobre Vuejs e Web Components (2016-08-19) [pt-BR]</a></li>
|
||
<li><a href="http://www.fullstackradio.com/50">Full Stack Radio #50
|
||
(09-21-2016)</a></li>
|
||
<li><a href="https://teahour.fm/78">和 Vue.js
|
||
框架的作者聊聊前端框架开发背后的故事 [zh-CN]</a></li>
|
||
<li><a
|
||
href="https://modernweb.podbean.com/e/mw-s04e09-evan-yu-sarah-drasner/">MW
|
||
S04E08 - Vue.js with Evan You and Sarah Drasner (04-27-2017)</a></li>
|
||
<li><a href="https://changelog.com/rfc/12">Request For Commits #12 -
|
||
Crowdfunding Open Source (Vue.js) (06-15-2017)</a></li>
|
||
<li><a href="http://thewebplatformpodcast.com/132-vuejs">The Web
|
||
Platform Podcast 132: Vue.js (07-27-2017)</a></li>
|
||
<li><a
|
||
href="https://softwareengineeringdaily.com/2017/12/01/animating-vuejs-with-sarah-drasner/">Animating
|
||
VueJS with Sarah Drasner(Software Engineering Daily 01-12-2017)</a></li>
|
||
<li><a href="https://qit.cloud/search/vue">Vue podcast list via The QIT
|
||
Tech Podcast Indexer</a></li>
|
||
<li><a
|
||
href="https://devnaestrada.com.br/2018/01/05/vale-pena-vuejs.html">DNE
|
||
138 - Vale a pena VueJS? (01-05-2018)</a></li>
|
||
<li><a href="https://cynicaldeveloper.com/podcast/99/">Cynical Developer
|
||
#99 (10-15-2018)</a></li>
|
||
<li><a
|
||
href="https://syntax.fm/show/130/the-vuejs-show-scott-teaches-wes">Syntax
|
||
#130 (03-27-2019)</a></li>
|
||
<li><a href="https://enjoythevue.io/">Enjoy the Vue: The new Vue.js
|
||
podcast</a></li>
|
||
<li><a
|
||
href="https://www.mytypeof.dev/1190693/9610327-que-es-pinia-con-posva">What
|
||
is Pinia? with <span class="citation" data-cites="posva">@posva</span>
|
||
(My typeof Radio) [es-MX]</a></li>
|
||
<li><a
|
||
href="https://www.mytypeof.dev/1190693/7055926-evolucion-de-vue-parte-i">Evolution
|
||
of Vue - Part I (My typeof Radio) [es-MX]</a></li>
|
||
<li><a
|
||
href="https://www.mytypeof.dev/1190693/7068499-evolucion-de-vue-parte-ii">Evolution
|
||
of Vue - Part II (My typeof Radio) [es-MX]</a></li>
|
||
<li><a
|
||
href="https://www.mytypeof.dev/1190693/7136740-evolucion-de-vue-parte-iii">Evolution
|
||
of Vue - Part III (My typeof Radio) [es-MX]</a></li>
|
||
<li><a
|
||
href="https://www.mytypeof.dev/1190693/6151663-react-vs-vue-las-comunidades">React
|
||
vs Vue - their communities (My typeof Radio) [es-MX]</a></li>
|
||
<li><a href="https://topenddevs.com/podcasts/views-on-vue">Views on Vue
|
||
(weekly podcast on Vue)</a></li>
|
||
</ul>
|
||
<h3 id="youtube-channels">Youtube Channels</h3>
|
||
<ul>
|
||
<li><a href="https://www.youtube.com/vuenyc">VueNYC</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/channel/UC9dJjbYeXjirDYYVfUD3bSw">VueConf
|
||
EU</a></li>
|
||
</ul>
|
||
<h3 id="official-examples">Official Examples</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/vuejs/vue/tree/dev/examples/todomvc">Vue.js
|
||
TodoMVC</a></li>
|
||
<li><a
|
||
href="https://github.com/anfelor/TodoMVC-CoffeeScript-and-Vue.js">CoffeeScript
|
||
Version</a></li>
|
||
<li><a href="https://github.com/vuejs/vue-hackernews"><strong>Vue.js
|
||
HackerNews Clone</strong></a></li>
|
||
<li><a href="https://github.com/vuejs/vue-hackernews-2.0"><strong>Vue.js
|
||
2.0 HackerNews Clone</strong></a></li>
|
||
</ul>
|
||
<h3 id="tutorials">Tutorials</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://laracasts.com/series/learn-vue-3-step-by-step">Learn Vue
|
||
3: Step by Step</a> on Laracasts</li>
|
||
<li><a
|
||
href="https://auth0.com/blog/vuejs2-authentication-tutorial/">Vuejs 2
|
||
Authentication Tutorial</a> on Auth0 blog</li>
|
||
<li><a
|
||
href="https://scotch.io/tutorials/create-a-github-file-explorer-using-vue-js">Create
|
||
a GitHub File Explorer Using Vue.js</a> on Scotch.io</li>
|
||
<li><a href="http://vegibit.com/vue-js-tutorial/">Vue.js Tutorial</a> on
|
||
Vegibit</li>
|
||
<li><a href="https://www.youtube.com/watch?v=l1KHL-TX3qs">Vuex
|
||
introduction video - James Browne from London Vue.js Meetup #1</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=TGSJjDahlrQ">Hybrid App
|
||
Example with Laravel and Vue.js in Portuguese</a> by <span
|
||
class="citation" data-cites="vedovelli">@vedovelli</span></li>
|
||
<li><a href="http://oguzhan.in/vue-js-ile-uygulama-gelistirme/">Vue.js
|
||
Introduction Turkish Language</a> on oguzhan.in</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=IlFk3cyRB0Y&list=PLM-Y_YQmMEqD2EWfWpSbiV3WgShRRW3FE&index=7">Vue.js
|
||
VideoTutoral Series in Spanish (3-8-2016)</a> on YouTube by Juan Andrés
|
||
Núñez</li>
|
||
<li><a href="https://styde.net/curso-de-vue-js/">Vue.js Screencast
|
||
Series in Spanish</a> on Styde.net</li>
|
||
<li><a href="https://github.com/bhnddowinf/vuejs-learn"><strong>讲解
|
||
Vue.js 官网 中文-含代码、百度云、youtube</strong></a> on bhnddowinf</li>
|
||
<li><a
|
||
href="https://blog.pusher.com/exploring-real-time-apps-with-vuejs-es2016-and-webpack/">Exploring
|
||
Real Time Apps with VueJS, ES2015 and Webpack</a> on Pusher</li>
|
||
<li><a href="https://www.sekolahkoding.com/track/belajar-vue-js">Vue.js
|
||
in Bahasa Indonesia</a> on sekolahkoding.com</li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PL5r0NkdgM0UOxb4Hl81FV5UIgexwTf8h7">Vue.js
|
||
from Scratch Series in Russian</a> on YouTube by .dev</li>
|
||
<li><a href="http://codeguida.com/post/526/">Створення сервісу для
|
||
зберігання файлів з Flask, RethinkDB та Vue.js, ч. 1</a> Ukraine</li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PLjwdMgw5TTLW-mAtlR46VajrKs4dep3y0">VueJS
|
||
2 French tutorial</a> Français par Grafikart</li>
|
||
<li><a href="https://github.com/jayway/vue-js-workshop">Jayway Vue.js 2
|
||
workshop. Build an e-commerce site with vue-router, vuex and
|
||
vue-resource</a></li>
|
||
<li><a
|
||
href="http://wijmo.com/blog/how-to-create-great-vuejs-applications-using-wijmo-controls/">How
|
||
to Create Great VueJS Applications Using Wijmo Controls</a></li>
|
||
<li><a href="https://github.com/bhnddowinf/vuejs2-learn"><strong>讲解
|
||
Vue.js 2 官网 中文-含代码、百度云、youtube</strong></a> on
|
||
bhnddowinf</li>
|
||
<li><a
|
||
href="https://www.theodo.fr/blog/2016/10/medium-like-image-loading-with-vue-js/">Medium
|
||
like Image Loading with Vue.js</a></li>
|
||
<li><a
|
||
href="https://metricloop.com/blog/how-to-use-vuex-in-a-laravel-spark-project">How
|
||
to Use Vuex in a Laravel Spark Project</a> on
|
||
<code>Metric Loop</code></li>
|
||
<li><a
|
||
href="https://metricloop.com/blog/how-to-set-up-modules-in-vuex">How To
|
||
Set Up Modules in Vuex</a> on <code>Metric Loop</code></li>
|
||
<li><a href="https://www.sitepoint.com/up-and-running-vue-js-2-0/">Up
|
||
and Running with the Vue.js 2.0 Framework</a> on SitePoint</li>
|
||
<li><a
|
||
href="https://metricloop.com/blog/how-to-make-api-calls-with-vuex">How
|
||
to make API Calls with Vuex</a> on <code>Metric Loop</code></li>
|
||
<li><a
|
||
href="https://metricloop.com/blog/how-to-use-vuex-to-build-a-feature">How
|
||
to Use Vuex to Build a Feature</a> on <code>Metric Loop</code></li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O">Vue.js
|
||
2.0 Fundamentals</a> on YouTube by DevMarketer</li>
|
||
<li><a
|
||
href="https://medium.com/js-dojo/vuex-for-the-clueless-the-missing-primer-on-vues-application-data-store-33fa51ffc3af#.2j25xpfui">Vuex
|
||
For The Clueless — The Missing Primer On Vue’s Application Data
|
||
Store</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=Jxefsv5Zqkw&t=3s">Real-time
|
||
Grid Component Laravel, Vue.js, Vuex & Socket.io</a></li>
|
||
<li><a href="https://www.udemy.com/vuejs-2-the-complete-guide">VueJS 2 -
|
||
The Complete Guide (incl. Vuex) - Udemy Tutorial</a></li>
|
||
<li><a
|
||
href="https://egghead.io/courses/develop-web-apps-with-vue-js">Develop
|
||
Web Apps with Vue.js</a> on <a
|
||
href="https://egghead.io/">egghead.io</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PL55RiY5tL51p-YU-Uw90qQH419BM4Iz07">Vue.js
|
||
2 - Getting Started</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PL55RiY5tL51pT0DNJraU93FhMzhXxtDAo">Vue.js
|
||
2 & Vuex (Basics)</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PLa3NvhdFWNipwk1KXeUpVQnAiAfuBw4El">Türkçe
|
||
VueJS Eğitim Videoları</a> on YouTube by <a
|
||
href="http://fatihacet.com">Fatih Acet</a></li>
|
||
<li><a href="https://youtu.be/7pmw5gvWAf8">Let’s Vue! - OpenLecture
|
||
2017.01 in Russian</a> on YouTube by Illya Klymov (<a
|
||
href="https://github.com/xanf/"><span class="citation"
|
||
data-cites="xanf">@xanf</span></a>)</li>
|
||
<li><a
|
||
href="https://afropolymath.svbtle.com/bootstrapping-your-first-vue-js-project/">Bootstrapping
|
||
your first Vue.js application using vue-cli</a> by <a
|
||
href="https://twitter.com/afropolymath"><span class="citation"
|
||
data-cites="afropolymath">@afropolymath</span></a></li>
|
||
<li><a
|
||
href="https://github.com/Detachment/Build-vue-hackernews-2.0-from-scratch">Build
|
||
vue-hackernews-2.0 from Scratch</a> by <a
|
||
href="https://github.com/Detachment">@ Detachment</a></li>
|
||
<li><a
|
||
href="https://medium.com/@JiriChara/role-based-authorization-for-your-vue-js-and-nuxt-js-applications-using-vue-kindergarten-fd483e013ec5#.kp81np177">Role
|
||
Based Authorization for your Vue.js and Nuxt.js Applications Using
|
||
vue-kindergarten</a></li>
|
||
<li><a
|
||
href="http://matthiashager.com/complete-vuejs-application-tutorial">Complete
|
||
Vue.js Application Tutorial - Creating a Simple Budgeting App with
|
||
Vue</a> by <a href="https://github.com/matthiaswh"><span
|
||
class="citation" data-cites="matthiaswh">@matthiaswh</span></a></li>
|
||
<li><a
|
||
href="https://snipcart.com/blog/vuejs-tutorial-seo-example">Vue.js
|
||
Tutorial: A Prerendered, SEO-Friendly Example</a></li>
|
||
<li><a
|
||
href="https://medium.com/@mattrothenberg/vue-js-introduction-for-people-who-know-just-enough-jquery-to-get-by-eab5aa193d77">Vue.js
|
||
Introduction For People Who Know Just Enough jQuery To Get By</a></li>
|
||
<li><a
|
||
href="https://www.sitepoint.com/fetching-data-third-party-api-vue-axios/">Fetching
|
||
Data from a Third-Party API with Vue.js and Axios</a></li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/fun-projects-vue-2-video">Fun
|
||
Projects with Vue 2 (Video)</a> by Peter van Meijgaard, Packt. (April
|
||
2017)</li>
|
||
<li><a
|
||
href="https://medium.com/dailyjs/vue-js-simultaneously-running-express-and-webpack-dev-server-292f4a7ed7a3">Vue
|
||
JS: Simultaneously Running Express and Webpack Dev Server</a> on Medium
|
||
by Henrik Fogelberg</li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa">Vue
|
||
JS 2 Tutorials</a> on Youtube by <a
|
||
href="https://www.thenetninja.co.uk">The Net Ninja</a></li>
|
||
<li><a
|
||
href="https://www.storyblok.com/tp/add-a-headless-CMS-to-vuejs-in-5-minutes">Add
|
||
a headless CMS to VueJs in 5 Minutes</a></li>
|
||
<li><a
|
||
href="https://github.com/dengwanc/dengwanc.github.io/issues/11">vue
|
||
架构中的 Watcher</a></li>
|
||
<li><a
|
||
href="http://tutorialzine.com/2016/08/building-your-first-app-with-vue-js/">Building
|
||
Your First App With Vue.js</a></li>
|
||
<li><a
|
||
href="http://tutorialzine.com/2016/03/5-practical-examples-for-learning-vue-js/">5
|
||
Practical Examples For Learning Vue.js</a></li>
|
||
<li><a
|
||
href="https://jes.al/2017/05/migrating-from-knockoutjs-to-vuejs/">Migrating
|
||
from KnockoutJS to VueJS</a></li>
|
||
<li><a
|
||
href="https://medium.com/@rap2h/create-a-quiz-with-vue-js-ed1e8e0e8294">Create
|
||
a quiz with Vue.js</a> by <a href="https://twitter.com/rap2h"><span
|
||
class="citation" data-cites="rap2h">@rap2h</span></a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=we4zuQIXmnw">Vue.js 2 &
|
||
Firebase - Building Real Time Single Page Web Applications</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=p-7Zi9xYt2M">Vue.js 2 &
|
||
Vue-Resource - Real-World Application With External API Access</a></li>
|
||
<li><a href="https://scrimba.com/playlist/playlist-38">Interactive
|
||
Vue.js Screencasts For Beginners</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=uC5b2VDATDU">Vue.JS ile
|
||
NASA API’ını Kullanarak Veri Çekme</a> on YouTube</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/web-development-vuejs-2-video">Web
|
||
development with Vue.js 2 (Video)</a> by Olga Filipova, Packt. (June
|
||
2017)</li>
|
||
<li><a
|
||
href="https://blog.pusher.com/build-realtime-chart-with-vuejs-pusher/">Build
|
||
a realtime chart with VueJS and Pusher</a></li>
|
||
<li><a href="https://github.com/sdras/intro-to-vue">Intro to Vue, repo
|
||
for Frontend Masters Course</a></li>
|
||
<li><a href="https://css-tricks.com/guides/vue/">Vue Guide on
|
||
CSS-Tricks</a></li>
|
||
<li><a
|
||
href="https://medium.com/coding-blocks/using-typescript-in-your-vue-app-c4aba0bbc8bc">Using
|
||
Typescript in your VueJS app</a></li>
|
||
<li><a href="https://ninghao.net/course/4256">Vue.js 预览</a> on
|
||
ninghao.net</li>
|
||
<li><a
|
||
href="https://www.liquidlight.co.uk/blog/article/building-a-vue-v2-js-app-using-vue-router/">Building
|
||
a Vue v2 JS app using Vue-router</a></li>
|
||
<li><a
|
||
href="https://medium.com/@davidatomhernandez/how-to-a-simple-carousel-with-vue-138715d615d7">Build
|
||
your own carousel with Vue</a> by <a
|
||
href="https://twitter.com/Atom_Hernandez"><span class="citation"
|
||
data-cites="Atom_Hernandez">@Atom_Hernandez</span></a></li>
|
||
<li><a
|
||
href="https://alexjoverm.github.io/series/Unit-Testing-Vue-js-Components-with-the-Official-Vue-Testing-Tools-and-Jest/">Unit
|
||
Testing Vue.js Components with the Official Vue Testing Tools and
|
||
Jest</a> by <a href="https://twitter.com/alexjoverm"><span
|
||
class="citation" data-cites="alexjoverm">@alexjoverm</span></a></li>
|
||
<li><a
|
||
href="https://snipcart.com/blog/vuejs-transitions-animations">Creating
|
||
Vue.js Transitions & Animation: Live Examples</a> by <a
|
||
href="https://twitter.com/UdyUXDev"><span class="citation"
|
||
data-cites="udyuxdev">@udyuxdev</span></a></li>
|
||
<li><a
|
||
href="https://alligator.io/vuejs/creating-custom-plugins/">Creating
|
||
Custom Vue.js Plugins</a></li>
|
||
<li><a
|
||
href="https://medium.com/js-dojo/async-in-vue-js-part-1-28d96f751a2e">Async
|
||
in VueJS part 1</a></li>
|
||
<li><a
|
||
href="https://medium.com/js-dojo/async-in-vuejs-part-2-45e81c836e38">Async
|
||
in VueJS part 2</a></li>
|
||
<li><a
|
||
href="https://www.mikestreety.co.uk/blog/vue-js-using-localstorage-with-the-vuex-store">Using
|
||
localStorage with Vuex store without a plugin</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=ESg0k2zdME4">Using props
|
||
for accessing URL parameters within components with Vue Router</a></li>
|
||
<li><a
|
||
href="https://medium.com/@kamerk22/deploy-vue-js-ssr-vuetify-on-production-with-pm2-and-nginx-ec7b5c0748a3">Deploy
|
||
Vue.js — SSR(Vuetify) on Production with Pm2 and Nginx</a></li>
|
||
<li><a href="http://testingvue.com">Testing Vue Components</a> on <a
|
||
href="https://laracasts.com/series/testing-vue">laracast</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=Fa4cRMaTDUI&t=">Building a
|
||
Full Stack Web App with Vue.js and Express.js</a> by <a
|
||
href="https://twitter.com/CodyLSeibert"><span class="citation"
|
||
data-cites="CodyLSeibert">@CodyLSeibert</span></a></li>
|
||
<li><a
|
||
href="https://www.packtpub.com/application-development/vuejs-2-recipes-video">Vue.js
|
||
2 Recipes (Video)</a> by Peter van Meijgaard, Packt. (September
|
||
2017)</li>
|
||
<li><a
|
||
href="https://sabe.io/tutorials/getting-started-with-vue-js">Getting
|
||
Started with Vue.js</a></li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/building-your-first-advanced-crud-application-vue-2-video">Building
|
||
Your First Advanced CRUD Application with Vue 2 (Video)</a> by Peter van
|
||
Meijgaard, Packt. (July 2017)</li>
|
||
<li><a
|
||
href="https://joshua1988.github.io/web-development/vuejs/vuejs-tutorial-for-beginner/">프론트엔드
|
||
개발자를 위한 Vue.js 입문서</a></li>
|
||
<li><a
|
||
href="https://www.inflearn.com/course/vue-pwa-vue-js-%EA%B8%B0%EB%B3%B8/">누구나
|
||
다루기 쉬운 Vue.js (Video)</a> on <a
|
||
href="https://www.inflearn.com/">Inflearn</a> by <a
|
||
href="https://joshua1988.github.io/">Captain Pangyo</a></li>
|
||
<li><a href="https://snipcart.com/blog/vuejs-blog-demo#tutorial">Build a
|
||
Vue.js Blog in 2 hours tops</a> on <a
|
||
href="https://snipcart.com/">Snipcart</a></li>
|
||
<li><a href="https://www.udemy.com/getting-started-with-vue-js">Getting
|
||
Started with VueJS 2</a> by Sachin Bhatnagar <a
|
||
href="https://www.twitter.com/sachinbee"><span class="citation"
|
||
data-cites="sachinbee">@sachinbee</span></a> on <a
|
||
href="https://udemy.com/">Udemy</a></li>
|
||
<li><a
|
||
href="https://sabe.io/tutorials/getting-started-with-vuex">Getting
|
||
Started with Vuex: Managing State in Vue.js</a></li>
|
||
<li><a
|
||
href="https://medium.com/@sergiy.stotskiy/vue-acl-with-casl-781a374b987a">Vue2
|
||
ACL using CASL</a> by Sergii Stotskyi</li>
|
||
<li><a
|
||
href="https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication">Vuejs
|
||
2.5+ Authentication Tutorial using Auth0</a> on Storyblok blog</li>
|
||
<li><a href="https://graphcms.com/docs/introduction/">GraphCMS
|
||
introduction guide with Vue</a> on GraphCMS</li>
|
||
<li><a
|
||
href="https://github.com/Microsoft/vscode-recipes/tree/master/vuejs-cli">Vue.js
|
||
debugging in Chrome and VS Code</a> This recipe shows how to use the
|
||
Debugger for Chrome extension with VS Code to debug Vue.js applications
|
||
generated by the Vue CLI.</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/getting-started-vue-js-2-video">Getting
|
||
Started with Vue JS 2 (Video)</a> by Sachin Bhatnagar, Packt. (January
|
||
2018)</li>
|
||
<li><a
|
||
href="https://hackernoon.com/building-a-movie-app-interface-with-vue-js-cdc8aeb5db0b">Building
|
||
a movie app interface with Vue.js</a></li>
|
||
<li><a
|
||
href="https://hackernoon.com/lets-build-a-custom-vue-js-router-7de634be87c4">Let’s
|
||
Build a Custom Vue.js Router</a></li>
|
||
<li><a
|
||
href="https://snipcart.com/blog/vuejs-ecommerce-headless-buttercms">Build
|
||
a Vue.Js E-Commerce App with ButterCMS Headless Backend</a></li>
|
||
<li><a href="https://pusher.com/tutorials/voting-app-go-vuejs">Build a
|
||
voting application with Go and Vue.js</a></li>
|
||
<li><a
|
||
href="https://pusher.com/tutorials/collaborative-painting-vuejs">Build a
|
||
collaborative painting app using Vue.js</a></li>
|
||
<li><a
|
||
href="https://pusher.com/tutorials/realtime-payment-dashboard-stripe">Build
|
||
a realtime payment dashboard with Stripe</a></li>
|
||
<li><a
|
||
href="https://pusher.com/tutorials/cryptocurrency-tracker-vue">Build a
|
||
cryptocurrency tracker using Vue.js</a></li>
|
||
<li><a href="https://pusher.com/tutorials/design-feedback-vuejs">Build a
|
||
design feedback app using Vue.js</a></li>
|
||
<li><a
|
||
href="https://testdriven.io/developing-a-single-page-app-with-flask-and-vuejs">Developing
|
||
a Single Page App with Flask and Vue.js</a></li>
|
||
<li><a
|
||
href="https://testdriven.io/accepting-payments-with-stripe-vuejs-and-flask">Accepting
|
||
Payments with Stripe, Vue.js, and Flask</a></li>
|
||
<li><a
|
||
href="https://serversideup.net/courses/api-driven-development-laravel-vuejs/">API
|
||
Driven Development With Laravel and VueJS (Free Course)</a> on
|
||
serversideup.net</li>
|
||
<li><a
|
||
href="https://medium.com/fullstackio/managing-state-in-vue-js-23a0352b1c87">Managing
|
||
State in Vue.js</a></li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/real-world-projects-vuejs-video">Real
|
||
World Projects with Vue.js</a> by Daniel Khalil, Packt. (August
|
||
2018)</li>
|
||
<li><a href="https://goo.gl/8p3msR">Heartbeat (Vue + NW.js Desktop app
|
||
Video series)</a> by Axel Martínez (2017 - 2020)</li>
|
||
<li><a href="https://www.youtube.com/watch?v=ZYUWsjUxxUQ">Firebase
|
||
Server-Side Render Vue Apps with Nuxt.js (Server-side Rendering with
|
||
JavaScript Frameworks)</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=Y5XX2lruhxs">Firebase
|
||
Measuring Vue SSR Performance with Nuxt.js (Server-side Rendering with
|
||
JavaScript Frameworks)</a></li>
|
||
<li><a
|
||
href="https://dev.to/denisinvader/creating-an-interactive-map-with-d3-and-vue-4158">Creating
|
||
an interactive map with D3 and Vue</a> (October 2018)</li>
|
||
<li><a
|
||
href="https://blog.lichter.io/posts/the-guide-to-write-universal-ssr-ready-vue-compon">The
|
||
guide to write universal, SSR-ready Vue components</a></li>
|
||
<li><a href="https://vueschool.io/courses/vuejs-fundamentals">Vue.js
|
||
Fundamentals</a></li>
|
||
<li><a href="https://vueschool.io/courses/vuex-for-everyone">Vuex for
|
||
Everyone</a></li>
|
||
<li><a href="https://vueschool.io/courses/vuejs-form-validation">Vue.js
|
||
Form Validation</a></li>
|
||
<li><a href="https://vueschool.io/courses/the-vuejs-master-class">The
|
||
Vue.js Master Class</a></li>
|
||
<li><a
|
||
href="https://vueschool.io/courses/vuejs-firebase-realtime-database">Vue.js
|
||
Firebase Realtime Database</a></li>
|
||
<li><a
|
||
href="https://vueschool.io/courses/vuejs-firebase-authentication">Vue.js
|
||
Firebase Authentication</a></li>
|
||
<li><a href="https://vueschool.io/courses/dynamic-forms-vuejs">Dynamic
|
||
Forms with Vue.js</a></li>
|
||
<li><a
|
||
href="https://vueschool.io/courses/custom-vuejs-directives">Custom
|
||
Vue.js Directives</a></li>
|
||
<li><a
|
||
href="https://www.packtpub.com/application-development/vuejs-application-development-essentials-video">Vue.js
|
||
Application Development Essentials</a> by Bartłomiej Potaczek, Packt.
|
||
(October 2018)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/application-development/troubleshooting-vuejs-video">Troubleshooting
|
||
Vue.js</a> by Christian Hur, Packt. (October 2018)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/application-development/nuxtjs-vuejs-steroids-video">Nuxt.js
|
||
- Vue.js on Steroids</a> by Maximilian Schwarzmüller, Packt. (October
|
||
2018)</li>
|
||
<li><a
|
||
href="https://medium.com/quasar-framework/building-an-electron-file-explorer-with-quasar-and-vue-7bf94f1bbf6">Building
|
||
an Electron File Explorer with Quasar (and Vue)</a> by <a
|
||
href="https://github.com/hawkeye64"><span class="citation"
|
||
data-cites="hawkeye64">@hawkeye64</span></a>. (November 2018)</li>
|
||
<li><a
|
||
href="https://www.udemy.com/build-web-apps-with-vuejs-firebase/learn/v4/overview">Build
|
||
Web Apps with Vue JS 2 & Firebase</a> on <code>Udemy</code> by <a
|
||
href="https://www.thenetninja.co.uk/">the Net Ninja</a></li>
|
||
<li><a
|
||
href="https://www.udemy.com/vuejs-2-the-complete-guide/learn/v4/overview">Vue
|
||
JS 2 - The Complete Guide (incl. Vue Router & Vuex)</a> on
|
||
<code>Udemy</code> by Maximilian Schwarzmüller</li>
|
||
<li><a
|
||
href="https://www.jenniferbland.com/spa-application-using-vue-js-vuex-vuetify-and-firebase-part-1/">SPA
|
||
Application using Vue.js, Vuex, Vuetify, and Firebase (Part 1)</a>
|
||
(November 2018)</li>
|
||
<li><a
|
||
href="https://www.jenniferbland.com/spa-application-using-vue-js-vuex-vuetify-and-firebase-part-2/">SPA
|
||
Application using Vue.js, Vuex, Vuetify, and Firebase (Part 2)</a>
|
||
(November 2018)</li>
|
||
<li><a
|
||
href="https://www.jenniferbland.com/spa-application-using-vue-js-vuex-vuetify-and-firebase-part-3/">SPA
|
||
Application using Vue.js, Vuex, Vuetify, and Firebase (Part 3)</a>
|
||
(November 2018)</li>
|
||
<li><a
|
||
href="https://www.jenniferbland.com/spa-application-using-vue-js-vuex-vuetify-and-firebase-part-4/">SPA
|
||
Application using Vue.js, Vuex, Vuetify, and Firebase (Part 4)</a>
|
||
(November 2018)</li>
|
||
<li><a
|
||
href="https://www.jenniferbland.com/adding-internationalization-to-a-vue-application/">Adding
|
||
Internationalization to a Vue Application</a> (November 2018)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/practical-projects-vue-js-2-video">Practical
|
||
Projects with Vue JS 2</a> by Jack Herrington, Packt. (December
|
||
2018)</li>
|
||
<li><a href="https://lessipe.com/course/15">Vue.js 기초 다지기
|
||
(Video)</a> by <a href="https://lessipe.com/">Lessipe</a></li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/full-stack-web-development-vuejs-and-nodejs-video">Full
|
||
Stack Web Development with Vue.js and Node.js</a> by Haider Rehman,
|
||
Packt. (January 2019)</li>
|
||
<li><a href="https://designcode.io/vue">Vue for Designers</a> by
|
||
Design+Code (February 2019)</li>
|
||
<li><a href="https://www.onbirkod.com/vue-js-giris-1/">Vue Introduction
|
||
in Turkish</a></li>
|
||
<li><a href="https://www.onbirkod.com/vue-js-2-vue-resource/">Data
|
||
pulling using Vue-Resource in Turkish</a></li>
|
||
<li><a
|
||
href="https://www.onbirkod.com/vue-js-3-vue-router-ile-bir-spa-uygulamasi/">Spa
|
||
Application using Vue-router in Turkish</a></li>
|
||
<li><a
|
||
href="https://www.onbirkod.com/vue-js-4-vue-cli-ile-hazir-gelen-proje-sablonlari/">Create
|
||
Vue Projects using Vue-cli in Turkish</a></li>
|
||
<li><a
|
||
href="https://www.onbirkod.com/vue-js-5-bilesenlerin-birbiriyle-haberlesmesi-ve-vuex/">Messaging
|
||
between Vue components and Vuex in Turkish</a></li>
|
||
<li><a
|
||
href="https://michaelnthiessen.com/dynamically-add-class-name/">How to
|
||
Dynamically Add a Class Name in Vue</a> by Michael Thiessen</li>
|
||
<li><a href="https://www.youtube.com/watch?v=FdC4Mjljd3k">Build a
|
||
Library web application with Vue JS, Node JS, and SQL or MongoDB using
|
||
ScaffoldHub</a> By Felipe Lima <a
|
||
href="https://twitter.com/scaffoldhub_io"><span class="citation"
|
||
data-cites="scaffoldhub_io">@scaffoldhub_io</span></a></li>
|
||
<li><a
|
||
href="https://medium.com/saibbyweb/building-a-real-time-location-tracking-app-with-nativescript-vue-under-350-lines-of-code-8b51ad40d657">Building
|
||
a Realtime Location tracking app with NativeScript + Vue</a> by
|
||
Saibbyweb</li>
|
||
<li><a
|
||
href="https://www.pluralsight.com/courses/vue-getting-started">Vue:
|
||
Getting Started, by John Papa</a> on <a
|
||
href="https://www.pluralsight.com">Pluralsight</a></li>
|
||
<li><a href="https://mtlynch.io/simple-vue-pre-rendered/">Building a
|
||
Simple Pre-Rendered Web App Using Vue + Nuxt</a> by Michael Lynch</li>
|
||
<li><a
|
||
href="https://dev.to/hasurahq/vue-and-graphql-with-hasura-video-course-3mpp">Vue
|
||
and GraphQL with Hasura video course</a></li>
|
||
<li><a href="https://www.youtube.com/c/rabbitwerksjavascript">Frontend
|
||
and Fullstack VENM-stack coding tutorials by RabbitWerks
|
||
JavaScript</a></li>
|
||
<li><a href="https://nordschool.com/tag/vue">Nordschool Vue
|
||
Tutorials</a></li>
|
||
<li><a href="https://nordschool.com/vue-props/">Vue Props Validation -
|
||
Best Practices</a></li>
|
||
<li><a href="https://nordschool.com/vue-router/">Vue Router - The
|
||
Complete Guide</a></li>
|
||
<li><a
|
||
href="https://nordschool.com/enable-vs-code-debugger-for-nuxt-and-typescript/">Enable
|
||
VS Code Debugger for Nuxt & Typescript</a></li>
|
||
<li><a
|
||
href="https://nordschool.com/create-a-blog-with-gridsome-and-vue/">Create
|
||
A Blog With Gridsome & Vue</a></li>
|
||
<li><a
|
||
href="https://tutorialedge.net/projects/building-imgur-clone-vuejs-nodejs/">Building
|
||
an Imgur Clone with Vue.js and Serverless</a></li>
|
||
<li><a
|
||
href="https://tutorialedge.net/projects/hacker-news-clone-vuejs/">Building
|
||
a HackerNews clone in Vue.js on AWS</a></li>
|
||
<li><a
|
||
href="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">Vue.js:
|
||
Build a Full Stack App with Firebase, Vuex and Router [Video]</a> by
|
||
Chris Dixon (October 2019)</li>
|
||
<li><a
|
||
href="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">Vue.js
|
||
2 Academy: Learn Vue Step by Step [Video]</a> by Chris Dixon (October
|
||
2019)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/in/web-development/blazing-fast-vue-and-graphql-with-gridsome-video?utm_source=vue.js.org&utm_medium=refferal&utm_campaign=OutreachV15688">Blazing-Fast
|
||
Vue and GraphQL with Gridsome [Video]</a> by Reed Barger, Packt</li>
|
||
<li><a
|
||
href="https://raddevon.com/articles/build-your-first-vue-js-app/">Build
|
||
Your First Vue.js App in About 30 Minutes</a> by Rad Devon (Video,
|
||
February 2020)</li>
|
||
<li><a
|
||
href="https://blog.logrocket.com/how-to-make-your-components-dynamic-in-vue-js/">How
|
||
to make your components dynamic in Vue JS</a> (September 2019)</li>
|
||
<li><a href="https://blog.logrocket.com/fragments-in-vue-js/">Fragments
|
||
in Vue JS</a> (December 2019)</li>
|
||
<li><a
|
||
href="https://dev.to/blacksonic/build-a-movie-search-app-using-the-vue-composition-api-5218">Build
|
||
a movie search app using the Vue Composition API</a></li>
|
||
<li><a
|
||
href="https://dev.to/blacksonic/vue-testing-crash-course-59kl">Vue
|
||
Testing Crash Course</a></li>
|
||
<li><a
|
||
href="https://blog.bitsrc.io/sharing-and-reusing-vue-mixins-in-the-cloud-with-bit-dev-830104a48d0b">Sharing
|
||
and re-using Vue Mixins in the cloud with Bit.dev</a> (May 2019)</li>
|
||
<li><a
|
||
href="https://blog.bitsrc.io/introducing-watchers-in-vue-js-d3efd4f4e726">Using
|
||
Watchers in Vue JS</a> (June 2019)</li>
|
||
<li><a
|
||
href="https://blog.bitsrc.io/understanding-filters-in-vue-js-7a53b1521dce">Understanding
|
||
Filters in Vue JS</a> (June 2019)</li>
|
||
<li><a
|
||
href="https://vijitail.dev/blog/form-validation-in-vue-using-yup">Form
|
||
Validation In VueJS Using Yup</a> by <a
|
||
href="https://vijitail.dev/">Vijit Ail</a> (May 2020)</li>
|
||
<li><a href="https://chanvinxiao.com/blog/vuejs-tic-tac-toe/">Use Vue.js
|
||
to Rewrite React’s Official Tutorial Tic Tac Toe</a> By <a
|
||
href="https://github.com/vinzid">Chanvin Xiao</a></li>
|
||
<li><a
|
||
href="https://vue-view.com/can-we-use-python-with-vue-js-or-vue-and-django-or-flask/">Can
|
||
we use Python with Vue.js or Vue and Django or Flask?</a></li>
|
||
<li><a
|
||
href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks#Vue_tutorials">MDN
|
||
- Vue tutorials</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=ZqgiuPt5QZo&ab_channel=TheEarthisSquare">Learn
|
||
Vue 3 for Beginners - Full 2020 Tutorial Course</a> on Youtube</li>
|
||
<li><a href="https://www.youtube.com/watch?v=bwItFdPt-6M">Vue 3
|
||
Composition Api Introduction - Full Tutorial</a></li>
|
||
<li><a
|
||
href="https://ably.com/blog/airtable-database-realtime-messages">Building
|
||
a VueJS chat app with realtime storage of messages in Airtable</a> by
|
||
Srushtika Neelakantam (December 2020)</li>
|
||
<li><a
|
||
href="https://github.com/ably-labs/realtime-quiz-framework/blob/main/TUTORIAL.md">Building
|
||
a realtime quiz with VueJS using a starter kit</a> by Srushtika
|
||
Neelakantam (October 2020)</li>
|
||
<li><a
|
||
href="https://dev.to/venatus/tutorial-make-an-heart-clicker-with-vue-js-and-firebase-3npe">Make
|
||
an Heart clicker with vue.js and firebase</a></li>
|
||
<li><a
|
||
href="https://codesource.io/building-an-e-commerce-app-with-vue-js-vuex-axios/">Building
|
||
an E-Commerce app with Vue.js, Vuex & Axios</a> by Deven Rathore (
|
||
November 2020)</li>
|
||
<li><a href="https://snipcart.com/blog/vuejs-debugging">Vue.js
|
||
Debugging: A Guide to Fixing Your Frontend</a> - Learn the basics of
|
||
Vue.js debugging. This guide will walk you through a tutorial on how to
|
||
fix your application’s frontend.</li>
|
||
<li><a href="https://github.com/cuixiaorui/mini-vue">Help you learn more
|
||
efficiently vue3 source code - mini-vue</a> by cuixiaorui</li>
|
||
<li><a href="https://snipcart.com/blog/building-a-vuejs-spa">Vue.js SPA:
|
||
Build a Powerful E-Commerce App</a></li>
|
||
<li><a href="https://github.com/chengpeiquan/learning-vue3">Learning Vue
|
||
3.0</a></li>
|
||
<li><a href="https://github.com/hypescale/moralis-vue-boilerplate">Vue
|
||
3.0 and decentralized app (dApp)</a></li>
|
||
<li><a
|
||
href="https://www.loginradius.com/blog/async/implementing-authentication-on-vuejs-using-jwt/">Vuejs
|
||
Authentication Tutorial</a> on LoginRadius blog</li>
|
||
<li><a
|
||
href="https://www.daily.co/blog/build-a-video-chat-app-with-vue-and-daily-prebuilt/">Add
|
||
a prebuilt video chat widget to any Vue app with daily-js</a> by Jess
|
||
Mitchell, via Daily (August 2021)</li>
|
||
<li><a
|
||
href="https://www.daily.co/blog/custom-video-chat-app-with-daily-and-vue/">Build
|
||
a custom video chat app with daily-js and Vue</a> by Jess Mitchell, via
|
||
Daily (November 2021)</li>
|
||
<li><a href="https://snipcart.com/blog/vue-pwa-development">Vue Pwa:
|
||
Build a Progressive Web Application With Nuxt</a> on Snipcart</li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PLmJs3lfUmCdS8W27OoWj3uGDP6g4ypNyw">Meteor
|
||
+ Vue</a> Youtube playlist by Axel Martínez</li>
|
||
<li><a href="https://scrimba.com/playlist/pDzVxUd">Introduction to Vue
|
||
(Spanish)</a> Scrimba mini-course in Spanish.</li>
|
||
<li><a
|
||
href="https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3">Intro
|
||
to Vue 3</a> - Free course on Vue 3 with intuitive explanations from Vue
|
||
Mastery</li>
|
||
<li><a
|
||
href="https://mickael-baron.fr/web/vuejs-miseenoeuvre-part2">Developing
|
||
a web application with Vue.js 3 and Vite.js (French)</a> par Mickael
|
||
Baron</li>
|
||
<li><a
|
||
href="https://mickael-baron.fr/web/vuejs-deploiement-part3">Deploying a
|
||
web application powered by Vue.js 3 with Docker (French)</a> par Mickael
|
||
Baron</li>
|
||
<li><a
|
||
href="https://medium.com/@dev.isasari/vuejsin-react-ve-angular-a-g%C3%B6re-avantajlar%C4%B1-6fe1d653beb1">Advantages
|
||
of Vue.js over React, Angular, and other frameworks in Turkish</a> by
|
||
İsa Sarı</li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PLf-6qk7szL-J4a7xaGf2TbW0p_cGbeMe7">Türkçe
|
||
Vue 3 Dersleri</a> on Youtube by Abdullah Uğraşkan</li>
|
||
<li><a
|
||
href="https://www.bilibili.com/video/BV11z42167J2/">宁皓网独立开发者训练营:Vue
|
||
前端应用开发</a> on bilibili</li>
|
||
<li><a
|
||
href="https://studio.youtube.com/video/7SyviyGuk8k/edit">宁皓网独立开发者训练营:Vue
|
||
前端应用开发</a> on Youtube</li>
|
||
</ul>
|
||
<h3 id="examples">Examples</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/brandonjpierce/node-webkit-boilerplate">Node
|
||
Webkit + Vue example</a> by <span class="citation"
|
||
data-cites="brandonjpierce">@brandonjpierce</span></li>
|
||
<li><a href="https://github.com/superlloyd/VueSamples">Vue Samples</a>
|
||
by <span class="citation"
|
||
data-cites="superlloyd">@superlloyd</span></li>
|
||
<li><a
|
||
href="https://github.com/kazupon/vue-router-hackernews">HackerNews clone
|
||
with vue.js + vue-router</a> by <span class="citation"
|
||
data-cites="kazupon">@kazupon</span></li>
|
||
<li><a
|
||
href="https://github.com/bradstewart/electron-boilerplate-vue"><strong>Electron
|
||
+ Vue example</strong></a> by <span class="citation"
|
||
data-cites="bradstewart">@bradstewart</span></li>
|
||
<li><a href="https://github.com/inca/voie-example">Single page
|
||
application example (Vue + Voie)</a> by <a
|
||
href="https://github.com/inca">Boris Okunskiy</a></li>
|
||
<li><a href="https://github.com/rajabishek/begin">Begin - Task Manager
|
||
SPA written in Vue + Lumen</a> by <a
|
||
href="https://github.com/rajabishek">Raj Abishek</a></li>
|
||
<li><a href="https://github.com/BosNaufal/vue-mini-shop">Vue Mini
|
||
Shop</a></li>
|
||
<li><a href="https://github.com/mul14/vue-soundcloud">Vue SoundCloud</a>
|
||
by <a href="https://github.com/mul14">mul14</a></li>
|
||
<li><a
|
||
href="https://github.com/haydenbbickerton/feature-requests-app">Feature
|
||
Requests (Laravel + Vue Combo)</a> by <a
|
||
href="https://github.com/haydenbbickerton">haydenbbickerton</a></li>
|
||
<li><a href="https://github.com/yjj5855/node-vue-server-webpack">Vue
|
||
Cookbook (Vue1.0 + express)</a> by <a
|
||
href="https://github.com/yjj5855"><span class="citation"
|
||
data-cites="yjj5855">@yjj5855</span></a>: A demo first screen rendering
|
||
of a service</li>
|
||
<li><a href="https://github.com/websemantics/strong-together">Strong
|
||
Together</a> - A starter project to build single page Vue.js apps as
|
||
stand-alone or for Laravel / Laravel Spark projects, based on Browserify
|
||
and Semantic-ui) by <a
|
||
href="https://github.com/websemantics">WebSemantics</a></li>
|
||
<li><a href="https://github.com/sjerrys/vuetest">vuetest: an ad admin
|
||
web with user auth, bootstrap ui, uploader, WYSIWYG editor in
|
||
iframe</a></li>
|
||
<li><a
|
||
href="https://github.com/andylei18/vue-shopping"><strong>vue-shopping</strong></a>
|
||
by <a href="https://github.com/andylei18">andylei18</a></li>
|
||
<li><a
|
||
href="https://github.com/shinygang/Vue-cnodejs"><strong>Vue-cnodejs,060</strong></a>
|
||
by <a href="https://github.com/shinygang"><span class="citation"
|
||
data-cites="shinygang">@shinygang</span></a></li>
|
||
<li><a
|
||
href="https://github.com/hilongjw/vue-zhihu-daily"><strong>vue-zhihu-daily</strong></a>
|
||
by <a href="https://github.com/hilongjw">hilongjw</a></li>
|
||
<li><a
|
||
href="https://github.com/gustaYo/vue-chess"><strong>VueChess</strong></a>
|
||
- Multiplayer online chess game</li>
|
||
<li><a
|
||
href="https://github.com/gustaYo/ngexplorer-vuejs-client">Ngexplorer-vuejs-client</a>
|
||
- Vue client for <code>Ngexplorer</code></li>
|
||
<li><a href="https://pengfu.github.io/vue-2048/">Vue 2048 (Vue +
|
||
Webpack)</a> by <a href="https://github.com/pengfu"><span
|
||
class="citation" data-cites="pengfu">@pengfu</span></a>: Popular
|
||
2048-Game implemented using Vue,Webpack,Sass,ES6</li>
|
||
<li><a href="https://github.com/BosNaufal/vue-simple-pwa">Vue Simple
|
||
PWA</a></li>
|
||
<li><a href="https://github.com/aweber1/tour-of-heroes-vue2">Tour of
|
||
Heroes (Vue 2.0)</a>: A Vue 2.0 port of the Angular 2.0 <a
|
||
href="https://angular.io/docs/ts/latest/tutorial/">Tour of Heroes</a>
|
||
demo app. Highlights: ES6/7, render functions, JSX, <a
|
||
href="https://github.com/revue/revue">revue</a> (redux bindings for
|
||
Vue), <code>vue-router</code>, <a
|
||
href="https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb-base">Airbnb
|
||
eslint</a>, webpack. by <a href="https://github.com/aweber1"><span
|
||
class="citation" data-cites="aweber1">@aweber1</span></a></li>
|
||
<li><a
|
||
href="https://github.com/echoVic/vue-table-pagination">vue-table-pagination</a>
|
||
A table with pagination by <a
|
||
href="https://github.com/echovic">echovic</a></li>
|
||
<li><a
|
||
href="https://github.com/delay/feathers-vue-blog-admin-demo">Feathers
|
||
and Vue 2.0 Blog Admin Demo</a> Demo for using Feathers with Vue 2.0. It
|
||
includes authentication, vue-router, vue-infinite-loading and roles by
|
||
<a href="https://github.com/delay">delay</a></li>
|
||
<li><a
|
||
href="https://github.com/cs1707/vue-zhihudaily-2.0">vue-zhihudaily-2.0</a>
|
||
Zhihudaily demo built with Vue 2.0, vue-router & vuex, with
|
||
server-side rendering. by <a
|
||
href="https://github.com/cs1707">cs1707</a></li>
|
||
<li><a
|
||
href="https://github.com/fishenal/Todos_Vuejs">vue-demo-todolist</a> a
|
||
simply vue2.0 demo built with Vue 2.0, vue-cli. by <a
|
||
href="https://github.com/fishenal">fishenal</a></li>
|
||
<li><a
|
||
href="https://github.com/liujians/vue-adminLte-vue-router"><strong>vue-AdminLte</strong></a>
|
||
by <a href="https://github.com/liujians">liujians</a></li>
|
||
<li><a href="https://github.com/ycwalker/CMS-of-Blog"><strong>Vue(2.0) +
|
||
Node.js: A blog content manage system (CMS)</strong></a> by <span
|
||
class="citation" data-cites="ycwalker">@ycwalker</span></li>
|
||
<li><a
|
||
href="https://github.com/gustaYo/ngexplorer-quasar">ngexplorer-quasar</a>
|
||
-Implementation of <code>Ngexplorer</code> with <a
|
||
href="https://github.com/rstoenescu/quasar-framework">quasar
|
||
framework</a></li>
|
||
<li><a
|
||
href="https://github.com/moonou/zhihu-daily-vue">zhihu-daily-vue</a> a
|
||
zhihu daily base on vue2.0 by <a
|
||
href="https://github.com/moonou">moonou</a></li>
|
||
<li><a
|
||
href="https://github.com/qxl1231/generator-loopback-vue">loopback-vue</a>
|
||
loopback+vue+vue-resource,ionic-app,vue page 分页功能,authenticate
|
||
权限控制,accesstoken 机制,credentials,CI,docker <a
|
||
href="https://github.com/qxl1231">qxl1231</a></li>
|
||
<li><a
|
||
href="https://github.com/kfei/vue-s3-dropzone"><strong>vue-s3-dropzone</strong></a>
|
||
A Vue.js drag-and-drop component uploads files to AWS S3
|
||
serverlessly</li>
|
||
<li><a
|
||
href="https://github.com/TIGERB/easy-vue"><strong>easy-vue</strong></a>
|
||
a easy example using the vue to implement easy web with vue 2.0, vuex
|
||
2.0, vue-router 2.0, vue-infinite-scroll 2.0, vue-progressbar 2.0 by <a
|
||
href="https://github.com/tigerb">TIGERB</a></li>
|
||
<li><a
|
||
href="https://github.com/metricloop/vuex-events-messaging-demo">Vuex
|
||
Events Messaging Demo</a> by <a
|
||
href="https://metricloop.com/blog">Metric Loop</a></li>
|
||
<li><a href="https://github.com/akifo/vue-memo">vue-memo</a> a simple
|
||
demo build with Vue.js(>2.x.), vue-router(>2.x.), vuex(>2.x.),
|
||
vuex-router-sync@next(>3.x.) and Firebase(>3.6.x) by <a
|
||
href="https://github.com/akifo">akifo</a></li>
|
||
<li><a href="https://github.com/ChangJoo-Park/Resume-Vue">Resume Vue</a>
|
||
JSON based Resume based on Vue 2.0 by <a
|
||
href="https://github.com/ChangJoo-Park/">ChangJoo Park</a></li>
|
||
<li><a
|
||
href="https://github.com/Angarsk8/phoenix_vuejs_authentication_example"><strong>App
|
||
example with JWT Authentication</strong></a> developed with
|
||
<code>Phoenix Framework</code>, <strong>Vue</strong> and <strong>Vue
|
||
Router</strong> (<a
|
||
href="https://phoenix-vue-auth.herokuapp.com"><em><strong>demo</strong></em></a>)</li>
|
||
<li><a
|
||
href="https://github.com/shershen08/vue.js-v2-crud-application">Sample
|
||
CRUD app with router in Vue 2.0</a> by <a
|
||
href="https://github.com/shershen08"><span class="citation"
|
||
data-cites="shershen08">@shershen08</span></a></li>
|
||
<li><a href="https://github.com/mgyongyosi/VuejsSSRSample">ASP.NET Core
|
||
Vue.js server-side rendering sample</a> by <a
|
||
href="https://github.com/mgyongyosi"><span class="citation"
|
||
data-cites="mgyongyosi">@mgyongyosi</span></a></li>
|
||
<li><a
|
||
href="https://github.com/sejr/vuefire-quickstart"><strong>vuefire-quickstart</strong></a>
|
||
- Documented Firebase integration w/ webpack and eslint, by <a
|
||
href="https://github.com/sejr"><span class="citation"
|
||
data-cites="sejr">@sejr</span></a>.</li>
|
||
<li><a
|
||
href="https://github.com/rokups/hello-vue-django"><strong>hello-vue-django</strong>
|
||
Vue.js and Django integration starter project with hot code
|
||
reload</a></li>
|
||
<li><a href="https://github.com/Angarsk8/loopa-news"><strong>Real Time
|
||
Social News App</strong></a> developed with
|
||
<code>Phoenix Framework</code>, <strong>Vue</strong>, <strong>Vue
|
||
Router</strong> and <strong>Vuex</strong> (<a
|
||
href="https://loopa-news.herokuapp.com"><em><strong>demo</strong></em></a>)</li>
|
||
<li><a
|
||
href="https://github.com/CaiYiLiang/simply-calculator-vuejs"><strong>vue-calculator</strong></a>
|
||
a simply calculator built with Vue 2.0, vue-cli(webpack-simple).</li>
|
||
<li><a
|
||
href="https://github.com/CaiYiLiang/vue-demos/tree/master/wikipediaViewer-vuejs"><strong>Wikipedia-viewer</strong></a>
|
||
A simple wikipedia-viewer page built with vue2.x
|
||
,vue-router,vue-cli(webpack-simple) and ajax(jsonp).</li>
|
||
<li><a
|
||
href="https://github.com/superman66/vue2.x-douban"><strong>vue2.x-douban</strong></a>
|
||
A simple of douban movie build with vue2.x,vue-router and
|
||
axios(豆瓣电影). by <a
|
||
href="https://github.com/superman66">Superman</a></li>
|
||
<li><a
|
||
href="https://github.com/jcc/vue-laravel-example"><strong>vue-laravel-example</strong></a>
|
||
Vue - Laravel - Example is a simple example to set Vue with Laravel. by
|
||
<a href="https://github.com/jcc">Jiajian Chan</a></li>
|
||
<li><a
|
||
href="https://github.com/hal0gen/vue-foundation"><strong>vue-foundation</strong></a>
|
||
A demo app integrating VueJS with <a
|
||
href="https://github.com/zurb/foundation-sites"><strong>Zurb
|
||
Foundation</strong></a>, built using the webpack vue-cli f</li>
|
||
<li><a
|
||
href="https://github.com/MarkPieszak/aspnetcore-Vue-starter">aspnetcore-Vue-starter</a>
|
||
A VueJS 2 starter template as part of an asp.net MVC dotnetcore project.
|
||
This template includes the VueJS client app and a backend API
|
||
controller.</li>
|
||
<li><a
|
||
href="https://github.com/yujiahaol68/reddit-app"><strong>vue-reddit-app</strong></a>
|
||
A Reddit SPA <a
|
||
href="https://yujiahaol68.github.io/reddit-app/"><em><strong>demo</strong></em></a>
|
||
built with <strong>Vue 2.X</strong> , <strong>Vue Router 2</strong> ,
|
||
<strong>Vuex</strong> and <strong>axios</strong>. Using Muse-UI and
|
||
vue-cli webpack template by <a
|
||
href="https://github.com/yujiahaol68"><span class="citation"
|
||
data-cites="yujiahaol68">@yujiahaol68</span></a></li>
|
||
<li><a
|
||
href="https://github.com/pluto1114/vue-music-qq"><strong>vue-music-qq</strong></a>
|
||
A qq-music project is based on vue-cli. The pages are simple and
|
||
smooth</li>
|
||
<li><a
|
||
href="https://github.com/ShuvoHabib/Vue-JSX-and-Vue-Redux-Navigation-Tab">NavigationTab
|
||
with Vue-Redux and Plain VueJSX</a> Navigation Tab with both plain Vue
|
||
JSX and Vue + Redux Binding</li>
|
||
<li><a href="https://veggiemap.herokuapp.com/">Veggie Map</a> An
|
||
interactive demo using Vuejs + Vue router + Leaflet and Firebase</li>
|
||
<li><a
|
||
href="https://github.com/johnnynotsolucky/samples/tree/master/vuejs-d3">vuejs-d3</a>
|
||
examples how to use d3 for visualisations.</li>
|
||
<li><a
|
||
href="https://github.com/YuheiNakasaka/vue-twitter-client">vue-twitter-client</a>
|
||
A Twitter Client App build with Vue 2.X, Vuex, electron-vue and
|
||
Electron</li>
|
||
<li><a
|
||
href="https://github.com/jeneser/douban"><strong>Douban</strong></a>
|
||
Awesome douban Example created with <strong>Vue2.x</strong> +
|
||
<strong>Vuex</strong> + <strong>Vue-router</strong> +
|
||
<strong>vue-resource</strong>. by <a
|
||
href="https://github.com/jeneser">jeneser</a></li>
|
||
<li><a href="https://github.com/storyblok/vuejs-boilerplate">Storyblok
|
||
vuejs-boilerplate</a> - Integrates Storyblok’s Component System, allows
|
||
to create editable Websites.</li>
|
||
<li><a href="https://github.com/Ethaan/vuexpresso">Vuexpresso</a> - A
|
||
boilerplate using VueX, Vue-Router, Vue-Apollo, webpack, GraphQL,
|
||
Apollo-client, express and mongo</li>
|
||
<li><a href="https://github.com/ndabAP/vue-sails-example">Vue.js with
|
||
Sails.js example project</a> - This project is for those who are new to
|
||
single-page applications and want to learn through a real example.</li>
|
||
<li><a
|
||
href="https://github.com/eddyekofo94/pyramidVue.git"><strong>Vue.js
|
||
& Pyramid web framework app</strong></a> - A boilerplate using
|
||
Pylons Pyramid webframework backend Vuejs webpack2, vue-router,
|
||
yarn(packet manager)</li>
|
||
<li><a
|
||
href="https://github.com/ErickPetru/vue-feathers-chat">vue-feathers-chat</a>
|
||
A sample realtime chat made with Vue in frontend and Feathers in
|
||
backend, but using just Socket.IO-Client for the communication</li>
|
||
<li><a href="https://github.com/JackGit/xplan/">vue-xplan</a> A rotating
|
||
earth demo page created with Vue and three.js</li>
|
||
<li><a
|
||
href="https://github.com/Chanran/vueSocketChatroom"><strong>vueSocketChatRoom</strong></a>
|
||
A socket chat room using
|
||
vue2.x,vuex2.x,vue-router2.x,vux2.x,socket.io</li>
|
||
<li><a href="http://binaryify.github.io/vue-tetris/">vue-tetris (Use
|
||
Vue, Vuex, Immutable to code Tetris)</a> by <a
|
||
href="https://github.com/Binaryify"><span class="citation"
|
||
data-cites="Binaryify">@Binaryify</span></a>: Use Vue, Vuex, Immutable
|
||
to code Tetris.</li>
|
||
<li><a
|
||
href="https://kasheftin.github.io/route-planner-vue/">route-planner-vue</a>
|
||
by <a href="https://github.com/Kasheftin"><span class="citation"
|
||
data-cites="Kasheftin">@Kasheftin</span></a>: The tool for planning
|
||
routes with multiple sortable layers, draggable directions, markers and
|
||
shapes on google map.</li>
|
||
<li><a
|
||
href="https://github.com/ssshooter/MyDiary-Vue/blob/master/README.En.md">MyDiary-Vue</a>
|
||
A diary application build with Vue 2.X which is also have contact and
|
||
todolist function</li>
|
||
<li><a href="https://github.com/vue-project">VueJS Example Projects</a>
|
||
on Github</li>
|
||
<li><a
|
||
href="https://github.com/voluntadpear/todomvc-vue-webpack">todo-mvc-webpack</a>
|
||
by <a href="https://github.com/voluntadpear">voluntapear</a> TodoMVC
|
||
implementation on Vue 2 using the webpack-basic template with examples
|
||
showing vuex, vue-router, central event bus and VueFire.</li>
|
||
<li><a href="https://github.com/gustaYo/vue-chess-storybook">Chess
|
||
Storybook Example</a> with Vue 2.0</li>
|
||
<li><a href="https://github.com/sdras/vue-weather-notifier">Vue Weather
|
||
Notifier</a> A small sample animation app with SVG and Vuex</li>
|
||
<li><a href="https://github.com/wmui/vueblog">VueBlog</a> A blog system
|
||
supporting service side rendering by <a
|
||
href="https://github.com/wmui">wmui</a></li>
|
||
<li><a href="https://github.com/Piterden/cinemateka">Cinemateka</a> - An
|
||
example of SPA made with Vue v1 & Laravel 5. Film & events
|
||
schedule. Russian comments.</li>
|
||
<li><a
|
||
href="https://github.com/the6thm0nth/vue-2.x-boilerplate">vue-2.x-boilerplate</a>
|
||
- A simple and small starter kit for a Vue project Vuex +
|
||
vue-router</li>
|
||
<li><a
|
||
href="https://github.com/rhapsodyn/vue-minesweeper">vue-minesweeper</a>
|
||
- A deadly simple minesweeper game with vuejs by <a
|
||
href="https://github.com/rhapsodyn">rhapsodyn</a></li>
|
||
<li><a
|
||
href="https://github.com/OXOYO/X-Flowchart-Vue">X-Flowchart-Vue</a> - A
|
||
flowchart editor with SVG and Vue</li>
|
||
<li><a
|
||
href="https://github.com/johndatserakis/koa-vue-notes-web">koa-vue-notes-web</a>
|
||
- A fleshed-out SPA using Koa 2.3 on the backend and Vue 2.4 on the
|
||
frontend. Includes fully featured user-authentication components, CRUD
|
||
actions for the user’s notes, and Vuex store modules.</li>
|
||
<li><a
|
||
href="https://github.com/ittus/vuejs-firebase-shopping-cart">Vuejs
|
||
Shopping Cart</a> - Shopping cart example using Vuejs and Firebase</li>
|
||
<li><a href="https://github.com/rchung95/PokedexVueJs">PokedexVueJs</a>
|
||
by <span class="citation" data-cites="rchung95">@rchung95</span></li>
|
||
<li><a href="https://github.com/aofdev/vuefire-auth">vuefire-auth</a> A
|
||
Vuefire Vue2-Auth-Email Verification with Firebase</li>
|
||
<li><a
|
||
href="https://github.com/aofdev/vuefire-realtimedatabase">vuefire-realtimedatabase</a>
|
||
A Vuefire Vue2-RealtimeDatabaseCRUD with Firebase</li>
|
||
<li><a
|
||
href="https://github.com/aofdev/vuefire-storage">vuefire-storage</a> A
|
||
Vuefire Vue2-Storage with Firebase</li>
|
||
<li><a
|
||
href="https://github.com/deepak-singh/vue-blog-pwa">Vue2-PWA-Blog</a> by
|
||
<span class="citation"
|
||
data-cites="deepak-singh">@deepak-singh</span></li>
|
||
<li><a
|
||
href="https://github.com/aofdev/vue-firebase-auth-vuex">vue-firebase-auth-vuex</a>
|
||
A Vue2 Firebase Authentication with Vuex and support Progressive Web
|
||
Apps</li>
|
||
<li><a
|
||
href="https://github.com/joshua1988/vue-chart-starter-kit">vue-chart-stater-kit</a>
|
||
Quick starter using Vue Router, Vue Chart, Element-UI</li>
|
||
<li><a
|
||
href="https://github.com/qianyinghuanmie/vue2.0-demos">vue2.0-demos</a>
|
||
using mint-ui, Element-UI,And have Some demos(select city and so
|
||
on)</li>
|
||
<li><a href="https://github.com/edge/conway">conway</a> Conway’s Game of
|
||
Life in Vue.</li>
|
||
<li><a
|
||
href="https://github.com/igeligel/vuex-feature-scoped-structure">vuex-feature-scoped-structure</a>
|
||
An example application of the feature scoped vuex application
|
||
structure</li>
|
||
<li><a href="https://github.com/ooade/vuex-examples">vuex-examples</a> -
|
||
Simple Examples on using Vuex to build Real World Apps</li>
|
||
<li><a
|
||
href="https://github.com/bahmutov/vue-vuex-todomvc">vue-vuex-todomvc</a>
|
||
- Example TodoMVC Vue.js app with Vuex store and server backend via REST
|
||
and full set of E2E tests using <a
|
||
href="https://www.cypress.io/">Cypress.io</a> test runner.</li>
|
||
<li><a
|
||
href="https://github.com/skysign/vuejs-sqljs-boilerplate">vuejs-sqljs-boilerplate</a>
|
||
- This is a boilerplate to use both Vue.js and sql.js together</li>
|
||
<li><a
|
||
href="https://github.com/OXOYO/X-WebDesktop-Vue">X-WebDesktop-Vue</a> -
|
||
The WebDesktop system based on Vue</li>
|
||
<li><a
|
||
href="https://github.com/Jamaks/vuejs-music-player">vuejs-music-player</a>
|
||
- A Vue.js lite music player</li>
|
||
<li><a
|
||
href="https://github.com/sarneeh/vuejs-example-stock-trader">Vue.js Best
|
||
Practices Example Project</a> - A best practices example project using
|
||
Vue.js + Vue Router + Vuex + Vuelidate</li>
|
||
<li><a href="https://github.com/jasscia/one">Vue.js [ONE] client</a> -
|
||
[ONE] client written with Vue2.5</li>
|
||
<li><a href="https://github.com/DominikAngerer/auth0-vue">Vue.js 2.5
|
||
with vue-cli v3 including authentication with auth0</a> by Dominik
|
||
Angerer, Storyblok</li>
|
||
<li><a href="https://github.com/SierraSoftworks/vue-template">Skeleton
|
||
Vue+TypeScript</a> - TypeScript, VueJS, ElementUI, Vue Router, Vuex,
|
||
Material Icons, BrowserSync, Dockerfile</li>
|
||
<li><a href="https://github.com/jesalg/penv-starter"><strong>PENV
|
||
Starter</strong></a> - A basic example of how to use VueJS, Express and
|
||
PostgreSQL in conjunction.</li>
|
||
<li><a
|
||
href="https://github.com/ntkme/vue-relay-examples">vue-relay-examples</a>
|
||
- A collection of example applications using vue-relay.</li>
|
||
<li><a
|
||
href="https://github.com/alefesouza/laravel-vue-boilerplate">laravel-vue-boilerplate</a>
|
||
- A Laravel 5.5 SPA boilerplate with a users CRUD using Vue.js 2.5,
|
||
Bootstrap 4, TypeScript, Sass, Pug and Jest.</li>
|
||
<li><a href="https://github.com/viljamis/vue-design-system">Vue Design
|
||
System</a> - An open source boilerplate for building UI Design Systems
|
||
with Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/faisaltheparttimecoder/bulma-vuejs-demo-website">Vue
|
||
Bulma Demo</a> - A simple demo website to check out Bulma / Vue JS &
|
||
express in conjunction.</li>
|
||
<li><a href="https://github.com/kadro/vue-boilerplate">Starter
|
||
application ready for production with TypeScript, vuex, vue-router, HMR
|
||
and more</a></li>
|
||
<li><a
|
||
href="https://github.com/wmhello/laravel_template_with_vue">vue.js 与
|
||
laravel 结合的前后端分离开发模板</a>- A template website to laravel
|
||
passport / Vue.JS & Element UI.</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/hands-web-development-vuejs-video">Hands-On
|
||
Web Development with Vue.js</a> by Roman Kuba, Packt. (May 2018)</li>
|
||
<li><a href="https://github.com/PowerDos/Mall-Vue">Vue Online Shopping
|
||
Mall</a> - A online shopping mall SPA demo, 基于 VUE
|
||
开发的前后端分离电子商城前端项目</li>
|
||
<li><a href="https://github.com/elaijuh/fue">FUE</a> - Admin SPA client
|
||
and server-side boilerplate with Vue.js + Vue Router + Vuex + Vuetify +
|
||
FeathersJS</li>
|
||
<li><a
|
||
href="https://github.com/ffxsam/vue-typescript-cookbook/blob/master/README.md">Vue
|
||
+ TypeScript Cookbook</a> - A small cookbook covering some
|
||
less-than-obvious solutions for people getting started with Vue +
|
||
TypeScript</li>
|
||
<li><a href="https://vuejsexamples.com/">Vuejs Examples</a></li>
|
||
<li><a
|
||
href="https://github.com/SoftwareAteliers/asp-net-core-vue-starter">ASP.NET
|
||
Core Vue Starter CLI 3.0</a> A Vue starter template using Vue CLI 3.0
|
||
with custom configuration (default TypeScript, Vue, Router, Vuex,
|
||
Vuetify) integrated with ASP.NET Core by <a
|
||
href="https://github.com/SoftwareAteliers"><span class="citation"
|
||
data-cites="SoftwareAteliers">@SoftwareAteliers</span></a> (September
|
||
2018)</li>
|
||
<li><a
|
||
href="https://github.com/soroushchehresa/vue-soundcloud"><strong>vue-soundcloud</strong></a>
|
||
A Soundcloud client built with Vue.js 2, by <a
|
||
href="https://github.com/soroushchehresa">Soroush Chehresa</a></li>
|
||
<li><a
|
||
href="https://github.com/crisgon/vue-cart"><strong>vue-cart</strong></a>
|
||
A simple shop cart made with vue, vuex and vue router. by <a
|
||
href="https://github.com/crisgon">crisgon</a></li>
|
||
<li><a href="https://github.com/kavalcante/nuxt-element-apollo">Nuxt +
|
||
Apollo + Element</a> A Vue.js SSR boilerplate with Nuxt, Element (custom
|
||
theme) and Vue Apollo.</li>
|
||
<li><a
|
||
href="https://github.com/walleeeee/daily-zhihu"><strong>vue-daily-zhihu</strong></a>
|
||
a simple demo build with Vue 2.0 & vue-router & vuex by <a
|
||
href="https://github.com/walleeeee">walleeeee</a></li>
|
||
<li><a
|
||
href="https://github.com/danijelh/aspnetcore-vue-typescript-template"><strong>Multi-page
|
||
ASP.NET Core Vue with TypeScript</strong></a> - Multi-page ASP.NET Core
|
||
Vue, Typescript, Vuex, Vue router, Bulma, Sass and Jest application.
|
||
Template/starting point on how to use Vue.js as a multi page(multiple
|
||
mini spa’s) application in .NET Core MVC.</li>
|
||
<li><a
|
||
href="https://github.com/visualjerk/vue-cion-design-system"><strong>CION</strong>
|
||
- Design system boilerplate for Vue.js</a> - A design system build
|
||
primarily for Vue.js applications. It utilizes design tokens, a living
|
||
styleguide with integrated code playgrounds and reusable components for
|
||
common UI tasks.</li>
|
||
<li><a
|
||
href="https://github.com/latovicalmin/vuejs-websockets-example"><strong>Vue
|
||
websockets example</strong></a> - A basic example of Websockets usage
|
||
with Vue.js 2 + Node project for full working example.</li>
|
||
<li><a href="https://github.com/FatDong1/vue-blog"><strong>Vue(2.0) +
|
||
Node.js: A blog</strong></a> by <span class="citation"
|
||
data-cites="FatDong1">@FatDong1</span></li>
|
||
<li><a
|
||
href="https://github.com/alexander-elgin/vue-todo-list">vue-todo-list</a>
|
||
ToDo List sample app based on Vue + Vuex + Vuetify + Vee-Validate</li>
|
||
<li><a
|
||
href="https://github.com/ModusCreateOrg/ionic-vue-examples/">Vue.js and
|
||
Ionic v4 examples</a> - A set of examples of how to use Ionic v4 with
|
||
Vue.js</li>
|
||
<li><a href="https://github.com/snturk/snturk.github.io">Personal
|
||
Website that use Vue, Vuex and Vue-Router</a> - A simple website example
|
||
that made with vue, vuex and vue-router by <a
|
||
href="https://github.com/snturk">Muratcan Şentürk</a></li>
|
||
<li><a href="https://github.com/justinwash/Client-Side-Vue">Client-Side
|
||
Vue.js</a> - <a href="https://client-side-vue.herokuapp.com">Demo</a> -
|
||
Vue.js client-side for tiny, quick-loading, node.js-less Single Page
|
||
Apps by <a href="https://github.com/justinwash">Justin Wash</a></li>
|
||
<li><a href="https://github.com/arunredhu/vuejs_boilerplate">Large scale
|
||
Vue.js application boilerplate + Vuex</a> - A boilerplate for starting
|
||
large scale, flexible Vue.js application with using Vuex as state
|
||
management - by <a href="https://arunredhu.in">Arun Redhu</a></li>
|
||
<li><a href="https://github.com/Seokky/vue-snake-game">Snake game on
|
||
Vue.js without Canvas</a></li>
|
||
<li><a
|
||
href="https://github.com/cometchat-pro-tutorials/vue-cometchat-one-on-one-chat">A
|
||
one-on-one chat app in Vue with CometChat</a></li>
|
||
<li><a href="https://github.com/akoidan/vue-webpack-typescript">Vue
|
||
webpack typescript</a> Boilerplate with sass/ts/sfc linters. Full
|
||
typesafety including vuex and nice looking vue component with
|
||
<code>vuex-module-decorators</code>,
|
||
<code>vue-property-decorator</code></li>
|
||
<li><a href="https://github.com/acidjazz/laranuxt">Laravel + Nuxt.js
|
||
boilerplate</a> - by <a href="https://github.com/acidjazz"><span
|
||
class="citation" data-cites="acidjazz">@acidjazz</span></a></li>
|
||
<li><a
|
||
href="https://www.cometchat.com/tutorials/vue-chat-push-notifications/">Add
|
||
Push Notifications to Your Vue Chat App Using CometChat and
|
||
Firebase</a></li>
|
||
<li><a href="https://github.com/snturk/to">TO</a> - A social media app
|
||
that allows you post just texts.</li>
|
||
<li><a href="https://github.com/ooxxro/all-about-me">All-About-Me</a> -
|
||
A Social Media Web App built with Vue, Firebase
|
||
(Firestore/Auth/Storage), Element-UI, Disqus, Vuex, Vue-Router, and
|
||
Sass. Supports image uploading, profile editing, add/remove friends, and
|
||
comments.</li>
|
||
<li><a href="https://neodigm.github.io/vue_voyagers/">Vue Voyagers 👽
|
||
Space Travel</a> - A Vue.js Gamified example SPA that consumes a REST
|
||
API. It presents infographics via D3.js, animation, and web audio.</li>
|
||
<li><a
|
||
href="https://github.com/blacksonic/todomvc-vue-composition-api">TodoMVC
|
||
Vue 3 Composition API</a> - A complete TodoMVC implementation in Vue 3
|
||
Composition API with components, store, unit e2e tests and linting.</li>
|
||
<li><a href="https://github.com/blacksonic/todomvc-vue">TodoMVC Vue</a>
|
||
- A complete TodoMVC implementation in Vue 2 with components, store,
|
||
unit e2e tests and linting.</li>
|
||
<li><a href="https://github.com/blacksonic/movie-search-vue">Movie
|
||
search app with Composition API</a> - A movie search app implemented in
|
||
Vue 2 with the Composition API plugin</li>
|
||
<li><a
|
||
href="https://github.com/reiallenramos/nuxtjs-otp-boilerplate">Nuxt with
|
||
JWT authentication via OTP</a> - A Nuxt.js boilerplate with basic
|
||
register and OTP-enabled login functions.</li>
|
||
<li><a
|
||
href="https://github.com/Morgbn/vuetify-i18n-boilerplate">vuetify-i18n-boilerplate</a>
|
||
- <a href="https://morgbn.github.io/vuetify-i18n-boilerplate">Demo</a> -
|
||
A boilerplate to quickly start a Vue project using Vuetify, Vue-i18n,
|
||
Vuex and Vue-router</li>
|
||
<li><a href="https://github.com/wobsoriano/vue-keep">Google Keep Clone
|
||
with Vue + Firestore</a> - Google Keep clone with Vue and Firestore
|
||
written in TypeScript.</li>
|
||
<li><a
|
||
href="https://github.com/faisaltheparttimecoder/go-echo-vuejs-boilerplate">Go-echo-vuejs-boilerplate</a>
|
||
- Boilerplate that uses go with echo framework as a backend and vuejs
|
||
that serve the web traffic.</li>
|
||
<li><a
|
||
href="https://github.com/canersevince/Vue-Next-TicTacToe-Game">Vue-Next-TicTacToe</a>
|
||
- Simple Tic Tac Toe Game made with Vue Next</li>
|
||
<li><a href="https://github.com/arijs/vue-next-example"><strong>Vue 3
|
||
example without Webpack</strong></a> - An example of how to build a Vue
|
||
app with Vue-Router without the need for Webpack or any other build
|
||
tool. Includes the ability to prerender components and pages with Vue
|
||
Server Renderer.</li>
|
||
<li><a href="https://github.com/snturk/covid19-vue-component">COVID19
|
||
Live Data Component</a> - Simple component that shows live covid19 data
|
||
across the world.</li>
|
||
<li><a
|
||
href="https://github.com/meschg/vue-stack-cesium">vue-stack-cesium</a> -
|
||
A minimal sample configuration project with <a
|
||
href="https://cesium.com/cesiumjs/">CesiumJS</a> and all the awesome vue
|
||
features. The project contains many examples how to combine and use
|
||
certain packages to get started.</li>
|
||
<li><a href="https://github.com/uicrooks/shopify-theme-lab">Shopify
|
||
Theme Lab</a> - Shopify theme development starter using Vue, Vuex and
|
||
Tailwind CSS</li>
|
||
<li><a href="https://github.com/ably-labs/depict-it">Peer to Peer game
|
||
of telephone</a> - A party game for 4 to 8 players (ideally!) where you
|
||
mutate a phrase through drawings and captions, to make up funny
|
||
scenarios with your friends. The project is an example of how to build a
|
||
Peer-to-Peer game with Vue.</li>
|
||
<li><a
|
||
href="https://github.com/boussadjra/vue3-webpack">vue3-webpack</a> vue 3
|
||
+ webpack 4 starter.</li>
|
||
<li><a
|
||
href="https://github.com/boussadjra/laravel-vue-3-starter">laravel-vue-3-starter</a>
|
||
a pre-configured project using Laravel 8 and Vue 3.</li>
|
||
<li><a href="https://github.com/davidgaroro/vuetify-swipeout">Vuetify
|
||
Swipeout</a> - A swipe out example built with Vue 2 + Vuetify +
|
||
Swiper.</li>
|
||
<li><a href="https://github.com/davidgaroro/vuetify-todo-pwa">Vuetify
|
||
Todo PWA</a> - A simple Todo PWA built with Vue 2 + Vuex + Vuetify.</li>
|
||
<li><a href="https://github.com/davidgaroro/vue-todo-pwa">Vue Todo
|
||
PWA</a> - A simple Todo PWA built with Vue 3 + Vuex + Bootstrap 5.</li>
|
||
<li><a href="https://github.com/GoodManWEN/GoodManWEN.github.io">Vue
|
||
simulating</a> - A website simulating linux system’s GUI, using theme of
|
||
Deepin distro. Using vue + tailwindcss + animate.css.</li>
|
||
<li><a href="https://github.com/debadeepsen/vuewordgame">Vue Word
|
||
Game</a> - A simple Hangman-like word guessing game, built with Vue
|
||
2.</li>
|
||
<li><a href="https://github.com/okandas/coinchartsvue">Coinchartsvue</a>
|
||
- Coinchartsvue is a cryptocurrency price chart based off Coinbase’s
|
||
original price chart.</li>
|
||
<li><a href="https://github.com/wobsoriano/vue-cart">Vue 3 Shopping
|
||
Cart</a> - A Shopping cart example using Vue 3, Vite, <a
|
||
href="https://daisyui.com/">daisyUI</a> and <a
|
||
href="https://pinia.esm.dev/">Pinia</a>.</li>
|
||
<li><a
|
||
href="https://github.com/wobsoriano/vuemoji-picker">vuemoji-picker</a> -
|
||
Vue 2 and 3 lightweight emoji picker.</li>
|
||
<li><a href="https://github.com/maxim-top/maxim-web">Maxim Web Chat</a>
|
||
- A chat demo using <a href="https://www.maximtop.com">MaximTop</a>’s IM
|
||
SDK (floo), 使用美信拓扑 IM SDK 实现的聊天 App 示例.</li>
|
||
<li><a
|
||
href="https://github.com/Ted2xmen/vue-cli-3-tailwind-axios-starter">vue-cli-3-tailwind-axios-starter</a>
|
||
- A boilerplate using Tailwind, Axios-ready, Vuex and Router</li>
|
||
<li><a
|
||
href="https://github.com/Ted2xmen/vue-cli-3-wave-ui-starter">vue-cli-3-wave-ui-starter</a>
|
||
- A boilerplate using Wave UI + Vuex and Router</li>
|
||
<li><a
|
||
href="https://github.com/coskuncayemre/CVue-Awesome">CVue-Awesome</a>
|
||
Auto Resume Builder by <a href="https://github.com/coskuncayemre">Emre
|
||
Coşkunçay</a></li>
|
||
<li><a href="https://github.com/TinkoLiu/vue3-ts-lib-template">Vue 3
|
||
TypeScript Library Template</a> A simple but complete library template
|
||
for Vue 3, supports generating <code>.vue.d.ts</code></li>
|
||
<li><a
|
||
href="https://github.com/daily-demos/vue-call-object">Customizable Vue
|
||
video chat app</a> - A Vue video call demo app featuring local device
|
||
controls and screen sharing.</li>
|
||
<li><a
|
||
href="https://github.com/cerino-ligutom/Vue3-Starter">Vue3-Starter</a> A
|
||
boilerplate with an opinion on how to structure your files/folders with
|
||
a few examples such as <strong>Vue Router</strong> navigation guards,
|
||
theming with <strong>TailwindCSS</strong>, form validation w/
|
||
<strong>Vuelidate</strong>, localization with <strong>Fluent</strong>,
|
||
etc.</li>
|
||
<li><a href="https://github.com/devisasari/text-editor-vue-3">Text
|
||
Editor</a> Text Editor made with Vue 3 Composition API, Bootstrap and
|
||
Firebase by <a href="https://github.com/devisasari">İsa Sarı</a></li>
|
||
<li><a href="https://github.com/fsgreco/vue3-laravel-api">Vue 3 +
|
||
Laravel v9 - Boilerplate / Starter kit</a> An implementation of the
|
||
<strong>Laravel Breeze</strong> application / authentication starter kit
|
||
frontend in Vue.js v3. How a library can become a framework with the
|
||
help of <strong>pinia</strong> and <strong>vue-router</strong>.</li>
|
||
<li><a href="https://github.com/gyt95/h5">h5</a> A Monorepo-based mobile
|
||
engineering project. (Monorepo + Pnpm + Vite3.x + Vue3.2+ +
|
||
TypeScript4.x + VueRouter4.x + Pinia…)</li>
|
||
<li><a href="https://github.com/antfu/vitesse">Vitesse Starter</a> ⛺️
|
||
Vue 3 starter inclode ( Layouts | i18n | UnoCSS | pinia | Markdown |
|
||
Dark Mode | PWA | SSG | Component Auto-Importing | File-Based Router |
|
||
Composition API | TypeScript)</li>
|
||
<li><a href="https://github.com/antfu/vitesse-lite">Vitesse-lite
|
||
Starter</a> ⛺️ Lightweight version of Vitesse (Vue 3 Starter)</li>
|
||
<li><a
|
||
href="https://github.com/selimdoyranli/vue-plugin-boilerplate">vue-plugin-boilerplate</a>
|
||
- Boilerplate for vue 2&3 plugin development 🟩📦</li>
|
||
</ul>
|
||
<h3 id="books">Books</h3>
|
||
<ul>
|
||
<li><a href="https://www.packtpub.com/web-development/majesty-vuejs">The
|
||
Majesty Of Vue.js</a> by Alex Kyriakidis & Kostas Maniatis, Packt.
|
||
(Nov 2016)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/learning-vuejs-2">Learning
|
||
Vue.js 2</a> by Olga Filipova, Packt. (Dec 2016)</li>
|
||
<li><a href="https://leanpub.com/vuejs2">The Majesty Of Vue.js 2</a> by
|
||
Alex Kyriakidis and Kostas Maniatis, Leanpub. (Mar 2017)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/vuejs-2-cookbook">Vue.js
|
||
2 Cookbook</a> by Andrea Passaglia, Packt. (May 2017)</li>
|
||
<li><a href="https://www.manning.com/books/vue-js-in-action">Vue.js in
|
||
Action</a> by Erik Hanchett and Benjamin Listwon (Spring 2018)</li>
|
||
<li><a
|
||
href="https://www.manning.com/books/testing-vuejs-applications">Testing
|
||
Vue.js Applications</a> by Edd Yerburgh (Summer 2018)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/vuejs-2-and-bootstrap-4-web-development">Vue.js
|
||
2 and Bootstrap 4 Web Development</a> by Olga Filipova, Packt.
|
||
(September 2017)</li>
|
||
<li><a
|
||
href="https://www.casadocodigo.com.br/products/livro-frontend-vue">Front-end
|
||
com Vue.js</a> by Leonardo Vilarinho, Casa do Código. (November
|
||
2017)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/vuejs-2-web-development-projects">Vue.js
|
||
2 Web Development Projects</a> by Guillaume Chau, Packt. (November
|
||
2017)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/application-development/full-stack-vuejs-2-and-laravel-5">Full-Stack
|
||
Vue.js 2 and Laravel 5</a> by Anthony Gore, Packt. (December 2017)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/application-development/vuejs-2x-example">Vue.js
|
||
2.x by Example</a> by Mike Street, Packt. (December 2017)</li>
|
||
<li><a href="https://masteringvuejs.com">Mastering Vue.js</a> by
|
||
Oleksandr Kocherhin. (January 2018)</li>
|
||
<li><a href="https://www.fullstack.io/vue/">Fullstack Vue: The Complete
|
||
Guide to Vue.js</a> by Hassan Djirdeh, Nate Murray, & Ari Lerner.
|
||
(March 2018)</li>
|
||
<li><a href="https://www.amazon.com/dp/178883979X">Vue.js 2 Design
|
||
Patterns and Best Practices</a> by Paul Halliday, Packt. (March
|
||
2018)</li>
|
||
<li><a href="https://www.amazon.com/dp/1788999932">Vuex Quick Start
|
||
Guide</a> by Andrea Koutifaris, Packt. (April 2018)</li>
|
||
<li><a
|
||
href="https://www.amazon.com/Full-Stack-Web-Development-Vue-js-Node/dp/1788831144">Full-Stack
|
||
Web Development with Vue.js and Node</a> by Aneeta Sharma, Packt. (May
|
||
2018)</li>
|
||
<li><a href="https://vuehandbook.com">The Vue Handbook</a> by Flavio
|
||
Copes. (July 2018)</li>
|
||
<li><a href="https://www.amazon.com/dp/1788839463">ASP.NET Core 2 and
|
||
Vue.js</a> by Stuart Ratcliffe, Packt. (July 2018)</li>
|
||
<li><a href="https://www.casadocodigo.com.br/products/livro-vue">Vue.js:
|
||
Construa aplicações incríveis</a> by Caio Incau, Casa do Código.
|
||
(September 2017)</li>
|
||
<li><a href="https://www.apress.com/us/book/9781484237809">Getting to
|
||
Know Vue.js</a> by Brett Nelson, Apress. (August 2018)</li>
|
||
<li><a href="https://leanpub.com/vue-book">Vue: Build & Deploy</a>
|
||
by Daniel Schmitz, Leanpub. (September 2018)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/application-development/building-applications-spring-5-and-vuejs-2">Building
|
||
Applications with Spring 5 and Vue.js 2</a> by James J. Ye, Packt.
|
||
(October 2018)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/application-development/vuejs-quick-start-guide">Vue.js
|
||
Quick Start Guide</a> by Ajdin Imsirovic, Packt. (October 2018)</li>
|
||
<li><a
|
||
href="https://fdietz.de/pages/vue-component-patterns-course/">Vue.js
|
||
Component Patterns Course</a> by Frederik Dietz (April 2019)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/business-other/vue-js-understanding-its-tools-and-ecosystem?utm_source=vue.js.org&utm_medium=referral&utm_campaign=OutreachB15894fivedollar">Vue.js:
|
||
Understanding its Tools and Ecosystem</a> by Dave Berning (November
|
||
2019)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/business-other/building-forms-with-vue-js?utm_source=Vuejs.org&utm_medium=referral&utm_campaign=OutreachB15411">Building
|
||
Forms with Vue.js</a> by Marina Mosti (October 2019)</li>
|
||
<li><a
|
||
href="https://www.packtpub.com/programming/testing-vue-js-components-with-jest?utm_source=vue.js.org&utm_medium=refferal&utm_campaign=OutreachB15653">Testing
|
||
Vue.js Components with Jest</a> by Alex Jover Morales, Packt (October
|
||
2019)</li>
|
||
<li><a
|
||
href="https://www.amazon.com/Vue-js-Actionable-Chris-Minnick/dp/1951959019">Vue.js</a>
|
||
by Chris Minnick and Nat Dunn, Webucator (February, 2020)</li>
|
||
<li><a href="https://books.ninja-squad.com/vue">Become a Ninja with Vue
|
||
3</a> by Cédric Exbrayat (English and French versions) (May, 2020)</li>
|
||
<li><a href="http://leanpub.com/vue-typescript/c/vaYXLEFWbMi7">Large
|
||
Scale Apps with Vue 3 and TypeScript</a> Damiano Fusco, Leanpub
|
||
(September, 2020)</li>
|
||
<li><a
|
||
href="https://theroadtoenterprise.com/?utm_source=github&utm_medium=vue-awesome&utm_campaign=vue_the_road_to_enterprise">Vue
|
||
- The Road To Enterprise</a> Thomas Findlay (January, 2021)</li>
|
||
<li><a href="https://accessible-vue.com">Accessible Vue – Get started
|
||
with Accessibility in Vue.js!</a> by Marcus Herrmann (March 2021)</li>
|
||
<li><a
|
||
href="https://snipcart.com/blog/strapi-ecommerce-nuxtjs-tutorial">Building
|
||
a Strapi E-Commerce: Nuxt.js Tutorial & Live Demo</a> (September
|
||
2021)</li>
|
||
</ul>
|
||
<h3 id="blog-posts">Blog Posts</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://medium.com/@malgamves/vue-x-hasura-graphql-d66f585a3ba5">Vue
|
||
x Hasura GraphQL</a></li>
|
||
<li><a
|
||
href="https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf">Using
|
||
GraphQL Mutations in Vue.js</a></li>
|
||
<li><a
|
||
href="https://medium.appbase.io/learn-how-to-build-a-github-search-explorer-app-with-vue-js-c66f61d6e152">Learn
|
||
How To Build A Data-Driven Search UI with Vue.JS</a></li>
|
||
<li><a
|
||
href="https://medium.com/@croo/using-gitlab-ci-cd-to-auto-deploy-your-vue-js-application-to-aws-s3-9affe1eb3457">Using
|
||
GitLab CI/CD to auto-deploy your Vue.js application to AWS S3</a></li>
|
||
<li><a
|
||
href="https://mherman.org/blog/dockerizing-a-vue-app/">Dockerizing a Vue
|
||
App</a></li>
|
||
<li><a
|
||
href="https://testdriven.io/blog/deploying-flask-to-heroku-with-docker-and-gitlab/">Deploying
|
||
a Flask and Vue App to Heroku with Docker and Gitlab CI</a></li>
|
||
<li><a
|
||
href="https://medium.com/3yourmind/large-scale-vuex-application-structures-651e44863e2f">Large-scale
|
||
Vuex application structures</a></li>
|
||
<li><a
|
||
href="https://medium.com/@kevin_peters/composing-computed-properties-in-vue-js-87b4507af079">Composing
|
||
computed properties in Vue.js</a></li>
|
||
<li><a
|
||
href="https://medium.com/@kevin_peters/learn-how-to-refactor-vue-js-single-file-components-on-a-real-world-example-501b3952ae49">Learn
|
||
how to refactor Vue.js Single File Components with a real-world
|
||
example</a></li>
|
||
<li><a
|
||
href="https://www.sitepoint.com/class-based-vue-js-typescript">Get
|
||
Started Writing Class-based Vue.js Apps in TypeScript</a></li>
|
||
<li><a href="https://johnpapa.net/vue-typescript">Vue.js with
|
||
TypeScript</a> by <a href="https://johnpapa.net/about/">John
|
||
Papa</a></li>
|
||
<li><a href="https://testdriven.io/blog/vue-unit-testing/">Guide to Unit
|
||
Testing Vue Components</a></li>
|
||
<li><a
|
||
href="https://dev.to/hasurahq/realtime-chat-app-with-vue-and-hasura-202h">Realtime
|
||
chat App with Vue and Hasura</a></li>
|
||
<li><a
|
||
href="https://buttercms.com/blog/vue-vs-react-which-is-the-better-framework">Vue
|
||
vs React: Which is the better framework?</a></li>
|
||
<li><a
|
||
href="https://buttercms.com/blog/build-a-beautiful-animated-news-app-with-vuejs-and-vuetify">Building
|
||
a Beautiful Animated News App with Vue.js and Vuetify</a></li>
|
||
<li><a
|
||
href="https://buttercms.com/blog/comparing-angular-vs-vue">Comparing
|
||
Angular vs Vue</a></li>
|
||
<li><a
|
||
href="https://www.ideamotive.co/blog/vue-vs-react?utm_source=github.com&utm_medium=social&utm_campaign=vue-vs-react">Vue
|
||
vs. React – Which Should You Pick For Your Next Web Project?</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PLLhEJK7fQIxDWDJEyeT68wT8ZroODeRuw">Vue.js
|
||
from scratch series</a> on YouTube by Paris Nakita Kejser</li>
|
||
<li><a
|
||
href="https://medium.com/javascript-in-plain-english/10-quick-fire-vue-interview-questions-3c16d14a3b51">10
|
||
Quick-Fire Vue Interview Questions</a></li>
|
||
<li><a href="https://themeselection.com/vuejs-admin-template/">VueJS
|
||
Admin Template</a> - Collection of awesome opens source and premium
|
||
VueJS Admin Templates.</li>
|
||
</ul>
|
||
<h3 id="courses">Courses</h3>
|
||
<ul>
|
||
<li><a href="https://testdriven.io/courses/learn-vue/">Learn Vue by
|
||
Building and Deploying a CRUD App</a> - This course is focused on
|
||
teaching the fundamentals of Vue by building and testing a web
|
||
application using Test-Driven Development (TDD).</li>
|
||
<li><a href="https://frontendmasters.com/courses/advanced-vue/">Advanced
|
||
Vue.js Features from the Ground Up</a> - Learn how to build more
|
||
accessible routing, state management, form validation and
|
||
internationalization libraries from the ground up!</li>
|
||
<li><a href="https://vue-exercises.ninja-squad.com">Become a Ninja with
|
||
Vue 3</a> - This course teaches how to build a complete application with
|
||
Vue 3, step by step, using Vue CLI, TypeScript and the Composition API.
|
||
Each exercise comes with instructions and tests to check 100% of your
|
||
code.</li>
|
||
</ul>
|
||
<h3 id="documentaries">Documentaries</h3>
|
||
<ul>
|
||
<li><a href="https://www.youtube.com/watch?v=OrxmtDw4pVI">Vue.js: The
|
||
Documentary</a> by Honeypot (Feb 2020)</li>
|
||
</ul>
|
||
<h2 id="projects-using-vue.js">Projects Using Vue.js</h2>
|
||
<h3 id="open-source">Open Source</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/pagekit/pagekit">PageKit</a> - Modular
|
||
and lightweight CMS built with Symfony components and Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/cheapsteak/npmcharts.com">npmcharts.com</a> -
|
||
Compare npm packages and spot download trends.</li>
|
||
<li><a href="https://github.com/phanan/koel">Koel</a> - A personal music
|
||
streaming server that works.</li>
|
||
<li><a href="https://github.com/mrgodhani/raven-reader">Raven Reader</a>
|
||
- Simple RSS Reader made using atom electron and vue.js.</li>
|
||
<li><a href="https://github.com/Zhangdroid/Gokotta">Gokotta</a> - A
|
||
simple music player built by electron and vue.</li>
|
||
<li><a href="https://github.com/misterGF/CoPilot">CoPilot</a> - An admin
|
||
portal based on AdminLTE with vue.js integration.</li>
|
||
<li><a href="https://github.com/pepf/retrospectify">Retrospectify</a> -
|
||
A simple tool for doing collaborative retrospectives in agile
|
||
teams.</li>
|
||
<li><a href="https://github.com/jade-press/jade-press">jade-press</a> -
|
||
Cms based on mongodb, nodejs, koa, vue and more.</li>
|
||
<li><a href="https://github.com/astralapp/astral">astralapp</a> -
|
||
Organize Your GitHub Stars With Ease.</li>
|
||
<li><a href="https://github.com/egoist/eme">EME</a> - An Elegant
|
||
Markdown Editor.</li>
|
||
<li><a
|
||
href="https://github.com/SidKwok/github-explorer">Github-explorer</a> -
|
||
A spa which can help you check your github in a better way.</li>
|
||
<li><a href="https://github.com/typicode/hotel">Hotel</a> - Start your
|
||
dev servers from your browser and get local domains in seconds.</li>
|
||
<li><a href="https://github.com/surfbirdapp/surfbird">Surfbird</a> - A
|
||
Twitter client written with modern web technologies.</li>
|
||
<li><a href="https://github.com/approach0/search-engine">Approach0</a> -
|
||
A math-aware search engine.</li>
|
||
<li><a href="https://github.com/devfake/flox">Flox</a> - Self Hosted
|
||
Movie, Series and Anime Watch List.</li>
|
||
<li><a
|
||
href="https://github.com/samiheikki/javascript-guessing-game">JavaScript
|
||
Guessing Game</a> - A game for identifying JavaScript tools and
|
||
libraries.</li>
|
||
<li><a
|
||
href="https://github.com/viko16/vue-ghpages-blog">vue-ghpages-blog</a> -
|
||
A blog based on GitHub pages by Vue.js 2 + Webpack 2.</li>
|
||
<li><a href="https://github.com/Vuedo/vuedo">Vuedo</a> - Blog platform,
|
||
built with Laravel and Vue.js.</li>
|
||
<li><a href="https://github.com/pluto1114/vue-music163">vue-music163</a>
|
||
- A Vue.js project for music.</li>
|
||
<li><a href="https://github.com/zhangxin840/tomato5">Tomato5</a> -
|
||
Real-time collaboration tool, it combines Pomodoro Technique with a team
|
||
status share board.</li>
|
||
<li><a href="https://github.com/freearhey/web-learn">Web Learn</a> - A
|
||
service which provides simple access to thousands of video tutorials on
|
||
web developing and programming.</li>
|
||
<li><a
|
||
href="https://github.com/forehalo/materialize-blog">Materialize-blog</a>
|
||
- A material blog built with Laravel5.3 and Vue2.x.</li>
|
||
<li><a
|
||
href="https://github.com/ChangJoo-Park/vue-component-generator">VueComponentGenerator</a>
|
||
- Generate vue single file component on browser.</li>
|
||
<li><a href="https://github.com/super-dev/SDR-News">SDR News</a> - News
|
||
for web designers and developers aggregated from multiple sources
|
||
(Reddit, Hacker News and Prominent Blogs).</li>
|
||
<li><a href="https://github.com/jcc/blog">PJ Blog</a> - Open source blog
|
||
built with Laravel and Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/qazbnm456/lulumi-browser">Lulumi-browser</a> -
|
||
Lulumi-browser is a light weight browser coded with Vue.js 2 and
|
||
Electron.</li>
|
||
<li><a
|
||
href="https://github.com/bstavroulakis/vue-wordpress-pwa">vue-wordpress-pwa</a></li>
|
||
<li><a href="https://github.com/koumoul-dev/openapi-viewer">OpenAPI 3
|
||
viewer</a> - Browse and test a REST API described with the OpenAPI 3.0
|
||
Specification</li>
|
||
<li><a href="https://github.com/oguzhaninan/Stacer">Stacer</a> - Linux
|
||
System Optimizer and Monitoring</li>
|
||
<li><a
|
||
href="https://github.com/cmllr/distrochooser">Distrochooser.de</a> - An
|
||
orientation guide for Linux beginners</li>
|
||
<li><a href="https://github.com/oguzhaninan/Buka">Buka</a> - EBook
|
||
Management</li>
|
||
<li><a href="https://github.com/egoist/docute">Docute</a> - A framework
|
||
for writing documentation without build process</li>
|
||
<li><a
|
||
href="https://github.com/rigor789/nativescript-vue">nativescript-vue</a>
|
||
- A Vue.js implementation of the NativeScript renderer.</li>
|
||
<li><a href="https://github.com/fireyy/piper">piper</a> - A
|
||
drag-and-drop mobile website builder base on Vue.</li>
|
||
<li><a
|
||
href="https://github.com/lincenying/mmf-blog-vue2">mmf-blog-vue2</a> - A
|
||
blog based on Vue2(Vue-router, Vuex) and Webpack2.</li>
|
||
<li><a href="https://github.com/iutbay/mm">Media Manager</a> - Web File
|
||
Manager.</li>
|
||
<li><a href="https://github.com/dyu/bookmarks">dyu/bookmarks</a> - A
|
||
self-contained, self-hosted bookmarking app powered by leveldb, built
|
||
with Vue2.1.x.</li>
|
||
<li><a href="https://github.com/tangram-js/json-schema-editor">JSON
|
||
Schema Editor</a> - An intuitive editor for JSON schema. Develop with
|
||
Vue.js 2 and Firebase.</li>
|
||
<li><a href="https://github.com/apertureless/npm-stats">npm-stats</a> -
|
||
npm package download statistics dashboard</li>
|
||
<li><a
|
||
href="https://github.com/devjin0617/vue2-admin-lte">vue2-admin-lte</a> -
|
||
a project that converts AdminLTE to work with Vuejs (v2.x).</li>
|
||
<li><a href="https://github.com/dockeron/dockeron">Dockeron</a> - A
|
||
project built on Electron + Vue.js for Docker on desktop.</li>
|
||
<li><a href="https://github.com/alicin/flamme">Flamme</a> - An open
|
||
source Tinder desktop client built with electron and Vue.js for
|
||
educational purposes</li>
|
||
<li><a href="https://github.com/Caiyeon/goldfish">Goldfish</a> - A
|
||
HashiCorp Vault UI built with VueJS, Golang, and Bulma CSS</li>
|
||
<li><a href="https://github.com/alicin/promptie">promptie</a> - A
|
||
framework written in Vue.js for creating command-line like interfaces in
|
||
web browsers.</li>
|
||
<li><a href="https://github.com/clarkdo/hare">Hare</a> - 🐇 Application
|
||
boilerplate based on Vue.js 2.x, Koa 2.x, Element-UI and Nuxt.js</li>
|
||
<li><a
|
||
href="https://github.com/creativetimofficial/vue-paper-dashboard">Paper-Dashboard</a>
|
||
-Creative Tim Paper Dashboard made for Vue</li>
|
||
<li><a
|
||
href="https://github.com/otezz/AdminLTE-VueJS2">AdminLTE-VueJS2</a> - An
|
||
open source project that implements VueJS (v2.x) on AdminLTE.</li>
|
||
<li><a
|
||
href="https://github.com/lucduong/vue-material-dashboard">Material
|
||
Dashboard</a> - Creative Tim Material Dashboard made for Vue</li>
|
||
<li><a
|
||
href="https://github.com/mazipan/explore-github">Explore-Github</a> -
|
||
VueJS 2 Github Explorer Using API v3</li>
|
||
<li><a
|
||
href="https://github.com/coreui/coreui-free-vue-admin-template">CoreUI
|
||
Vue Admin Template</a> - Open Source Admin Template powered by
|
||
Vue.js</li>
|
||
<li><a href="https://github.com/mazipan/chucknorris">ChuckNorris</a> -
|
||
Chuck Norris Jokes Generator built with VueJS + api.chucknorris.io</li>
|
||
<li><a href="https://github.com/paulschwoerer/leafplayer">LeafPlayer</a>
|
||
- A simple and fast, privately hosted music streaming server.</li>
|
||
<li><a href="https://github.com/tangram-js/json-editor">JSON Editor</a>
|
||
- A schema-aware JSON editor. Develop with Vue2.</li>
|
||
<li><a href="https://github.com/voten-co/voten">Voten</a> - A
|
||
Reddit-like platform built with Vue2 and Laravel.</li>
|
||
<li><a href="https://github.com/Rud156/News-Weaver">News Weaver</a> - A
|
||
web based RSS Reader/Aggregator made using VueJS and VuetifyJS</li>
|
||
<li><a href="https://wakeupbilliejoe.com">Wake Up Billie Joe!</a> - A
|
||
web site countdown to October, based on Green Day’s song Wake me up when
|
||
September Ends. Created using Vue and Firebase.</li>
|
||
<li><a href="https://github.com/NoDivide/astrum">Astrum</a> - A
|
||
lightweight pattern library designed to be included with any web
|
||
project.</li>
|
||
<li><a
|
||
href="https://github.com/aofdev/vue-pwa-vision">vue2-pwa-vision</a> - A
|
||
Face Detection Google Cloud Vision with Vue2 + Vuetify + Progressive Web
|
||
App</li>
|
||
<li><a
|
||
href="https://github.com/aofdev/vue-pwa-rekognition">vue2-pwa-rekognition</a>
|
||
- A Face Detection Amazon Rekognition with Vue2 + Vuetify + Progressive
|
||
Web App</li>
|
||
<li><a
|
||
href="https://github.com/ammobinDOTca/ammobin-client">AmmoBin.ca</a> -
|
||
meta search site for online ammo prices across Canada</li>
|
||
<li><a
|
||
href="https://github.com/mubaidr/SPA-asp.net-api-vuejs-">SPA-asp.net-api-vuejs-</a>
|
||
- A Vue.js single page application for basic task Management &
|
||
messaging using ASP .NET Webapi 2 and SQL server</li>
|
||
<li><a
|
||
href="https://github.com/mubaidr/Book-Trading-Club">Book-Trading-Club</a>
|
||
- Trade or loan books with other book readers in your area. Built using
|
||
nodejs and vuejs2</li>
|
||
<li><a
|
||
href="https://github.com/mubaidr/vuejs-extension-pack">vuejs-extension-pack
|
||
vscode</a> - An extension packf or vscode with popular VS Code
|
||
extensions for Vue.js development.</li>
|
||
<li><a href="https://github.com/Requarks/wiki">Wiki.js</a> - A modern,
|
||
lightweight and powerful wiki app built on NodeJS, Git and Markdown</li>
|
||
<li><a
|
||
href="https://github.com/aofdev/vue-pwa-speech">vue-pwa-speech</a> - A
|
||
Speech to text With Google Cloud Speech on Vue2 + Vuetify + Progressive
|
||
Web App</li>
|
||
<li><a
|
||
href="https://github.com/aofdev/vue-speech-streaming">vue-speech-streaming</a>
|
||
- A Performing Streaming Speech Recognition results in real time Speech
|
||
To Text with Google Cloud Speech + socket.io on Progressive Web App</li>
|
||
<li><a href="https://github.com/limichange/my-animation-list">My
|
||
Animation List</a> - A tool to easy get css animation code</li>
|
||
<li><a
|
||
href="https://github.com/aofdev/vue-input-streaming">vue-input-streaming</a>
|
||
- A TextInput Streaming RealTime And Two Way Data Binding Broadcasting
|
||
with Pusher</li>
|
||
<li><a href="https://github.com/eggplanetio/tidytab">TidyTab</a> - A
|
||
Chrome extension for tidying up those tabs.</li>
|
||
<li><a
|
||
href="https://github.com/headwirecom/peregrine-cms">peregrine-cms</a> -
|
||
A Vue.js and Apache Sling based head-optional CMS</li>
|
||
<li><a
|
||
href="https://github.com/concept-to-clinic/concept-to-clinic">concept-to-clinic</a>
|
||
- Lung cancer prediction project with Vue.js interface</li>
|
||
<li><a
|
||
href="https://github.com/louisbourque/grid-awesome">grid-awesome</a> -
|
||
Generate boilerplate css for grid layouts using the css display: grid;
|
||
property.</li>
|
||
<li><a
|
||
href="https://github.com/creativetimofficial/vue-light-bootstrap-dashboard">Light
|
||
Bootstrap Dashboard</a> - Creative Tim Light Bootstrap Dashboard made
|
||
for Vue</li>
|
||
<li><a href="https://github.com/picocodes/hubaga">Hubaga</a> - A free
|
||
and lightweight WordPress eCommerce plugin for developers and other
|
||
digital shops.</li>
|
||
<li><a
|
||
href="https://github.com/ndro/vue-webpack-buefy">vue-webpack-buefy</a> -
|
||
Vue.js starter with full-featured Webpack and Buefy</li>
|
||
<li><a href="https://github.com/bkzl/coypu">Coypu</a> - Text-editor-like
|
||
weekly planner</li>
|
||
<li><a
|
||
href="https://github.com/skyhark-projects/core-server">core-server</a> -
|
||
Highly scalable VueJs framework with an integrated API system, and
|
||
multiple advanced features.</li>
|
||
<li><a href="https://github.com/NNTin/discord-logo">discord-logo</a> - A
|
||
Vue.js animated discord logo generator based on SVGs. (<a
|
||
href="https://nntin.github.io/discord-logo/">Github Page</a>)</li>
|
||
<li><a
|
||
href="https://github.com/mubaidr/node-vue-template">node-vue-template</a>
|
||
- A starter template for building complete application using Node.js
|
||
(API) and Vue.js (SPA) with some included packages and configurations to
|
||
help start the development quickly.</li>
|
||
<li><a
|
||
href="https://github.com/DivanteLtd/vue-storefront">vue-storefront</a> -
|
||
Vue.js Storefront - PWA for eCommerce. 100% offline, platform agnostic,
|
||
headless, Magento2 supported.</li>
|
||
<li><a href="https://github.com/freedomotic/fd-vue-webapp">fd-vue</a> -
|
||
Vue.js client for an IoT framework</li>
|
||
<li><a href="https://github.com/cheng-kang/wildfire">wildfire</a> - A
|
||
drop-in replacement for other comment plug-ins.</li>
|
||
<li><a href="https://github.com/ridereceipts/ridereceipts">Ride
|
||
Receipts</a> - Simple automation desktop app to download and organize
|
||
your tax invoices from Uber and Lyft.</li>
|
||
<li><a
|
||
href="https://github.com/mubaidr/vue-chrome-extension-boilerplate">vue-chrome-extension-boilerplate</a>
|
||
- Boilerplate for Chrome extension using Vue.js and Webpack</li>
|
||
<li><a href="https://github.com/MarsZone/TimeMark">TimeMark</a> - A Time
|
||
manager which will can record your time and some more function will be
|
||
developed.</li>
|
||
<li><a href="https://github.com/laravel-enso/enso">Laravel Enso</a> -
|
||
SPA Admin Panel built with Bulma, VueJS and Laravel, packing lots of
|
||
features out of the box.</li>
|
||
<li><a href="https://github.com/lauthieb/code-notes">Code Notes</a> - A
|
||
simple code snippet manager for developers built with Electron &
|
||
Vue.js.</li>
|
||
<li><a href="https://github.com/Splode/pomotroid">Pomotroid</a> -
|
||
Simple, visually-pleasing and customizable Pomodoro timer.</li>
|
||
<li><a href="https://github.com/bradoyler/xmr-miner">XMR Miner</a> -
|
||
Cryptocurrency (XMR) mining app, built with Vue.js and visualized with
|
||
D3</li>
|
||
<li><a href="https://github.com/bradoyler/xmr-paper">XMR Paper</a> -
|
||
Monero wallet generator, built with Vue.js</li>
|
||
<li><a href="https://github.com/sh0cked/joy-proxy">JoyProxy</a> - Chrome
|
||
extension for handling proxy settings</li>
|
||
<li><a
|
||
href="https://github.com/mubaidr/activity-automation">activity-automation</a>
|
||
- Manage daily activities and get reports on timely basis.</li>
|
||
<li><a
|
||
href="https://github.com/generateui/jsettlers-web">jsettlers-web</a> -
|
||
Popular German board game to build hexes, settlements, cities, roads
|
||
with earned resources</li>
|
||
<li><a href="https://github.com/tamiat/tamiat">Tamiat CMS</a> - Tamiat
|
||
is a front-end focused CMS, uses Vue.JS as the frontend and integrates
|
||
with Firebase for the backend functionality.</li>
|
||
<li><a href="https://github.com/vuegg/vuegg">vuegg</a> - vue GUI
|
||
generator: Create mockups and code in one go! It leverages the creation
|
||
of pages, components and styles with its visual editor. Generate all
|
||
scaffolding code for your next vuejs project.</li>
|
||
<li><a href="https://github.com/podlove/podlove-web-player">Podlove Web
|
||
Player</a> - Podcast-optimized, HTML5-based audio player featuring
|
||
chapters, transcripts and embedding.</li>
|
||
<li><a href="https://github.com/kaleguy/leovue">Leo Vue</a> - Use the
|
||
open source Leo outlining editor/IDE to create webapps with nested
|
||
menus, with support for Vue components in content.</li>
|
||
<li><a href="https://sh0cked.github.io/deezer-vue/">Deezer-Vue</a> -
|
||
Deezer client built with Vue</li>
|
||
<li><a href="https://vuep.run">Vuep.run</a> - Online SFC editor for
|
||
Vue</li>
|
||
<li><a href="https://github.com/VeryWow/v-oogle">V·oogle</a> -
|
||
Google.com, reVued</li>
|
||
<li><a href="https://github.com/tatyshev/pomidorus">Pomidorus</a> -
|
||
Pomodoro time tracker build using Vue and D3 🍅</li>
|
||
<li><a href="https://hubble.js.org">Hubble</a> - :telescope: Travel
|
||
through GitHub Stars’ history.</li>
|
||
<li><a href="https://vuepress.vuejs.org/">Vuepress</a> - Minimalistic
|
||
Vue-powered static site generator</li>
|
||
<li><a href="https://github.com/jaywink/socialhome">Socialhome</a> - A
|
||
federated rich profile builder with social networking features</li>
|
||
<li><a href="https://github.com/herbat73/GenVue">GenVue</a> - a
|
||
hostable, web application that lets confidential users upload and share
|
||
private files build on Vue.js, Vuetifyjs and NetCore WebAPI stack</li>
|
||
<li><a href="https://github.com/BlackHole1/vue-array">vue-array</a> -
|
||
Array object operation under Vue, Array object operation under Vue Use
|
||
this package to manipulate the array. Vue can monitor the changes in the
|
||
array</li>
|
||
<li><a href="https://github.com/laqul/laqul">Laqu-l</a> - A complete App
|
||
starter kit with Quasar Framework, GraphQL API backend with OAUTH 2.0
|
||
authentication, Firebase ready, multilanguage capability and more.</li>
|
||
<li><a href="https://github.com/v1Labs/protovue">Protovue</a> - A
|
||
prototyping component library that helps designers and developers
|
||
quickly scaffold an abstracted app layout.</li>
|
||
<li><a href="https://github.com/raniesantos/chattier">Chattier</a> - SPA
|
||
social network built with Laravel 5.6, Vue.js 2, and Bulma (Buefy
|
||
components + Bulmaswatch themes). Also uses JWT authentication.</li>
|
||
<li><a
|
||
href="https://github.com/johndatserakis/chrome-ribbon-reminder">chrome-ribbon-reminder</a>
|
||
- A Chrome extension written using Vue and Async/Await. Uses a popup
|
||
display and changes badge counts.</li>
|
||
<li><a href="https://www.faviator.xyz/">Faviator</a> - A simple easy
|
||
favicon generator.</li>
|
||
<li><a href="https://github.com/modularsoftware/genealogy">Modular
|
||
Genealogy</a> - Genealogy / family tree management system using Laravel
|
||
5.7, Vue.js 2.5 and various components. Work in progress.</li>
|
||
<li><a href="https://github.com/vladocar/Minimal-Notes">Minimal
|
||
Notes</a> - Web app build with Vue.js</li>
|
||
<li><a href="https://github.com/serversideup/roastandbrew">Roast</a> -
|
||
An app built to help coffee enthusiasts find their next cup of coffee
|
||
while learning about Laravel + Vue.js.</li>
|
||
<li><a href="https://github.com/benweet/stackedit/">Stack Edit</a> -
|
||
In-browser Markdown editor</li>
|
||
<li><a href="https://bael-theme.jake101.com/">Bael Blog Template</a> - A
|
||
static generated blog template that uses Netlify CMS for the backend and
|
||
Netlify for hosting. Features a brutalist aesthetic, fuzzy search,
|
||
serverless email signup, and more.</li>
|
||
<li><a href="https://github.com/14nrv/buefy-shop">Buefy Shop</a> -
|
||
Sample shop, open source, built with Nuxt, Stripe, Firebase, Bulma and
|
||
Serverless Functions.</li>
|
||
<li><a href="https://github.com/Lt0/sysmon">sysmon</a> - A B/S mode
|
||
system monitor for Linux. You can remotely watch the usage of your
|
||
system resources via web browser everywhere.</li>
|
||
<li><a href="https://github.com/DOkwufulueze/eth-vue">eth-vue</a> - A
|
||
Truffle Box that provides everything you need to quickly build Ethereum
|
||
dApps that have authentication features with Vue.js, including
|
||
configuration for easy deployment to the Ropsten Network. It’s also
|
||
Gravatar-enabled.</li>
|
||
<li><a href="https://github.com/ssshooter/nippon-color">Nippon-color</a>
|
||
- Inspired by nipponcolors dot com. This is a nippon-color PWA build
|
||
with vue-cli 3.</li>
|
||
<li><a href="https://github.com/saleina/SaleinaCMS">Saleina CMS</a> - A
|
||
static site content management system built with vue using git as a
|
||
backend.</li>
|
||
<li><a href="https://github.com/mimecorg/vuido">Vuido</a> - A framework
|
||
for creating native desktop applications. It can run on Windows, OS X
|
||
and Linux, using native GUI components.</li>
|
||
<li><a href="https://github.com/ahmetzeybek/YouGet">YouGet</a> - YouTube
|
||
Video/Audio/Subtitle Downloader + Cutter</li>
|
||
<li><a href="https://github.com/wesssel/vue-pug-stylus">Vue Pug
|
||
Stylus</a> - Vue + Pug + Stylus boilerplate 💚 🐶 🖌</li>
|
||
<li><a href="https://github.com/Bartozzz/crypto-news">Crypto News</a> -
|
||
allows you to convert cryptocurrencies, view latest news and exchange
|
||
rates for each ICO – all the data from the world of cryptocurrencies in
|
||
one place.</li>
|
||
<li><a href="https://github.com/Alexays/Epiboard">Epiboard</a> - A new
|
||
tab page extension with material design and useful features :new:
|
||
:tada:</li>
|
||
<li><a href="https://github.com/zhudyos/duic">zhudyos/duic</a> -
|
||
Distributed configuration center :new:</li>
|
||
<li><a href="https://github.com/ivanlori/Vuemmerce">Vuemmerce</a> - Free
|
||
ecommerce template built with Vue.js and Bulma framework :new:</li>
|
||
<li><a href="https://github.com/alirizaadiyahsi/Nucleus">Nucleus</a> -
|
||
Vue startup application template that uses ASP.NET Core API layered
|
||
architecture at the back-end and JWT based authentication</li>
|
||
<li><a href="https://github.com/STS-Rosario/carpoolear">Carpoolear</a> -
|
||
The open source Vue.js frontend (mobile and cordova app) for the
|
||
argentinian carpooling application: <a
|
||
href="https://carpoolear.com.ar">Carpoolear</a></li>
|
||
<li><a href="https://github.com/bazzite/statusfy">Statusfy</a>: Statusfy
|
||
is a Status Page System, easy to use and completely Open Source.</li>
|
||
<li><a
|
||
href="https://github.com/Arattian/DynamoDb-GUI-Client">DynamoDb-GUI-Client</a>:
|
||
Cross-platform GUI client for DynamoDb</li>
|
||
<li><a
|
||
href="https://github.com/SnakeyHips/RosterWebApp">RosterWebApp</a> -
|
||
Open source rostering web application which allows the rostering of
|
||
employees/teams to work sessions and other features.</li>
|
||
<li><a href="https://github.com/rash0/Vue-Ecom">Vue E-Store Templet</a>
|
||
- An e-commerce template build with vue/vuex/vue-router and
|
||
bootstrap4.</li>
|
||
<li><a href="https://twill.io">Twill</a> - An open source CMS toolkit
|
||
for Laravel that helps developers rapidly create a custom admin console
|
||
that is intuitive, powerful and flexible.</li>
|
||
<li><a href="https://mathbot.com">MATH_BOT</a> - Learn math by
|
||
programming a robot.</li>
|
||
<li><a href="https://github.com/Piterden/vue-crossword">Vue
|
||
Crossword</a> - A Vue.js based crossword puzzle builder and filler
|
||
front-end application. Built with <a
|
||
href="https://codesandbox.io/s/github/Piterden/vue-crossword/tree/master/">CodeSandbox</a>.</li>
|
||
<li><a href="https://github.com/Hoogkamer/vue-org-chart">Vue Org
|
||
Chart</a> - Manage and publish your interactive organization chart
|
||
(orgchart), free and no webserver required.</li>
|
||
<li><a href="https://github.com/ModusCreateOrg/beep">Beep</a> - Account
|
||
Security Scanner built with Vue.js and Ionic 4</li>
|
||
<li><a href="https://github.com/szczepanmasny/vue-crud">Vue CRUD</a> -
|
||
Vue.js based REST-ful CRUD system. Vue CRUD allows you to easily create
|
||
fast applications such as CMS or CRM.</li>
|
||
<li><a href="https://vue-hq.netlify.com/">Vue HQ Admin Dashboard</a> – A
|
||
modern admin dashboard powered by Vue, Sass, Firestore, and
|
||
Netlify.</li>
|
||
<li><a href="https://github.com/satriaajiputra/mtodo">MToDo</a> - Mini
|
||
To Do Lists with simple auth built with Vue.js and JSON Server as data
|
||
mock. Great as reference for anyone that finding reference about real
|
||
world Vue.js</li>
|
||
<li><a href="https://github.com/Orogenesis/FireX-Proxy">FireX Proxy</a>
|
||
- FireX Proxy is the user’s trusted Chrome and Firefox browser extension
|
||
that allows you to unblock any website and browse the web privately and
|
||
securely. 🛡</li>
|
||
<li><a
|
||
href="https://github.com/silent-lad/VueSolitaire">VueSolitaire</a> -
|
||
Solitaire (spider,klondike) implemented in Vue.js.</li>
|
||
<li><a href="https://thermal.codecarrot.net">Thermal</a> - One stop to
|
||
all Git repository.</li>
|
||
<li><a href="https://github.com/qmk/qmk_configurator">QMK
|
||
Configurator</a> - QMK Firmware Keyboard Configuration UI in
|
||
Vue.js.</li>
|
||
<li><a href="https://github.com/Janglee123/eplee">Eplee</a> - Sweet,
|
||
simple epub reader made with Vue.js and Electron.js.</li>
|
||
<li><a
|
||
href="https://github.com/gothinkster/vue-realworld-example-app">vue-realworld-example-app</a>
|
||
- Exemplary fullstack Medium.com clone</li>
|
||
<li><a href="https://github.com/dailynowco/daily">Daily</a> - Curated
|
||
dev news delivered to your new tab 👩🏽💻</li>
|
||
<li><a href="https://github.com/alexusmai/laravel-file-manager">Laravel
|
||
File Manager</a> - Powerful file manager for Laravel</li>
|
||
<li><a href="https://github.com/JayeshLab/vue-crypto-dashboard">Vue
|
||
Crypto Dashboard</a> - Cryptocurrency Dashboard made with Vue.js</li>
|
||
<li><a href="https://github.com/icellmobilsoft/etcdmanager">ETCD
|
||
Manager</a> - A modern, efficient and free multi-platform ETCD GUI app
|
||
based on Electron and VueJS.</li>
|
||
<li><a href="https://github.com/MuhaddiMu/Idea-ReVue">Idea Re-Vue</a> -
|
||
Social Ideation Platform to Create, Manage and Brainstorm Ideas in a
|
||
fun, visual way. Built on the top of VueJS and Vuetify using Firebsae as
|
||
a backend</li>
|
||
<li><a href="https://github.com/simplyvinay/vue-expenses">Vue
|
||
Expenses</a> - Expense tracking app made with Vue.js, Vuetify and
|
||
ASP.NET Core</li>
|
||
<li><a href="https://github.com/akaunting/akaunting">Akaunting</a> - A
|
||
free and online accounting software for small businesses and freelancers
|
||
based on Laravel and VueJS.</li>
|
||
<li><a href="https://github.com/vuefront/vuefront">VueFront</a> - CMS
|
||
Agnostic PWA & SPA. Modernize your Wordpress websites in less than 5
|
||
min</li>
|
||
<li><a href="https://github.com/joon610/mockup-server">Mockup-server</a>
|
||
- Mockup-server is easily create server from local directory.</li>
|
||
<li><a href="https://github.com/emqx/MQTTX">MQTTX</a> - Cross-platform
|
||
MQTT 5.0 desktop client built with Vue.js, Typescript and Electron.</li>
|
||
<li><a href="https://github.com/akoidan/pychat">Pychat</a> - Self-hosted
|
||
webrtc video chat (an alternative to Slack)</li>
|
||
<li><a href="https://github.com/aarsla/super.ba">super.ba</a> - RSS News
|
||
aggregator built with Vue.js, Ant Design of Vue (antdv) and NodeJS.</li>
|
||
<li><a href="https://framagit.org/InfoLibre/rapido">Rapido</a> - Rapido
|
||
is software to make a website. Rapido is fast, easy to use and
|
||
respectful of your privacy.</li>
|
||
<li><a href="https://christiankienle.github.io/minipress/">miniPress</a>
|
||
- Yet another static site generator</li>
|
||
<li><a href="https://github.com/m0g/zeithub">Zeithub</a> - Open source
|
||
time tracking, invoicing & expenses management for freelancers</li>
|
||
<li><a href="https://github.com/codecept-js/ui">CodeceptJS UI</a> -
|
||
Cypress-liked UI for ✔️ CodeceptJS end 2 end tests ✔️.</li>
|
||
<li><a href="https://github.com/Seungwoo321/vue-pivottable">Vue
|
||
Pivottable</a> - Vue port of the jQuery-based PivotTable.js</li>
|
||
<li><a href="https://github.com/Seungwoo321/vue-datamaps">Vue
|
||
Datamaps</a> - Vue port of the javascript-based DataMaps</li>
|
||
<li><a href="https://github.com/msjaber/marked.cc">Marked.cc</a> - 📝
|
||
Create and share beautiful images of your notes and prose.</li>
|
||
<li><a href="https://github.com/vkaelin/LeagueStats">LeagueStats</a> -
|
||
Statistics website for players of the online game League of
|
||
Legends.</li>
|
||
<li><a href="https://github.com/Viveckh/Veniqa">Veniqa</a> - An
|
||
E-commerce solution with a shopping client and admin panel written in
|
||
Vue.</li>
|
||
<li><a href="https://github.com/tatoMa/neteast-cloud-music-player">tato
|
||
music player</a> - A mobile first, handwritten, responsive web app for
|
||
music fans written in Vue and Vuetify.</li>
|
||
<li><a href="https://github.com/itsalb3rt/sheiley_shop_app">Sheiley
|
||
Shop</a> - PWA to track personal purchases, No more paper and pencil to
|
||
go to the supermarket 🏬 Vue and Vuetify</li>
|
||
<li><a href="https://github.com/itsalb3rt/afterman">Afterman</a> - 🌕
|
||
Create beautiful docs in markdown and HTML from postman collection.
|
||
Using Quasar Framework</li>
|
||
<li><a href="https://github.com/greenpress/admin-panel">Greenpress Admin
|
||
Panel</a> - The Admin panel of Greenpress, a fully-operative open-source
|
||
for creating blogs and content websites.</li>
|
||
<li><a href="https://github.com/greenpress/blog-front">Greenpress
|
||
Blog-Front</a> - The frontend application service of Greenpress, a
|
||
fully-operative open-source for creating blogs and content
|
||
websites.</li>
|
||
<li><a href="https://github.com/wwwenjie/Movie-Paradise">Movie
|
||
Paradise</a> - A responsive movie preview web app built by Vue and
|
||
Vuetify</li>
|
||
<li><a
|
||
href="https://github.com/dhruvmisra/Pathfinding-Visualizer-ThreeJS">Pathfinding
|
||
Visualizer ThreeJS</a> - A visualizer for pathfinding algorithms in 3D
|
||
with maze generation and first-person view</li>
|
||
<li><a href="https://github.com/itsalb3rt/agile-visitors">Agile
|
||
Visitors</a> - Application for registering employee entries with the
|
||
possibility of generating reports, validating and storing users with
|
||
minimal effort.</li>
|
||
<li><a href="https://github.com/Junior-Developer/Pexelry">Pexelry</a> -
|
||
Application that leverages the pexels api to enable you find beautiful
|
||
photos and pictures.</li>
|
||
<li><a
|
||
href="https://github.com/yunity/karrot-frontend">karrot-frontend</a> -
|
||
Web application for organization of foodsaving groups worldwide.</li>
|
||
<li><a
|
||
href="https://github.com/ably-labs/realtime-quiz-framework">Realtime
|
||
quiz framework</a> - A starter kit built with NodeJS, VueJS and Ably
|
||
providing the scalable base networking framework to host a live
|
||
quiz</li>
|
||
<li><a href="https://github.com/logchimp/logchimp">LogChimp</a> -
|
||
Open-source software to track your customer’s feedback to build better
|
||
products.</li>
|
||
<li><a href="https://github.com/joek85/trooveo">Trooveo</a> - Search,
|
||
listen to YouTube videos (Audio Only), No YouTube Api.</li>
|
||
<li><a href="https://github.com/Selfhostedpro/Yacht">Yacht</a> - A
|
||
Docker container management webui using Vuetify for a hassle free way of
|
||
managing docker containers and projects.</li>
|
||
<li><a href="https://github.com/Fabio286/antares">Antares SQL</a> -
|
||
Cross platform SQL client made to be simple and complete.</li>
|
||
<li><a href="https://github.com/bagisto/bagisto">Bagisto</a> - A Free
|
||
and Opensource Laravel eCommerce framework built for all to build and
|
||
scale your business.</li>
|
||
<li><a href="https://github.com/bibhuticoder/samaya">Samaya</a> -
|
||
Friendly personal dashboard on Chrome’s new tab; featuring Nepali
|
||
calendar, daily Nepali quotes & Nepali wallpapers.</li>
|
||
<li><a href="https://gitlab.com/mythicteam/mythictable/">Mythic
|
||
table</a> - A Free and Open Source virtual table top for playing Role
|
||
Playing Games.</li>
|
||
<li><a href="https://github.com/grandnode/grandnode2/">GrandNode 2.0</a>
|
||
- Open Source Cross Platform E-Commerce Solution based on .NET Core 5.0
|
||
and MongoDB / Azure CosmosDB / Amazon DocumentDB / VueJS</li>
|
||
<li><a href="https://github.com/aimeos/aimeos">Aimeos</a> - Leading
|
||
Laravel eCommerce framework to build ultra fast online shops,
|
||
marketplaces and complex B2B applications scalable from 1 to
|
||
1,000,000,000+ items</li>
|
||
<li><a href="https://github.com/bourgeoisor/xivtodo">XIV ToDo</a> -
|
||
Dashboards, completion trackers, tailored weekly and daily checklists
|
||
and tools for Final Fantasy XIV.</li>
|
||
<li><a href="https://github.com/statickidz/quicktok">QuickTok</a> -
|
||
TikTok popular trends viewer.</li>
|
||
<li><a href="https://github.com/empathyco/x">Interface X</a> - UI
|
||
Search&Discovery components to rapidly build beautiful search
|
||
experiences</li>
|
||
<li><a href="https://github.com/betterRunner/context-note">Context
|
||
Note</a> - A free open source note-taking 📝 chrome extension: take you
|
||
notes on the web with their context.</li>
|
||
<li><a href="https://github.com/balancer-labs/frontend-v2">Balancer</a>
|
||
- A Decentralized Finance app that runs on Ethereum.</li>
|
||
<li><a
|
||
href="https://github.com/themeselection/materio-vuetify-vuejs-laravel-admin-template-free">Materio
|
||
Free Vuetify VueJS Laravel Admin Template</a> - Open-source & easy
|
||
to use Vuetify Vuejs Laravel Admin Template with Elegant Design &
|
||
Unique Layout.</li>
|
||
<li><a href="https://github.com/joek85/NuxTube">NuxTube</a> - YouTube
|
||
app for privacy, made with NuxtJs.</li>
|
||
<li><a href="https://github.com/lissy93/dashy">Dashy</a> - A self-hosted
|
||
startpage, with an easy to use visual editor, status checking, themes,
|
||
widgets and tons more</li>
|
||
<li><a href="https://github.com/muhammedmed/nuxt-js-blog">NuxtBlog</a> -
|
||
Blog site made with firebase real-time database</li>
|
||
<li><a href="https://github.com/fairdataihub/FAIRshare">FAIRshare</a> -
|
||
Sharing biomedical research data and software according to applicable
|
||
FAIR guidelines</li>
|
||
<li><a
|
||
href="https://github.com/ymzEmre/vue-birthday-reminder">vue-birthday-reminder</a>
|
||
- It is a birthday reminder web application using with Vue3.</li>
|
||
<li><a href="https://github.com/anysniper/Frontend">AnySniper</a> -
|
||
Sniping DApp on Decentralized Exchanges. A proven blockchain sniping bot
|
||
with 500 active users.</li>
|
||
<li><a href="https://github.com/dd3v/snippets.ninja">Snippets.Ninja</a>
|
||
- Progressive web application for code snippet management. Offline
|
||
first. Open Source. App uses IndexedDB for local storage.</li>
|
||
<li><a href="https://github.com/uros-5/ui-lishuuro">lishuuro.org</a> -
|
||
Small chess variant app that uses Vue3 for UI and Pinia for managing
|
||
state in app.</li>
|
||
<li><a href="https://github.com/DaZuiZui/ZuiOJ">ZuiOJ</a> - ZuiOJ system
|
||
developed using Vue2’s UI and Java.</li>
|
||
<li><a
|
||
href="https://github.com/DaZuiZui/Insurance-system">Insurance-system</a>
|
||
- Insurance system made by springboot and vue.</li>
|
||
<li><a
|
||
href="https://github.com/kaandesu/vue-paho-mqtt">vue-paho-mqtt</a> -
|
||
Easy-to-use Paho MQTT client library for Vue 3 with centralized
|
||
subscription management, type support, and built-in optional alert
|
||
notification library.</li>
|
||
<li><a href="https://github.com/n1crack/vuefinder">VueFinder File
|
||
Library</a> - Web File Manager Library.</li>
|
||
<li><a
|
||
href="https://github.com/kaandesu/vite-vue-ultimate-starter">vite-vue-ultimate-starter</a>
|
||
- Open source Vue3 template built with Vite that out of the box provides
|
||
PWA mode, ts, Vue Router, Tailwind CSS, DaisyUI, Playwright, vitest,
|
||
github pages workflow and many more.</li>
|
||
<li><a
|
||
href="https://github.com/kaandesu/vue-daisyui-theme-manager">vue-daisyui-theme-manager</a>
|
||
- A Vue3 (with Typescript) plugin that allows you to change DaisyUI
|
||
themes during runtime. As well as, setting default light and dark
|
||
themes, and giving the option to match the web app theme with the
|
||
system.</li>
|
||
<li><a href="https://github.com/os-scar/overlay">Overlay</a> - A browser
|
||
extension helping developers evaluate open source packages before
|
||
picking them.</li>
|
||
<li><a href="https://activist.org/">activist.org/</a> - Open-source,
|
||
nonprofit activism platform.</li>
|
||
<li><a
|
||
href="https://themeselection.com/item/sneat-free-vuetify-vuejs-admin-template/">Sneat
|
||
Free Vuetify VueJS Admin Template</a> - The Ultimate Free VueJS Admin
|
||
Template for building responsive web apps</li>
|
||
<li><a
|
||
href="https://github.com/haixin-fang/starfish-vue3-lowcode">starfish-vue3-lowcode</a>
|
||
- Vue3 visual lowcode form designer, convenient and quick to complete
|
||
all kinds of form design!</li>
|
||
<li><a href="https://github.com/monayemislam/Al-Quran-Using-Vue">Al
|
||
Quran App-Vue 3</a> - Al Quran App that allows you to read surah with
|
||
english meaning</li>
|
||
<li><a
|
||
href="https://github.com/rofixro/vue3-realworld-app">vue3-realworld-app</a>
|
||
- 🖖 Best practices for building RealWorld with Vue3</li>
|
||
</ul>
|
||
<h3 id="commercial-products">Commercial Products</h3>
|
||
<ul>
|
||
<li><a href="http://wijmo.com/products/wijmo-5/">Wijmo</a> - A
|
||
collection of UI controls with VueJS support.</li>
|
||
<li><a href="https://www.chatwoot.com/">ChatWoot</a> - Livechat and
|
||
agent collaboration over Facebook messenger.</li>
|
||
<li><a
|
||
href="https://themeforest.net/item/vuejs-laravel-admin-template/20119122?ref=jyostna&utm_source=awesomevue">VueA</a>
|
||
- VueJS Admin template with multiple layouts and laravel version.</li>
|
||
<li><a href="https://www.teleo.co/?utm_source=AwesomeVue">Teleo</a> -
|
||
Team collab-app moving effortlessly between talking, planning &
|
||
doing</li>
|
||
<li><a
|
||
href="https://geteducation.link/?utm_source=AwesomeVue">EducationLink</a>
|
||
- CRM and sales automation for education agents and colleges.</li>
|
||
<li><a href="https://1.envato.market/LYWqL">Pragmatic v2.0</a> -
|
||
Responsive and configurable admin template built with Vue.js and
|
||
Element.</li>
|
||
<li><a href="https://moonitor.io/">Moonitor</a> - Cryptocurrency tracker
|
||
for Desktop.</li>
|
||
<li><a href="https://deskree.com/">Deskree</a> - Online collaboration
|
||
platform that combines Ideas, Tasks, and Issues in one place.</li>
|
||
<li><a
|
||
href="https://oshcexpress.com/?utm_source=AwesomeVue">OSHCExpress</a> -
|
||
A comparison and ecommerce for OSHC (Overseas Student Health Cover)
|
||
insurance (Australia’s insurance for international students).</li>
|
||
<li><a href="https://www.agiloo.com">Agiloo</a> - Project Management app
|
||
for Scrum and Kanban</li>
|
||
<li><a href="https://www.scaffoldhub.io">ScaffoldHub</a> - Online Web
|
||
App Generator for VueJS with NodeJS, and MongoDB or SQL.</li>
|
||
<li><a href="https://getcommandeer.com">Commandeer</a> - Cloud
|
||
Management Reimagined. A Desktop cloud management app built with Vue.js
|
||
and Electron.</li>
|
||
<li><a href="https://github.com/mallgroup/mal-mongster">Mongster</a> -
|
||
Connect your Mongo DB nodes into one cluster within a control
|
||
panel.</li>
|
||
<li><a href="https://leavedates.com">Leave Dates</a> - A powerful new
|
||
way to track your staff leave.</li>
|
||
<li><a href="https://timedoor.io">Time Door</a> - A time series analysis
|
||
API</li>
|
||
<li><a href="https://ng.vrest.io">vREST NG</a> - An enterprise
|
||
application for Automated API Testing, built with VueJS and Element
|
||
UI.</li>
|
||
<li><a href="https://www.scalechamp.com">ScaleChamp</a> - multi-cloud
|
||
managed databases provider with Hetzner, AWS, Linode, IBM, Azure,
|
||
Scaleway, Alibaba Cloud, DigitalOcean, GCP and UpCloud support</li>
|
||
<li><a href="https://www.coloban.com">Coloban</a> - All-in-one project
|
||
management tool with chats, Kanban, Gantt, calls, screenshare and many
|
||
more.</li>
|
||
<li><a href="https://github.com/nxshell/nxshell">NxShell</a> - An easy
|
||
to use new terminal for SSH, which based on Electron and VueJS.</li>
|
||
<li><a
|
||
href="https://themeselection.com/products/materio-vuetify-vuejs-admin-template/">Materio
|
||
Vuetify VueJS Admin Template</a> - Most Powerful, Developer Friendly,
|
||
Production ready & Comprehensive Vuetify VueJS Admin Template.</li>
|
||
<li><a href="https://github.com/nocodb/nocodb">NocoDB</a> - An
|
||
opensource Airtable alternative.</li>
|
||
<li><a href="https://github.com/kodadot/nft-gallery">KodaDot</a> - NFT
|
||
Marketplace on Polkadot funded as public good, written in Vue.js</li>
|
||
<li><a href="https://he3.app">He3</a> - Free and Modern Developer
|
||
Utilities Toolbox.</li>
|
||
<li><a href="https://runjs.app">RunJS</a> - JavaScript playground that
|
||
evaluates your code as you type and gives instant feedback. Ideal for
|
||
prototyping ideas or trying out new libraries.</li>
|
||
<li><a
|
||
href="https://themeselection.com/item/sneat-vuetify-vuejs-admin-template/">Sneat
|
||
Vuetify VueJS Admin Template</a> - The Ultimate VueJS Admin Template for
|
||
responsive web apps.</li>
|
||
</ul>
|
||
<h3 id="appswebsites">Apps/Websites</h3>
|
||
<ul>
|
||
<li><a href="https://spark.laravel.com/">Laravel Spark</a></li>
|
||
<li><a href="https://video.vice.com/">Vice Video</a></li>
|
||
<li><a href="https://www.formlets.com">Formlets</a></li>
|
||
<li><a href="https://laracasts.com">Laracasts</a></li>
|
||
<li><a href="https://esa.io/">esa.io</a></li>
|
||
<li><a href="http://gold.xitu.io">稀土掘金</a></li>
|
||
<li><a href="http://www.prague-airport.com/">Prague Airport</a></li>
|
||
<li><a href="http://corentinbac.com/">Portfolio Site</a></li>
|
||
<li><a href="https://statamic.com">Statamic</a></li>
|
||
<li><a href="http://embalses.azurewebsites.net/">Embalses!</a> - A tool
|
||
to report water dam level using the U.S. Geological Survey
|
||
database.</li>
|
||
<li><a href="http://clem.travelmap.fr">TravelMap</a> - A simple way for
|
||
travelers to create a blog based on a Map.</li>
|
||
<li><a href="https://propercloth.com/design-a-shirt">Proper Cloth Shirt
|
||
Builder</a> - Custom shirt builder.</li>
|
||
<li><a href="https://www.powerpuffyourself.com/">Powerpuff Yourself by
|
||
Cartoon Networks</a></li>
|
||
<li><a href="https://github.com/IgorHalfeld/v-notes">vNotes</a> - Simple
|
||
and beautiful notepad to Markdown with Vue.js and Local Storage
|
||
API.</li>
|
||
<li><a href="http://www.openfunctioncomputers.com/#!/home">Open Function
|
||
Computers</a></li>
|
||
<li><a href="https://github.com/zllovesuki/dermail-webmail">Dermail</a>
|
||
- A webmail client written in Vue.js for Dermail, a mail system written
|
||
in node.js.</li>
|
||
<li><a href="https://www.octimine.com/">octimine</a> - A patent search
|
||
engine.</li>
|
||
<li><a href="https://www.draxed.com/">Draxed</a> - A web based MySQL and
|
||
PostgreSQL data browser and dashboard manager.</li>
|
||
<li><a href="https://jobinja.ir">Jobinja</a> - A Job Board and career
|
||
platform operating in Iran.</li>
|
||
<li><a href="https://putianxi.github.io/">滚蛋吧!莆田系</a> - Show all
|
||
Putian hospital information</li>
|
||
<li><a href="http://livestorm.co">Livestorm</a> - Webinar / Live events
|
||
app.</li>
|
||
<li><a href="https://www.holden.com.au">Holden</a></li>
|
||
<li><a href="https://global-exam.com">Global-Exam</a> - Online Training
|
||
for Language Proficiency Tests</li>
|
||
<li><a
|
||
href="https://github.com/zllovesuki/slugsurvival">SlugSurvival</a> - A
|
||
webapp that helps student better plan their courses (hobby project, not
|
||
in affiliation with UCSC).</li>
|
||
<li><a
|
||
href="https://github.com/ChangJoo-Park/gitrelease-app">GitRelease</a> -
|
||
Track github project’s new release on mac menubar using vue.js with
|
||
electron.</li>
|
||
<li><a href="https://12bay.vn">12BAY.VN</a> - Applications online flight
|
||
bookings.</li>
|
||
<li><a href="https://playcode.io">PLAYCODE.IO</a> - Playground for Rapid
|
||
Frontend Experiments.</li>
|
||
<li><a href="http://thevoidrad.io">The Void Radio</a> - Underground
|
||
House Music Online Radio.</li>
|
||
<li><a href="https://alpixel.github.io/bitly-vuejs">Bitly Vue</a> -
|
||
Shorten URLs with VueJS & Bitly API.</li>
|
||
<li><a href="https://www.storyblok.com">Storyblok</a> - API
|
||
Based/Decoupled CMS using VueJS for its frontend.</li>
|
||
<li><a href="https://wizzair.com/">WizzAir</a></li>
|
||
<li><a href="https://movingtohttps.com/">Moving to HTTPS</a> - Guide to
|
||
moving different platform/hosting sites to HTTPS</li>
|
||
<li><a href="https://booknshelf.com/">Booknshelf</a> - Discover great
|
||
books and bookshelves on different topics.</li>
|
||
<li><a href="http://www.euronews.com">Euronews</a> - Euronews is a
|
||
multilingual news media service, headquartered in Lyon, France.</li>
|
||
<li><a href="http://www.roozame.com">Roozame روزامه</a> - Roozame is a
|
||
Persian smart news media service.</li>
|
||
<li><a href="https://koumoul.com">Koumoul</a></li>
|
||
<li><a href="http://ninja-calc.mbedded.ninja">NinjaCalc</a> - A suite of
|
||
embedded engineering related calculators, built as an open-source
|
||
single-page app with vue.js.</li>
|
||
<li><a href="https://vuejsfeed.com/">Vue.js Feed</a> - The latest Vue.js
|
||
news, tutorials, plugins, and more. Made with Vue.js and Laravel.</li>
|
||
<li><a href="https://github.com/JasonBai007/suanban">蒜瓣</a> - A web
|
||
app developed with Vue2.0 and Douban API</li>
|
||
<li><a href="https://kdcinfo.com/guessright/">Guess Right</a> - A ‘guess
|
||
the word’ game - Written with Vue/vuex/vue-router (front-end) and
|
||
Laravel/MySQL (back-end). Code is <a
|
||
href="https://github.com/KDCinfo/guess-right">Open Source on GitHub</a>
|
||
(although not the live files that run the game at kdcinfo).</li>
|
||
<li><a href="https://grap.io">GRAP</a> - Business communication
|
||
service</li>
|
||
<li><a href="https://easy-mock.com">Easy Mock</a></li>
|
||
<li><a
|
||
href="https://github.com/lincenying/mmf-blog-vue2-ssr">mmf-blog-vue2-ssr</a>
|
||
- A blog built with Vue 2.0, vue-router & vuex, with server-side
|
||
rendering</li>
|
||
<li><a href="https://json-schema-editor.tangramjs.com">JSON Schema
|
||
Editor</a> - An intuitive editor for JSON schema built with Vue.js and
|
||
Firebase.</li>
|
||
<li><a href="https://splode.github.io/trivia/">Winsome Trivia</a> - A
|
||
single or multiplayer trivia game featuring over 2,000 unique questions
|
||
built with Vue.js and powered by the Open Trivia Database.</li>
|
||
<li><a href="https://moonorganizer.com/calendar/">Moon Organizer</a> -
|
||
Lunar calendar app</li>
|
||
<li><a href="https://flash-vue.com">Flash-Vue</a> - ‘Flashcards of the
|
||
Future’ bring learning everywhere :rocket:</li>
|
||
<li><a href="https://www.kinderbesteck-gravur.de/">Kinderbesteck</a> - A
|
||
full Online Shop SPA with Vue2.0, Vuex, Vue Router</li>
|
||
<li><a href="https://github.com/OrangeXC/n2ex">n2ex</a> - A vue
|
||
ssr(nuxt) website, use v2ex API</li>
|
||
<li><a href="https://www.powerthesaurus.org">Power Thesaurus</a> - A
|
||
crowdsourced online thesaurus</li>
|
||
<li><a href="https://chattanosy.com">Chattanosy</a> - A
|
||
community-powered database of new things and places in Chattanooga,
|
||
TN.</li>
|
||
<li><a href="http://www.paixin.com/">PAIXIN</a> - A genuine picture sale
|
||
website</li>
|
||
<li><a href="https://codebottle.io/">CodeBottle</a> - Drag-and-drop
|
||
snippets to your projects</li>
|
||
<li><a href="https://1xbet.com">1XBET</a> - A betting company operating
|
||
since 2007</li>
|
||
<li><a href="http://myowntv.org">MyOwnTV</a> - A streaming website for
|
||
creating internet television</li>
|
||
<li><a href="https://crowdcircus.com">CrowdCircus</a> - Europe’s biggest
|
||
crowdfunding- and crowdinvesting-aggregator</li>
|
||
<li><a href="http://naaab.ir">ابیات ناب پارسی</a> - A collection of
|
||
Persian poems</li>
|
||
<li><a href="https://github.com/devjin0617/ripplectron">Ripplectron</a>
|
||
- Ripple(Blockchain coin) Wallet Desktop client for vue-electron</li>
|
||
<li><a href="https://pingbreak.com">PingBreak</a> - A free and simple
|
||
website monitoring service using vuejs for real-time dashboard</li>
|
||
<li><a href="https://github.com/rohitpaulk/todoist-tribute/">Todoist
|
||
Tribute</a> - Todoist clone, written in Rails + Vue</li>
|
||
<li><a href="https://json-editor.tangramjs.com">JSON Editor</a> - A
|
||
schema-aware JSON editor built with Vue2 and firebase.</li>
|
||
<li><a href="https://www.develteam.com">Develteam</a> - A social network
|
||
for indie game developers.</li>
|
||
<li><a href="https://www.mixsii.com">Mixsii</a> - A free video chat room
|
||
site for teens, adults, family, and friends.</li>
|
||
<li><a href="http://pipquest.gregorterrill.com">PipQuest</a> - A
|
||
retro-style puzzle game built in Vue</li>
|
||
<li><a href="https://matryx.ai/">Matryx</a> - A decentralized
|
||
collaboration platform.</li>
|
||
<li><a
|
||
href="https://chrome.google.com/webstore/detail/iprevyou-youtube-player/blijlgfnjhnhmnaldaiienmjggbjhbaa">iPrevYou
|
||
- YouTube™ Player</a> - A chrome app for watching youtube videos on your
|
||
desktop.</li>
|
||
<li><a href="https://itemmanager.uk">Item Manager</a> - An application
|
||
to transfer items for Destiny 2 game.</li>
|
||
<li><a href="https://frontendmasters.com/courses/vue/">Frontend Masters
|
||
Intro to Vue</a> - Frontend Masters full day course</li>
|
||
<li><a href="https://inverted3.gitlab.io/drum-machine/">TR-101</a> - A
|
||
drum synth / sequencer.</li>
|
||
<li><a href="https://bazaar.co">Bazaar</a> - Media sharing
|
||
platform.</li>
|
||
<li><a href="https://vectr.com/new">Vectr</a> - A free vector graphics
|
||
software</li>
|
||
<li><a href="https://github.com/dashersw/brain-bits">brain bits</a> - A
|
||
P300 online spelling mechanism for Emotiv headsets</li>
|
||
<li><a href="https://www.coin-dashboard.com">Coin Dashboard</a> - The
|
||
fully client-side cryptocurrency asset dashboard.</li>
|
||
<li><a href="https://habitica.com/">Habitica</a> - online task
|
||
management application in the form of a role-playing game.</li>
|
||
<li><a href="https://madewithvuejs.com/">MadeWithVueJs</a> - A Gallery
|
||
of Projects made with Vue.js (also the Site itself uses Vue.js)</li>
|
||
<li><a
|
||
href="https://github.com/NeutroniumCore/CodeDependencyScanner/">CodeDependencyScanner</a>
|
||
- A C# desktop application that display .Net assembly code dependencies
|
||
build with Vue, Neutronium and D3.js.</li>
|
||
<li><a href="https://thousandetherhomepage.com">Thousand Ether
|
||
Homepage</a> - The Million Dollar Homepage reimagined as an Ethereum
|
||
DApp. Build on Vue.js and open source.</li>
|
||
<li><a href="https://letsenhance.io/">Let’s Enchance</a> - free online
|
||
image upscale and enhancement with neural networks.</li>
|
||
<li><a href="https://pi.team">Pi.TEAM - Online Invoicing and
|
||
Accounting</a> - Simple to use online accounting and invoicing, free for
|
||
single users and freelancers.</li>
|
||
<li><a href="https://github.com/sc0vu/vuethwallet">Vuethwallet</a> - A
|
||
simple app generate ethereum wallet with vuejs.</li>
|
||
<li><a href="https://tipe.io">Tipe</a> - Next Generation API-first CMS.
|
||
Create your content with powerful editing tools and access it from
|
||
anywhere with a GraphQL or REST API. Stop letting your CMS decide how
|
||
you build your apps.</li>
|
||
<li><a href="https://github.com/sc0Vu/vuethexplore">Vuethexplore</a> - A
|
||
simple app explore ethereum blockchain with vuejs.</li>
|
||
<li><a href="https://www.fintechers.io">Fintechers</a> - Fintech focused
|
||
job board.</li>
|
||
<li><a href="https://www.devjournalapp.com">Devjournal</a> -
|
||
Collaborative todo list for projects and ideas.</li>
|
||
<li><a href="https://bubbleflat.com">Bubbleflat</a> - Online platform
|
||
that helps students and young Professionals find their perfect roommates
|
||
by searching for people with similar lifestyles, interests, or schools.
|
||
Laravel & Vuejs</li>
|
||
<li><a href="https://blip.website">blip</a> - Test websites for speed,
|
||
mobile-friendliness, security and the HTML5 doctype. Find businesses
|
||
around a location and test their websites en masse, or just test your
|
||
own URL.</li>
|
||
<li><a href="https://sunpos.ru">sunpos</a> - Sun position, elevation,
|
||
azimuth, ecliptic/equatorial coordinates and sunrise/sunset time (Julian
|
||
day) calculation and conversion utilities. Web site is programmed using
|
||
pure JS, Vuejs and i18n Vuejs localization plugin. Visualization is
|
||
created using D3.js.</li>
|
||
<li><a href="https://u3xyz.com">U3xyz</a> - A personal blog base on vue
|
||
ssr.</li>
|
||
<li><a href="https://27.ua">27.ua</a> - Ukraine-based internet
|
||
hypermarket</li>
|
||
<li><a href="http://vitomd.com/vue-chess-guardian/">Chess Guardian</a> -
|
||
Answer chess positional questions from your own games.</li>
|
||
<li><a href="https://blackjackbreak.com">Blackjack Break</a> - A quick
|
||
game of blackjack</li>
|
||
<li><a href="https://www.gamevix.com/">GameVix</a> - Swap your used
|
||
video game discs with others, hassle free. PWA with Material
|
||
Design.</li>
|
||
<li><a href="https://app.vivifyscrum.com">VivifyScrum</a> - Agile
|
||
project management app for teams that deliver. Customizable Scrum and
|
||
Kanban boards.</li>
|
||
<li><a href="https://9gag.com">9GAG</a> - Popular online platform and
|
||
social media website</li>
|
||
<li><a href="https://kitchenstories.io">Kitchen Stories</a> - Cooking
|
||
platform</li>
|
||
<li><a href="https://mailrabbit.io">MailRabbit</a> - Create, A/B test,
|
||
and monitor transactional emails without a developer.</li>
|
||
<li><a href="http://vue.awesometiny.com">Vue 资源精选</a> - great Vue
|
||
components list, category, inline demo show and brief</li>
|
||
<li><a href="https://cronhub.io">Cronhub</a> - Painless Cron Monitoring
|
||
Tool</li>
|
||
<li><a href="https://wrkprty.com">wrkprty</a> - Pop-up coworking events
|
||
for freelancers, remote workers, and professionals looking to get out of
|
||
the office.</li>
|
||
<li><a href="http://v-oogle.com/">V·oogle</a> - Google.com, reVued. A
|
||
joke-project. :)</li>
|
||
<li><a href="https://broker-notes.com">Broker Notes</a> - ‘Study to
|
||
become a Real Estate Agent’ :house:</li>
|
||
<li><a href="https://synclounge.tv">SyncLounge</a> - SyncLounge is a
|
||
tool to sync Plex content across multiple players in multiple
|
||
locations.</li>
|
||
<li><a href="https://www.hce.it/">HCE.it</a> - The website of an Italian
|
||
agency, entirely made with Vue using a Laravel-based headless CMS.</li>
|
||
<li><a href="https://www.pages.xyz/">Pages</a> - Web design
|
||
inspiration</li>
|
||
<li><a href="https://scrumpy.io/">Scrumpy</a> - A Beautiful Project
|
||
Management Tool for Agile Teams</li>
|
||
<li><a href="https://spektrummedia.com/">Spektrum</a> - The website of
|
||
Spektrum Media Agency</li>
|
||
<li><a href="https://www.spk.rocks/">SPK</a> The website of SPK
|
||
Ecosystem</li>
|
||
<li><a href="https://www.iddef.org/">IDDEF</a> ☪️ The Federation of the
|
||
Associations that Value Humanity’s webpage, CMS, CRM and Donation and
|
||
all e-commerce pages are designed with Vue.js, Vuex and pure JavaScript
|
||
🙏</li>
|
||
<li><a href="https://roastandbrew.coffee/">Roast</a> an app built to
|
||
help coffee enthusiasts find their next cup of coffee while learning
|
||
about Laravel + Vue.js.</li>
|
||
<li><a href="https://yangonbusreport.org">YBR</a> - Centralized YBS
|
||
Public eComplaint Management System. (Full SPA)</li>
|
||
<li><a href="https://regexfiddler.com/">Regex Fiddler</a></li>
|
||
<li><a href="https://myanpwel.com">Myanpwel</a> - The website of event
|
||
ticketing platform.</li>
|
||
<li><a href="https://www.cryptoarte.io">CryptoArte</a> - An Ethereum art
|
||
collection, non-fungible token, and Dapp.</li>
|
||
<li><a href="https://nagavirtual.com">NAGA VIRTUAL</a> - NAGA VIRTUAL is
|
||
the first independent virtual goods market.</li>
|
||
<li><a href="https://scroll.in">Scroll.in</a> - Scroll.in is an
|
||
independent news, information, and entertainment venture.</li>
|
||
<li><a href="https://akunyi.com">Akunyi</a> - Charity Website</li>
|
||
<li><a href="https://www.whatwouldmarkruffalodo.com/">What Would Mark
|
||
Ruffalo Do?</a> - Motivational website based on the story that Mark
|
||
Ruffalo failed at several hundred auditions before finding success.</li>
|
||
<li><a href="https://getbrandy.io">Brandy</a> - brand assets manager for
|
||
your menu bar.</li>
|
||
<li><a href="https://www.nbcsports.com/">NBC Sports</a> - NBC Sports is
|
||
a sports news website.</li>
|
||
<li><a href="https://www.with.in/">WITHIN</a> - Extraordinary stories in
|
||
Virtual Reality.</li>
|
||
<li><a href="https://plottr.io/">plottr.io</a> - Plan your running and
|
||
cycling routes</li>
|
||
<li><a href="https://be.camp">beCamp</a> - A community-organized tech
|
||
conference in Charlottesville, VA. Website code is open-source.</li>
|
||
<li><a href="https://www.trustpilot.com">Trustpilot</a> - a free and
|
||
open to all review platform.</li>
|
||
<li><a href="https://lagom.rsstudio.net/">Lagom</a> - Simple, intuitive
|
||
and fully responsive WHMCS theme</li>
|
||
<li><a href="https://scoutmytrip.com/roadtrip-planner/start">ScoutMyTrip
|
||
- Roadtrip Planner</a> - Road trip planning app for India which helps
|
||
travelers to build their itinerary, discover points of interest, find
|
||
hotels, gas stations, food joints etc along the route.</li>
|
||
<li><a href="https://gamersclub.com.br/?lang=english">GamersClub</a> -
|
||
Biggest company of eSport community development in Brazil</li>
|
||
<li><a href="https://www.mit.edu/">MIT</a> - Official Website of
|
||
Massachusetts Institute of Technology.</li>
|
||
<li><a href="https://en.elvenar.com/">Elvenar</a> - Elvenar is a browser
|
||
based fantasy city builder game.</li>
|
||
<li><a href="https://beaconapp.in">Beacon</a> - :blue_heart: A service
|
||
that allows you to share your content across multiple websites.</li>
|
||
<li><a href="https://www.artfinder.com/">Artfinder</a> - Artfinder is a
|
||
website for buying & selling art paintings.</li>
|
||
<li><a href="https://rolodromo.com">Rolodromo</a> - A spanish website
|
||
dedicated to tabletop RPG.</li>
|
||
<li><a
|
||
href="https://kiinlam.github.io/GitHubExplorer/">GitHubExplorer</a> -
|
||
Pure static page webapp for exploring GitHub. Using <code>Vuejs</code>
|
||
and <code>GitHub GraphQL API v4</code>.</li>
|
||
<li><a href="https://github.com/znck/keynote">Keynote</a> - Present with
|
||
Vue.</li>
|
||
<li><a href="https://github.com/morkro/happy-plants">HappyPlants</a> - A
|
||
progressive web app for organizing your plants 🌱.</li>
|
||
<li><a href="https://pocketlists.com">Pocket Lists</a> - World’s
|
||
friendliest to-do list app.</li>
|
||
<li><a href="https://padlet.com">Padlet</a> - Collaborative bulletin
|
||
boards</li>
|
||
<li><a href="https://glovoapp.com/en/">Glovo</a> - On-demand
|
||
delivery</li>
|
||
<li><a href="https://mysigmail.com/create">MySigMail</a> - MySigMail is
|
||
a free, in browser, email signature generator without creating
|
||
account</li>
|
||
<li><a href="https://wordguru.netguru.com">Wordguru</a> - A simple
|
||
verbal game where you split into teams and try to guess as many keywords
|
||
as you can.</li>
|
||
<li><a href="https://apiflash.com">ApiFlash</a> - A Chrome based
|
||
screenshot API built on top of AWS Lambda for Developers</li>
|
||
<li><a href="https://kitty-ipsum.com">Kitty Ipsum</a> - Generate lorem
|
||
ipsum composed of “meow” in different languages.</li>
|
||
<li><a href="https://git-superstar.firebaseapp.com">Git Superstar</a> -
|
||
Count your git stars and top repositories.</li>
|
||
<li><a href="https://app.decs.xyz/">DECS</a> - The decentralised
|
||
all-in-one workspace to manage code snippets and to protect sensitive
|
||
data.</li>
|
||
<li><a href="https://www.asciiur.com">Asciiur</a> - Internet’s ascii art
|
||
collection</li>
|
||
<li><a href="https://tapestridesigner.com">Tapestri Designer</a> - Free
|
||
tool to design PCR primers for genome sequencing experiments (NGS)</li>
|
||
<li><a
|
||
href="https://github.com/mritunjaygoutam12/Remote-host">Remote-Access-SSH</a>
|
||
- Web based remote host access with node-ssh</li>
|
||
<li><a href="https://map-marker-generator.firebaseapp.com/">Map Marker
|
||
Generator</a> - A Free Online Tool To Generate Custom Map Icons On The
|
||
Fly</li>
|
||
<li><a href="https://monoclereader.com/">Monocle Reader</a> - Follow
|
||
feeds, Twitter, YouTube, Blogs and everything else, all in one
|
||
place.</li>
|
||
<li><a href="https://www.frontendjs.com/">前站导航</a> -
|
||
前端社区、文档收录.</li>
|
||
<li><a href="https://geenes.app">Geenes</a> - Generate and apply color
|
||
palettes to your UI, then export it to sketch or code.</li>
|
||
<li><a href="http://blurrish.cognitusapps.com/">Blurrish</a> - Encrypted
|
||
Morning Pages journal for Mac/Windows, built with Vue and Electron.
|
||
Blurs as you write so you can journal in public workspaces.</li>
|
||
<li><a href="https://exifshot.com/">ExifShot</a> - What and how on
|
||
photography, beautifully.</li>
|
||
<li><a href="https://studolog.com/">Studolog</a> - Online file sharing
|
||
platform for students, including tester and reviews. Currently in Czech
|
||
🇨🇿 only.</li>
|
||
<li><a href="https://www.sumcumo.com/">sum.cumo</a> – Digital business
|
||
models (with Vue as a tech stack centerpiece).</li>
|
||
<li><a href="https://gamebrary.com">Gamebrary</a> - Open source tool to
|
||
organize video game collections.</li>
|
||
<li><a href="https://premiumpokertools.com/">Premium Poker Tools</a> -
|
||
What poker players use to study.</li>
|
||
<li><a href="https://config.qmk.fm/">QMK Configurator</a> - Configure,
|
||
Build, and Download Custom QMK Firmware from your browser.</li>
|
||
<li><a href="https://www.worksome.com/">Worksome</a> -
|
||
Marketplace/platform for qualified it professionals and freelancers and
|
||
companies looking to hire them.</li>
|
||
<li><a
|
||
href="https://manuel-suarez-abascal.github.io/translator-vuejs/">Translator-vuejs</a>
|
||
- Translation App built with Vuejs, Yandex API & ResponsiveVoice.js
|
||
API.</li>
|
||
<li><a href="https://www.bigtimer.net/">Big Timer</a> - Fullscreen
|
||
countdown timer for workshops, meetings and presentations. Big Timer
|
||
helps workshop facilitators, meeting chairs, design sprinters,
|
||
presenters and aspiring game show hosts stick to their program.</li>
|
||
<li><a href="https://wirenook.com/">Wirenook</a> - Free online app for
|
||
building responsive website wireframes. Hi- and Lo- Fidelity, project
|
||
sharing and svg download.</li>
|
||
<li><a href="https://www.kvalitetskontroll.no/">Kvalitetskontroll</a> -
|
||
Norwegian management system tailored for the construction industry.</li>
|
||
<li><a href="https://poolside.fm/">Poolside FM</a> - A retro-style music
|
||
player</li>
|
||
<li><a href="https://inoreader.com/">Inoreader.com</a> - One of the
|
||
biggest RSS readers and news aggregators out there.</li>
|
||
<li><a href="https://awesometechstack.com">AwesomeTechStack</a> -
|
||
Website Tech Stack Analyzer</li>
|
||
<li><a href="https://github.com/antonreshetov/massCode">massCode</a> -
|
||
An open source code snippets manager for developers. Build with
|
||
Electron, Vue and Monaco editor.</li>
|
||
<li><a href="https://www.clipleap.com/">ClipLeap</a> - Platform for
|
||
posting and sharing moments in long videos.</li>
|
||
<li><a href="https://www.rsvpkeeper.com/">RSVP Keeper</a> - Online
|
||
reservations made easy. Get your event up and running in no time. Made
|
||
with Vue and Go.</li>
|
||
<li><a href="https://pngk.org/">PNGK</a> - Official website for a
|
||
consultancy company working to find solutions for humanitarian, human
|
||
rights and other like minded organizations.</li>
|
||
<li><a href="https://www.bmwusa.com/build-your-own.html">BMWUSA Vehicle
|
||
Configurator</a> - Vehicle Configurator for BMWUSA</li>
|
||
<li><a href="https://www.mumbasket.com/">mumbasket</a> - an ecommerce
|
||
website with laravel and vuejs</li>
|
||
<li><a href="https://fanmio.com">Fanmio</a> - Meet your favorite
|
||
celebrities through personal video experiences on Fanmio</li>
|
||
<li><a href="https://oneconcern.com">OneConcern</a> <a
|
||
href="https://github.com/acidjazz/oneconcern">source</a></li>
|
||
<li><a href="https://atomicwallet.io">AtomicWallet</a> - Multi-asset
|
||
cryptocurrency wallet. Desktop and <a
|
||
href="https://play.google.com/store/apps/details?id=io.atomicwallet">mobile</a>
|
||
apps both were built with Vue.</li>
|
||
<li><a href="https://dashboard.helpninja.com/">Helpninja</a> - Simple
|
||
& fast help desk</li>
|
||
<li><a href="https://github.com/IanLuan/TodoDev">Todo DEV</a> - A simple
|
||
Todo App made for developers with Vuejs, Vuetify and the powerful
|
||
Firebase.</li>
|
||
<li><a href="https://www.36pixels.fr/">36 Pixels</a> - French agency
|
||
website made with vue.js</li>
|
||
<li><a href="https://github.com/gk4m/vue-spotify">Vue Spotify</a> -
|
||
Spotify client built with vue.js / vuex</li>
|
||
<li><a href="https://temp-mail.io/">temp-mail.io</a> - Disposable
|
||
temporary email service.</li>
|
||
<li><a href="https://best-movies.watch/">Best-movies.watch</a> - A
|
||
website which allows to watch movies online for free without sign
|
||
up</li>
|
||
<li><a href="https://tune.pk/">Tune.pk</a> - Tune.pk is one of the
|
||
largest video sharing website with content from all over the world.</li>
|
||
<li><a href="https://narrandum.com">Narrandum</a> - Customer journey
|
||
mapping tool built using Vue.js, Vuetify, and Feathersjs</li>
|
||
<li><a href="https://keepformula.com/">Keep Formula</a> - Keep Formula
|
||
is a simple app to make your calculations easier.</li>
|
||
<li><a href="https://neteast.netlify.com/">tato music player</a> - A
|
||
mobile first, handwritten, responsive web app for music fans written in
|
||
Vue and Vuetify.</li>
|
||
<li><a href="https://chatterboxes.netlify.com/">ChatterBoxes</a> - For
|
||
quick secret chat sessions</li>
|
||
<li><a href="https://goonlinetools.com/">goonlinetools.com</a> - 100%
|
||
Free Online Tools site.</li>
|
||
<li><a href="https://cmdgenerators.com">CMD Generators 命令行生成器</a>
|
||
- Generate CMD by click buttons. Such as tar, ssh. 命令行参数多不熟悉?
|
||
点点按钮就能生成啦!</li>
|
||
<li><a href="https://olaolu.dev/">Portfolio Site</a> - Olaolu Olawuyi, A
|
||
Frontend developer and UX Engineer’s portfolio site.</li>
|
||
<li><a href="https://david-aji.com/">Portfolio Site</a> - David Aji aka
|
||
Ajiva is a Front End Developer with experience using frameworks like Vue
|
||
and React to build “class” web apps.</li>
|
||
<li><a href="https://d-patterns.js.org">d-patterns.js.org</a> - FOSS
|
||
Discord templates listing website 💬</li>
|
||
<li><a href="https://linksift.com">linksift.com</a> - LinkSift lets you
|
||
explore what a website links to.</li>
|
||
<li><a href="https://postmake.io">postmake.io</a> - A curated directory
|
||
of 300+ tools and resources used by companies and startups all over the
|
||
web. Built using Vue.js and Nuxt.</li>
|
||
<li><a href="https://screenshotapi.net">screenshotapi.net</a> - A
|
||
website screenshot API, capture pixel-perfect website screenshots.</li>
|
||
<li><a href="https://www.fontget.com/">FontGet</a> - Download Free
|
||
Fonts.</li>
|
||
<li><a href="https://travelsmart.netlify.app/">Travel_Smart</a> - A
|
||
tour-based web app that uses Vue + Vue Router + Vuex.</li>
|
||
<li><a
|
||
href="https://hr.nih.gov/workforce/fevs/2019-fevs-survey-results">National
|
||
Institutes of Health (NIH): FEVS Survey Results</a> - National
|
||
Institutes of Health (NIH) data visualization of Federal Viewpoints
|
||
Survey (FEVS) survey results.</li>
|
||
<li><a href="https://www.ucanstock.com/">U Can Stock</a> - U.S. stock
|
||
market information platform for Korean. It’s built with Vue, Vuex,
|
||
Vuetify, Nuxt and Firebase.</li>
|
||
<li><a href="https://nipashe.netlify.app/">Nipashe</a> -“Nipashe” is a
|
||
Swahili word that means “Inform me”. Nipashe is a web app built in Vue +
|
||
Vuex(state management) + Vue-Router(navigation) that gives a
|
||
tally/statistics on the current COVID19 infections across the world
|
||
based on the WHO</li>
|
||
<li><a href="https://devsnap.me">DevSnap.me</a> - A website that helps
|
||
web developers find tons of free and open source HTML, CSS, and
|
||
JavaScript assets.</li>
|
||
<li><a href="https://github.com/canersevince/Pexies">Pexies</a> - Pexies
|
||
is a personal photo gallery built on pexels api. You can see
|
||
curated/randomized pictures, and add them to your favourites.</li>
|
||
<li><a href="https://www.wammes-gifts.nl">Wammes Gifts</a> - Wammes
|
||
Gifts helps you find the perfect gift.</li>
|
||
<li><a href="https://flights.vincentc.us/">Back Home/回家</a> - A flight
|
||
searching engine for the flights from oversea to China Mainland (and
|
||
China to oversea) that still fly during COVID-19.</li>
|
||
<li><a href="https://deadlines.vercel.app">Deadlines</a> - An offline,
|
||
simple deadline tracker made with Vue.js and localForage.</li>
|
||
<li><a href="https://scraperbox.com">Scraperbox</a> - Undetectable web
|
||
scraping API. Built with Laravel and Vue.</li>
|
||
<li><a href="https://www.darwin.so">Darwin Analytics</a> - Tool for
|
||
measuring and optimizing your site. Built with Vue3 and Vite.</li>
|
||
<li><a href="https://www.pinterestdownloder.video/">Pinterest video
|
||
downloader</a> - Tool for Downloading pinterest videos in HD</li>
|
||
<li><a href="https://www.scrumfast.com">Scrumfast</a> - Extremely
|
||
intuitive project management scrum tool.</li>
|
||
<li><a href="https://cryptotracks.io">CryptoTracks</a> - Unleash and
|
||
discover musical creativity on the Ethereum blockchain.</li>
|
||
<li><a href="https://www.codesnippet.fr">CodeSnippet</a> - A
|
||
collaborative code editor for teachers and students.</li>
|
||
<li><a href="https://www.gradientos.app">Gradientos</a> - Gradientos
|
||
makes finding gradients easy.</li>
|
||
<li><a href="https://httptools.dev/">httptools.dev</a> - Collection of
|
||
many online checks and tools for web developers, like a JSON formatter,
|
||
redirect check or URL encoder. Built with Vue3 and vue-router, backend
|
||
API uses Laravel.</li>
|
||
<li><a href="https://cupingfont.com/">Cuping Font</a> - Cool font
|
||
generator made with vuejs</li>
|
||
<li><a href="https://slack-vuesualizer.vercel.app">Slack Vuesualizer</a>
|
||
- Display and search through your Slack archive.</li>
|
||
<li><a href="https://findcharitables.org/">findcharitables.org</a> -
|
||
Website for listing of organizations that need donation</li>
|
||
<li><a href="https://www.fontbolt.com/">FontBolt</a> - Discover and
|
||
generate your favorite fonts from pop culture</li>
|
||
<li><a href="https://monayemislam.me">Portfolio Site</a> - Monayem
|
||
Islam, A full-stack web application developer’s portfolio site. Made
|
||
with Love and Vue 3.</li>
|
||
</ul>
|
||
<h3 id="interactive-experiences">Interactive Experiences</h3>
|
||
<ul>
|
||
<li><a href="https://adblitz.withyoutube.com/#!/advertisers">YouTube
|
||
AdBlitz 2016</a></li>
|
||
<li><a href="http://omnisense.net">Omnisense Experience</a></li>
|
||
<li><a href="http://louisansa.com">Louis Ansa Website
|
||
(portfolio)</a></li>
|
||
<li><a href="http://www.djeco.com/en">Djeco.com</a></li>
|
||
<li><a href="https://tolks.io">Tolks.io</a></li>
|
||
<li><a href="http://noizeoriginal.com">NOIZE original</a></li>
|
||
<li><a href="https://inverted3.gitlab.io/drum-machine">TR-101 Synth Drum
|
||
Machine</a></li>
|
||
<li><a href="http://www.itwonders-web.com/bootstrap4-editor/">Bootstrap
|
||
4 Editor</a></li>
|
||
<li><a href="https://subtletab.com">Subtletab - Browser
|
||
Extension</a></li>
|
||
<li><a href="https://web-riimote.herokuapp.com">web-riimote</a> - Turn
|
||
your smartphone into a 3D controller (<a
|
||
href="https://github.com/konaraddio/web-riimote">source code</a>)</li>
|
||
<li><a href="https://csscolorvars.github.io/">CSS ColorVars</a> -
|
||
Interactive tool code generation (<a
|
||
href="https://github.com/CSSColorVars/csscolorvars">source
|
||
code</a>)</li>
|
||
<li><a href="https://pngk.org/nightlight/">Nightlight During
|
||
Conflict</a> - Explore GIS data on nightlight output for countries in
|
||
conflict.</li>
|
||
<li><a href="https://justicemoroccoprototype.hiil.org/">User Friendly
|
||
Justice Data</a> - Explore justice data from Morocco.</li>
|
||
<li><a href="https://github.com/snturk/thing">Thing</a> - Breath
|
||
exercise & meditation web app made with Vue.</li>
|
||
<li><a href="https://www.vueplay.com">Vue Play</a> - Create Vue
|
||
components and applications in an interactive / visual drag & drop
|
||
designer.</li>
|
||
<li><a href="https://yja.me">Yahya J. Aifit’s Portfolio Site</a> -
|
||
Portfolio site that inspired by the appearance of desktop operating
|
||
system.</li>
|
||
</ul>
|
||
<h3 id="enterprise-usage">Enterprise Usage</h3>
|
||
<ul>
|
||
<li>Alibaba</li>
|
||
<li>Baidu</li>
|
||
<li>Sina Weibo</li>
|
||
<li>Xiaomi</li>
|
||
<li>Ele.me</li>
|
||
<li>Optimizely</li>
|
||
<li>Expedia</li>
|
||
<li>UCWeb</li>
|
||
<li>Line</li>
|
||
<li>Nintendo</li>
|
||
<li>Celtra</li>
|
||
<li><a href="https://sainsburys.jobs/">Sainsbury’s</a></li>
|
||
<li><a href="https://arex.io/">AREX</a></li>
|
||
<li>DJI</li>
|
||
<li>Octimine GmbH</li>
|
||
<li>Hunliji</li>
|
||
<li><a
|
||
href="https://about.gitlab.com/2016/10/20/why-we-chose-vue/">GitLab</a></li>
|
||
<li><a href="http://clemengerbbdo.com.au">Clemenger BBDO
|
||
Melbourne</a></li>
|
||
<li><a href="https://zenmate.com">ZenMate</a></li>
|
||
<li><a
|
||
href="https://blog.codeship.com/consider-vuejs-next-web-project/">Codeship</a></li>
|
||
<li><a href="https://app.storyblok.com">Storyblok</a></li>
|
||
<li><a href="https://www.monito.com">Monito</a> - Building the
|
||
Booking.com for international money transfers</li>
|
||
<li><a href="https://hypefactors.com">Hypefactors</a> - Software for
|
||
data-driven PR professionals</li>
|
||
<li>Adobe</li>
|
||
<li>IBM</li>
|
||
<li><a href="https://cotabox.com.br">Cotabox</a></li>
|
||
<li><a href="https://aromajoin.com">Aromajoin</a> - Develop the finest
|
||
digital scent products based on the harmony of hardware, software and
|
||
material technology.</li>
|
||
<li><a href="https://www.carrefour.fr">Carrefour</a></li>
|
||
<li><a href="https://www.staples.ca/">Staples Canada</a></li>
|
||
<li><a href="https://www.blibli.com">Blibli</a></li>
|
||
<li><a href="https://www.manduka.com/">Manduka</a></li>
|
||
<li><a href="https://www.upwork.com/">Upwork</a> - Work Marketplace for
|
||
freelancers and employers</li>
|
||
</ul>
|
||
<h3 id="a11y">A11y</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/vue-a11y">Vue A11y project</a> - Vue.js
|
||
community project to improve web accessibility.</li>
|
||
<li><a href="https://github.com/vue-a11y/vue-skip-to">vue-skip-to</a> -
|
||
It helps people who only use the keyboard to jump to what matters
|
||
most.</li>
|
||
<li><a href="https://github.com/vue-a11y/vue-axe">vue-axe</a> -
|
||
Accessibility auditing for Vue.js applications.</li>
|
||
<li><a
|
||
href="https://github.com/vue-a11y/vue-announcer">vue-announcer</a> - A
|
||
simple way with Vue to announce any useful information for screen
|
||
readers.</li>
|
||
<li><a
|
||
href="https://github.com/maranran/eslint-plugin-vue-a11y">eslint-plugin-vue-a11y</a>
|
||
- Static AST checker for accessibility rules on elements in .vue</li>
|
||
<li><a
|
||
href="https://github.com/theKashey/vue-focus-lock">vue-focus-lock</a> -
|
||
It is a trap! A lock for a Focus. A11y util for scoping a focus.</li>
|
||
<li><a
|
||
href="https://github.com/IBM/vue-a11y-calendar">vue-a11y-calendar</a> -
|
||
Accessible, internationalized Vue calendar.</li>
|
||
<li><a
|
||
href="https://github.com/vue-a11y/eslint-plugin-vuejs-accessibility">eslint-plugin-vuejs-accessibility</a>
|
||
- Vue.js accessibility eslint-plugin managed by <span class="citation"
|
||
data-cites="vue-a11y">@vue-a11y</span> .</li>
|
||
</ul>
|
||
<h2 id="components-libraries">Components & Libraries</h2>
|
||
<h3 id="ui-components">UI Components</h3>
|
||
<h4 id="table">Table</h4>
|
||
<p><em>Tables / data grids</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/ratiw/vuetable-2">vuetable-2</a> - Data
|
||
table simplify.</li>
|
||
<li><a href="https://github.com/matfish2/vue-tables-2">vue-tables-2</a>
|
||
- Vue.js 2 grid components.</li>
|
||
<li><a
|
||
href="https://github.com/coderdiaz/vue-datasource">vue-datasource</a> -
|
||
A vue.js server-side component to create dynamic tables.</li>
|
||
<li><a href="https://github.com/ag-grid/ag-grid">ag-grid-vue</a> - Vue
|
||
adaptor for ag-Grid.</li>
|
||
<li><a
|
||
href="https://github.com/njleonzhang/vue-data-tables">vue-data-tables</a>
|
||
- Vue2.0 DataTables, based on element-ui.</li>
|
||
<li><a href="https://github.com/tmlee/vue-floatThead">vue-floatThead</a>
|
||
- Vue 2.0 component for floatThead, a floating & sticky table header
|
||
plugin.</li>
|
||
<li><a
|
||
href="https://github.com/andrewcourtice/vuetiful/tree/master/src/components/datatable">vuetiful-datatable</a>
|
||
- Datatable component with sorting, filtering, pagination, grouping and
|
||
aggregation.</li>
|
||
<li><a
|
||
href="https://github.com/MicroDroid/vue-materialize-datatable">vue-materialize-datatable</a>
|
||
- VueJS datatable for Materialize CSS</li>
|
||
<li><a
|
||
href="https://github.com/xaksis/vue-good-table">vue-good-table</a> - An
|
||
easy to use, VueJS (2.x) table plugin with sorting, column filtering,
|
||
pagination etc.</li>
|
||
<li><a href="https://github.com/dzwillia/vue-grid">vue-grid</a> - A
|
||
flexible grid component for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/huangshuwei/vue-easytable">vue-easytable</a> -
|
||
A powerful table components based on Vue2.x</li>
|
||
<li><a
|
||
href="https://github.com/OneWayTech/vue2-datatable">vue2-datatable-component</a>
|
||
- The best Datatable for Vue.js 2.x which never sucks</li>
|
||
<li><a href="https://github.com/euvl/vue-js-grid">vue-js-grid</a> -
|
||
Vue.js 2.x responsive grid system with smooth sorting, drag-n-drop and
|
||
reordering</li>
|
||
<li><a
|
||
href="https://github.com/handsontable/vue-handsontable-official">vue-handsontable-official</a>
|
||
A Vue.js wrapper for the Handsontable spreadsheet component</li>
|
||
<li><a href="https://github.com/liqueflies/vue-grid">vue-grid</a> - A
|
||
powerful flexbox grid system for Vue.js 2.x, built with
|
||
inline-styles</li>
|
||
<li><a
|
||
href="https://github.com/VitorLuizC/vue-data-tablee">vue-data-tablee</a>
|
||
- Based on vue-good-table, a simple and pretty table component</li>
|
||
<li><a
|
||
href="https://github.com/richardtallent/vue-scrolling-table">vue-scrolling-table</a>
|
||
- Simple table component with flexbox sizing, scrolled table body
|
||
(horizontal and vertical), slots for all tr/th/td rendering.</li>
|
||
<li><a
|
||
href="https://github.com/zollero/el-search-table-pagination">el-search-table-pagination</a>
|
||
- Combines Form, Table and Pagination components of Element UI together.
|
||
Based on Vue 2.x.(<a
|
||
href="https://mp.weixin.qq.com/s/r_OumEQB79lpEETThHA70g">Detail</a>)</li>
|
||
<li><a href="https://github.com/ais-one/vue-crud-x">vue-crud-x</a> -
|
||
Extensible crud component using Vuetify layout, other than the usual
|
||
page, sort, filter, it is able to do nested CRUD, custom forms, filters,
|
||
operations.</li>
|
||
<li><a href="https://github.com/laravel-enso/vuedatatable">Vue
|
||
Datatable</a> - VueJS powered Datatable with Laravel server-side loading
|
||
and JSON template setup</li>
|
||
<li><a href="https://github.com/dwqs/v2-table">v2-table</a> - A simple
|
||
table component based Vue 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/future-architect/cheetah-grid">vue-cheetah-grid</a>
|
||
- A high-performance grid engine that work on a canvas for Vue.js.</li>
|
||
<li><a
|
||
href="http://vue-table-component.spatie.be/">vue-table-component</a> - A
|
||
straight to the point Vue component to display tables.</li>
|
||
<li><a href="https://lossendae.github.io/vue-table"><span
|
||
class="citation"
|
||
data-cites="lossendae/vue-table">@lossendae/vue-table</span></a> -
|
||
Simple table component for Vue.js 2.x with pagination and sortable
|
||
columns.</li>
|
||
<li><a
|
||
href="https://github.com/FEMessage/el-data-table">el-data-table</a> -
|
||
base on element-ui, makes crud easily</li>
|
||
<li><a
|
||
href="https://devexpress.github.io/devextreme-reactive/vue/grid/">DevExtreme
|
||
Vue Grid</a> - High-performance plugin-based Vue data grid for
|
||
Bootstrap.</li>
|
||
<li><a
|
||
href="https://github.com/arnedesmedt/vue-ads-table-tree">vue-ads-table-tree</a>
|
||
- A vue Table component, with filtering, sorting and pagination. Rows
|
||
can have child rows, so a tree structure can be build. It also supports
|
||
async calls to load rows from the backend. It’s built with the css
|
||
framework <code>tailwindcss</code></li>
|
||
<li><a href="https://github.com/MarketConnect/vue-pivot-table"><span
|
||
class="citation"
|
||
data-cites="marketconnect/vue-pivot-table">@marketconnect/vue-pivot-table</span></a>
|
||
- A vue component for pivot table</li>
|
||
<li><a href="https://github.com/hiendv/teible">vue-teible</a> -
|
||
Lightweight and flexible table component for the web :zap:</li>
|
||
<li><a
|
||
href="https://github.com/jqwidgets/vue/tree/master/grid">vue-jqxgrid</a>
|
||
- Vue data grid with filtering, sorting, editing, grouping, data export
|
||
and other features.</li>
|
||
<li><a
|
||
href="https://github.com/jqwidgets/vue/tree/master/pivotgrid">vue-jqxpivotgrid</a>
|
||
- Vue pivot data grid with pivot designer, drill through cells, pivot
|
||
functions.</li>
|
||
<li><a
|
||
href="https://github.com/nhnent/toast-ui.vue-grid">toast-ui.vue-grid</a>
|
||
- Vue Wrapper for <a href="http://ui.toast.com/tui-grid/">TOAST UI
|
||
Grid</a>.</li>
|
||
<li><a
|
||
href="https://github.com/boussadjra/vueye-table">vueye-datatable</a> -
|
||
Vueye data table is a responsive data table component based on Vue.js 2,
|
||
it organizes your data per pages in order to navigate easily.</li>
|
||
<li><a
|
||
href="https://github.com/BernhardtD/vue-sorted-table">vue-sorted-table</a>
|
||
- A plugin to turn tables into sorted tables. Supports nested object
|
||
keys, custom icons and reusable components.</li>
|
||
<li><a
|
||
href="https://github.com/rubanraj54/vue-bootstrap4-table">vue-bootstrap4-table</a>
|
||
- An advanced data table based on Vue 2 and Bootstrap 4, which includes
|
||
Multi column filtering, Multi column sorting, Pagination & Info,
|
||
Checkbox rows and Highly customizable slot options.</li>
|
||
<li><a
|
||
href="https://github.com/tochoromero/vuejs-smart-table">vuejs-smart-table</a>
|
||
- Straight Forward Table Component using the vanilla HTML Table
|
||
Structure with Sorting, Filtering, Pagination and Selection out of the
|
||
box.</li>
|
||
<li><a href="https://github.com/myENA/vue-table"><span class="citation"
|
||
data-cites="myena/vue-table">@myena/vue-table</span></a> - Table
|
||
Components for Client/Server data handling. Filter, sort, paginate,
|
||
group, expanding details row. Highly customizable via slots for filter,
|
||
headers, column, pagination, details row.</li>
|
||
<li><a
|
||
href="https://github.com/jamesdruhan/vue-jd-table">vue-jd-table</a> -
|
||
Advanced and flexible data table component for Vue 2. Feature Rich:
|
||
search, filtering, exporting, pagination (traditional and virtual
|
||
scroll) and so much more!</li>
|
||
<li><a
|
||
href="https://github.com/MengFangui/iview-table-page">iview-table-page</a>
|
||
- Combines Table and Page components of iview UI together. Based on Vue
|
||
2.x. And Hear are some examples to use iview-table-page.</li>
|
||
<li><a href="https://github.com/FancyGrid/FancyGrid">fancy-grid-vue</a>
|
||
- Vue adaptor for FancyGrid.</li>
|
||
<li><a
|
||
href="https://github.com/TheoXiong/vue-table-dynamic">vue-table-dynamic</a>
|
||
- A dynamic table with sorting, filtering, editing, pagination, multiple
|
||
select, etc.</li>
|
||
<li><a
|
||
href="https://github.com/Quintetio/vue-quintable">vue-quintable</a> - A
|
||
responsive and highly configurable table based on Vue 2.x and Bootstrap
|
||
4.x</li>
|
||
<li><a
|
||
href="https://github.com/andrelmlins/vue-grid-responsive">vue-grid-responsive</a>
|
||
- Responsive grid system based on Bootstrap for Vue 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/Parthfaladu/vue-js-datatable">vue-js-datatable</a>
|
||
- VueJS light weight wrapper datatable component for <a
|
||
href="https://datatables.net">datatables.net</a></li>
|
||
<li><a
|
||
href="https://github.com/jiahengaa/BeeGridTable">bee-grid-table</a>
|
||
-BeeGridTable , is a Highly Customizable Table UI component library
|
||
based on Vue.js. Rich functions、More efficient、Easy to use!</li>
|
||
<li><a href="https://github.com/revolist/vue-datagrid">vue-datagrid</a>
|
||
- Vue grid wrapper for powerful webcomponent revo-grid with excel like
|
||
rich edit and behavior.</li>
|
||
<li><a
|
||
href="https://github.com/iendeavor/element-ui-sticky-table">element-ui-sticky-table</a>
|
||
- Sticky for element-ui table</li>
|
||
<li><a href="https://github.com/kouts/vue-dataset">vue-dataset</a> - A
|
||
set of Vue.js components to display datasets with filtering, paging, and
|
||
sorting capabilities!</li>
|
||
<li><a href="https://github.com/jeremyjone/jz-gantt">jz-gantt</a> - A
|
||
high-performance Vue gantt component, which includes highly customizable
|
||
table columns, dynamic update data, freely drag the progress bar, switch
|
||
header, etc.</li>
|
||
<li><a
|
||
href="https://github.com/HC200ok/vue3-easy-data-table">vue3-easy-data-table</a>
|
||
- A easy-to-use data table component made with Vue.js 3.x, referring to
|
||
the API and UI of data table component in Vuetify 2.</li>
|
||
<li><a href="https://github.com/HELMAB/lv2-datatable">lv2-datatable</a>
|
||
- Integrate the Laravel datatables with your Vue app without using
|
||
JQuery.</li>
|
||
<li><a
|
||
href="https://github.com/jiangfei5945/el-col-group">el-col-group</a> -
|
||
Powerful and Flexable column for Element table.</li>
|
||
<li><a href="https://github.com/tanstack/table">tanstack-table</a> -
|
||
Headless UI for building powerful tables & datagrids.</li>
|
||
<li><a
|
||
href="https://github.com/webdevnerdstuff/vuetify-drilldown-table">vuetify-drilldown-table</a>
|
||
- The Vuetify Drilldown Table is a powerful component that enhances the
|
||
functionality of the Vuetify framework’s v-data-table and
|
||
v-data-table-server. It provides a recursive table structure, allowing
|
||
you to display hierarchical data in a nested format.</li>
|
||
</ul>
|
||
<h4 id="notification">Notification</h4>
|
||
<p><em>Toaster / snackbar — Notify the user with a modeless temporary
|
||
little popup</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/se-panfilov/vue-notifications">vue-notifications</a>
|
||
- Vue.js agnostic non-blocking notifications library.</li>
|
||
<li><a href="https://github.com/noru/vue-easy-toast">vue-easy-toast</a>
|
||
- A toast plugin for vue/vue2.</li>
|
||
<li><a href="https://github.com/shakee93/vue-toasted">vue-toasted</a> -
|
||
Responsive Touch Compatible Toast plugin for VueJS.</li>
|
||
<li><a
|
||
href="https://github.com/happyCoda/vue-notifikation">vue-notifikation</a>
|
||
- Vue.js notification plugin.</li>
|
||
<li><a
|
||
href="https://github.com/euvl/vue-notification">vue-notification</a> -
|
||
Vue.js 2+ notification plugin using <code>Velocity</code> for
|
||
animations.</li>
|
||
<li><a
|
||
href="https://github.com/NxtChg/pieces/tree/master/js/vue/vs-notify">vs-notify</a>
|
||
- Tiny but powerful notification component with no dependencies.</li>
|
||
<li><a href="https://github.com/websmurf/vue2-notify">vue2-notify</a> -
|
||
Vue.js 2+ notification plugin.</li>
|
||
<li><a
|
||
href="https://github.com/cristijora/vue-notifyjs">vue-notifyjs</a> -
|
||
Minimalist, 3kb themable notification plugin</li>
|
||
<li><a href="https://github.com/chryb/vueup">vueup</a> - Simple,
|
||
lightweight and elegant global notification popup for Vue.js</li>
|
||
<li><a href="https://github.com/ahmed-dinar/vuex-flash">vuex-flash</a> -
|
||
Flash message component for VueJS 2.x within Vuex 2.x.</li>
|
||
<li><a href="https://github.com/artemsky/vue-snotify">vue-snotify</a> -
|
||
Vue.js 2 Notification Center</li>
|
||
<li><a
|
||
href="https://github.com/PygmySlowLoris/vue-notify-me">vue-notify-me</a>
|
||
- Stackable notification Alert for Vue</li>
|
||
<li><a href="https://github.com/renoguyon/vuejs-noty">vue-noty</a> - A
|
||
Vue.js 2 wrapper around Noty</li>
|
||
<li><a
|
||
href="https://github.com/marcius-studio/vue-notice">vue-notice</a> -
|
||
Vue.js 2 wrapper around Noty.js with native API</li>
|
||
<li><a
|
||
href="https://github.com/keen-on-design/vue-flash-message">vue-flash-message</a>
|
||
- Simple yet flexible notification plugin</li>
|
||
<li><a href="https://github.com/voerro/vue-notifications"><span
|
||
class="citation"
|
||
data-cites="voerro/vue-notifications">@voerro/vue-notifications</span></a>
|
||
- Simple Vue.js 2 notifications plugin with HTML and styling
|
||
support.</li>
|
||
<li><a
|
||
href="https://github.com/f3oall/vue-awesome-notifications">vue-awesome-notifications</a>
|
||
- Lightweight Vue.js notification library with advanced async
|
||
support.</li>
|
||
<li><a
|
||
href="https://github.com/arthurvasconcelos/vue-izitoast">vue-izitoast</a>
|
||
- A Vue.js 2 wrapper around IziToast.</li>
|
||
<li><a href="https://github.com/saivarunk/vue-toastr-2">vue-toastr-2</a>
|
||
- Simple toast notifications for Vue.js built on <a
|
||
href="https://github.com/CodeSeven/toastr">toastr</a></li>
|
||
<li><a href="https://github.com/zerodois/vue-snack">vue-snack</a> - A
|
||
Vue.JS plugin for Snackbars based on Google Material.</li>
|
||
<li><a href="https://github.com/mengdu/m-message">vue-m-message</a> - A
|
||
message plugin for vue.</li>
|
||
<li><a
|
||
href="https://github.com/Carrene/vue-notification-bell">vue-notification-bell</a>
|
||
- A Vue UI component for showing notifications.</li>
|
||
<li><a href="https://github.com/marverix/v-tostini">v-tostini</a> -
|
||
Really plain toast notifications mechanism for Vue.js 2.x. No CSS
|
||
included.</li>
|
||
<li><a
|
||
href="https://github.com/ankurk91/vue-toast-notification">vue-toast-notification</a>
|
||
- Yet another Vue.js Toast notification plugin.</li>
|
||
<li><a href="https://github.com/nandi95/vue-toastify">VueToastify</a> -
|
||
A fuss free notification component.</li>
|
||
<li><a
|
||
href="https://github.com/Maronato/vue-toastification">vue-toastification</a>
|
||
- Light, easy and beautiful toasts for Vue</li>
|
||
<li><a href="https://github.com/smwbtech/vue-flash-message"><span
|
||
class="citation"
|
||
data-cites="smartweb/vue-flash-message">@smartweb/vue-flash-message</span></a>
|
||
- The component to display single flash message or multiple flash
|
||
messages to user</li>
|
||
<li><a
|
||
href="https://github.com/mathieustan/vue-notification">vue-notification</a>
|
||
- A clean & nice notification system with Material Design style with
|
||
a queue :new:</li>
|
||
<li><a href="https://github.com/codebender828/breadstick">Breadstick</a>
|
||
- 🚀 A simple and flexible positioning, stacking and dismissal API for
|
||
your custom Vue notifications.</li>
|
||
<li><a
|
||
href="https://github.com/eolant/vuetify-toast-snackbar">vuetify-toast-snackbar</a>
|
||
- Vue.JS toast service with queue support that uses Vuetify’s “Snackbar”
|
||
component.</li>
|
||
<li><a href="https://github.com/MeForma/vue-toaster">vue-toaster</a> -
|
||
Vue.js toast notification plugin for Vue 3</li>
|
||
<li><a
|
||
href="https://github.com/HELMAB/vue-notification-ui">vue-notification-ui</a>
|
||
- A simple push the notification UI with Vue.js</li>
|
||
<li><a href="https://github.com/Tahul/vue-my-toasts">vue-my-toasts</a> -
|
||
Provide your component and let us toast the rest.</li>
|
||
<li><a href="https://github.com/kyvg/vue3-notification"><span
|
||
class="citation"
|
||
data-cites="kyvg/vue3-notification">@kyvg/vue3-notification</span></a> -
|
||
Vue 3 notification library</li>
|
||
<li><a
|
||
href="https://github.com/RashadSaleh/vue-global-alert-utility">vue-global-alert-utility</a>
|
||
- A Vue.js global alert utility to replace vanilla JavaScript
|
||
<code>alert</code> function with better user and developer experience,
|
||
while keeping it as simple as possible.</li>
|
||
<li><a href="https://github.com/smastrom/notivue">notivue</a> -
|
||
Fully-featured notification system for Vue 3 and Nuxt 3.</li>
|
||
</ul>
|
||
<h4 id="loader">Loader</h4>
|
||
<p><em>Loaders / spinners / progress bars — Let the user know that
|
||
something is loading</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/wyzant-dev/vue-radial-progress">vue-radial-progress</a>
|
||
- Radial progress bar component for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/dzwillia/vue-simple-spinner">vue-simple-spinner</a>
|
||
- A simple, flexible spinner for Vue.js</li>
|
||
<li><a href="https://github.com/f/vue-wait">vue-wait</a> - Complex
|
||
Loader Management for Vue/Vuex and Nuxt applications.</li>
|
||
<li><a
|
||
href="https://github.com/Akryum/vue-progress-path">vue-progress-path</a>
|
||
- Customizable progress indicators and spinners that support any custom
|
||
SVG path.</li>
|
||
<li><a href="https://github.com/realdah/vue-blockui">vue-blockui</a> -
|
||
BlockUI for vue 2, similar to jquery blockUI, can be used for loading
|
||
screen.</li>
|
||
<li><a
|
||
href="https://github.com/epicmaxco/epic-spinners">epic-spinners</a> -
|
||
Easy to use css spinners collection with vue.js integration.</li>
|
||
<li><a
|
||
href="https://github.com/chenxuan0000/svg-progress-bar">svg-progress-bar</a>
|
||
- A simple progress bar for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/ankurk91/vue-loading-overlay">vue-loading-overlay</a>
|
||
- Tiny full screen loading indicator</li>
|
||
<li><a href="https://github.com/Hokid/vue-loaders">vue-loaders</a> - vue
|
||
wrappers for <a
|
||
href="https://github.com/ConnorAtherton/loaders.css">loaders.css</a></li>
|
||
<li><a
|
||
href="https://github.com/STUkh/vue-promise-btn">vue-promise-btn</a> -
|
||
Tiny and powerful tool for asynchronous buttons(or any other tag) lock
|
||
with fancy built-in spinner</li>
|
||
<li><a href="https://github.com/TonPC64/vue-spinkit">vue-spinkit</a> -
|
||
🌈 A collection of loading indicators animated with CSS for VueJS</li>
|
||
<li><a
|
||
href="https://github.com/hussam-m/vue2-form-loading">vue2-form-loading</a>
|
||
- A VueJS directive can be used with forms in order to disable submit
|
||
button while the next page is loading</li>
|
||
<li><a
|
||
href="https://github.com/biigpongsatorn/vue-element-loading">vue-element-loading</a>
|
||
- ⏳ Loading inside a container or full screen for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/anthinkingcoder/tb-skeleton">tb-skeleton</a> -
|
||
A skeleton screen loading for Vue.js</li>
|
||
<li><a href="https://github.com/Saeris/vue-spinners">vue-spinners</a> -
|
||
💫 A collection of loading spinner components for Vuejs</li>
|
||
<li><a
|
||
href="https://github.com/Yangfan2016/vue-yan-progress">vue-progress-bar</a>
|
||
- This is a cascading progress bar plugin based on vue</li>
|
||
<li><a
|
||
href="https://github.com/shwilliam/vue-loading-button">vue-loading-button</a>
|
||
- 👇 Straightforward button with slideout loading indicator</li>
|
||
<li><a href="https://github.com/HELMAB/vue-loading">vue-loading</a> - 🔄
|
||
Block page while requesting API</li>
|
||
<li><a
|
||
href="https://github.com/igaloly/vue-preloaders">vue-preloaders</a> -
|
||
Attach your preloader at any time, to any element easily and
|
||
quickly</li>
|
||
<li><a
|
||
href="https://github.com/setaman/vue-ellipse-progress">vue-ellipse-progress</a>
|
||
- A flexible Vue.js component to create beautiful animated circular
|
||
progress bars and loaders</li>
|
||
<li><a
|
||
href="https://github.com/altrusl/vuesence-cloud-sync-button">vuesence-cloud-sync-button</a>
|
||
- Animated button which also serves as a cloud synchronization progress
|
||
bar</li>
|
||
<li><a
|
||
href="https://github.com/Bot-Academia/Vue-ui-preloader">vue-ui-preloader</a>
|
||
- Pre Loader components for vue.js projects with playground.</li>
|
||
<li><a
|
||
href="https://github.com/MehdiKhoshnevisz/vue-splash">vue-splash</a> - A
|
||
simple and cool splash plugin for vue.js 💦</li>
|
||
<li><a
|
||
href="https://github.com/neelansh15/vue-ultimate-skeleton-cards">vue-ultimate-skeleton-cards</a>
|
||
- The Ultimate, fully-customizable Skeleton Card plugin for Vue 🚀</li>
|
||
<li><a href="https://github.com/MeForma/vue-wait-for">vue-wait-for</a> -
|
||
A loader manager for Vue.js 3 with reactive method</li>
|
||
<li><a
|
||
href="https://github.com/egoist/vue-content-loader">vue-content-loader</a>
|
||
- SVG component to create placeholder loading, like Facebook cards
|
||
loading</li>
|
||
<li><a
|
||
href="https://github.com/delowardev/vue3-circle-progress">vue3-circle-progress</a>
|
||
- Highly customizable Vue.js 3 circular progressbar component.</li>
|
||
<li><a href="https://github.com/peterroe/uspin">uspin</a> - A vue3
|
||
component that adds a spin mask at load time.🔄</li>
|
||
<li><a
|
||
href="https://github.com/peterroe/vue-img-lazy-tiny">vue-img-lazy-tiny</a>
|
||
- A vue3 directive that provide a shield while loading.</li>
|
||
<li><a
|
||
href="https://github.com/gbast0s/vue3-ui-preloader">vue3-ui-preloader</a>
|
||
- Vue3 Pre Loader components for vue.js projects with playground.</li>
|
||
<li><a
|
||
href="https://github.com/zero-one-code/vue-default-page">vue-default-page</a>
|
||
- A Vue 3.0 plugin with built-in v-loading, v-skeleton, v-error and
|
||
v-empty custom directives.</li>
|
||
</ul>
|
||
<h5 id="progress-bar">Progress Bar</h5>
|
||
<p><em>A slim progress bar at the top of the page</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/hilongjw/vue-progressbar">vue-progressbar</a> -
|
||
A lightweight progress bar for vue.</li>
|
||
<li><a
|
||
href="https://github.com/BosNaufal/vue2-loading-bar">vue2-loading-bar</a>
|
||
- Simplest Youtube Like Loading Bar Component For Vue 2.</li>
|
||
<li><a
|
||
href="https://github.com/dalphyx/vue-top-progress">vue-top-progress</a>
|
||
- Yet another top progress loading bar component for Vue.js.</li>
|
||
<li><a href="https://github.com/vue-bulma/nprogress">vue-nprogress</a> -
|
||
Progress bars is based on nprogress for Vue.</li>
|
||
<li><a
|
||
href="https://github.com/websmurf/vue-progress-button">vue-progress-button</a>
|
||
- Vue.js 2.x animated button component.</li>
|
||
<li><a
|
||
href="https://github.com/dzwillia/vue-simple-progress">vue-simple-progress</a>
|
||
- A simple, flexible progress bar for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/val-bubbleflat/vue-component-loading">vue-component-loading</a>
|
||
- Manage a loading state inside each component and display the global
|
||
loading state with a progressbar.</li>
|
||
<li><a
|
||
href="https://github.com/spemer/vue-scroll-progress">vue-scroll-progress</a>
|
||
- Simple Vue.js plugin for page scroll progress bar</li>
|
||
<li><a
|
||
href="https://github.com/ajerez/vue-read-progress">vue-read-progress</a>
|
||
- Customizable progress bar at the top of the page that shows the scroll
|
||
progress</li>
|
||
<li><a
|
||
href="https://github.com/dreambo8563/easy-circular-progress">easy-circular-progress</a>
|
||
- Easy circular progress component with counting effect</li>
|
||
<li><a
|
||
href="https://github.com/LucasLeandro1204/vue-twitter-counter">vue-twitter-counter</a>
|
||
- Counter component inspired in Twitter with Vue</li>
|
||
<li><a
|
||
href="https://github.com/meloalright/vue-ins-progress-bar">vue-ins-progress-bar</a>
|
||
- A Vue component of ins-style progress bar 一款 ins 风格的 vue
|
||
进度条组件</li>
|
||
<li><a
|
||
href="https://github.com/jambonn/vue-next-progressbar">vue-next-progressbar</a>
|
||
- Slim progress bars(1KB gzipped) for Vue 3.</li>
|
||
<li><a
|
||
href="https://github.com/marcoschulte/vue3-progress">vue3-progress</a> -
|
||
Fully customizable vue3 plugin to display a progress bar while waiting
|
||
for something, e.g. http requests</li>
|
||
<li><a
|
||
href="https://github.com/rofixro/css-3d-progress">css-3d-progress</a> -
|
||
A 3D progress bar component written using web Components, supports Vue,
|
||
React and Svelte.</li>
|
||
</ul>
|
||
<h4 id="tooltip">Tooltip</h4>
|
||
<p>Tooltips / popovers</p>
|
||
<ul>
|
||
<li><a href="https://github.com/Akryum/vue-tooltip">v-tooltip</a> - Easy
|
||
tooltips with Vue 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/antongorodezkiy/vue-popper-component">vue-popper-component</a>
|
||
- Popper.js directive for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/hekigan/vue-directive-tooltip">vue-directive-tooltip</a>
|
||
- Simple, flexible tooltip directive (based on Popper.js) <a
|
||
href="https://vuejs.org"><img
|
||
src="https://img.shields.io/badge/vue-2-green.svg"
|
||
alt="Vue.js" /></a></li>
|
||
<li><a href="https://github.com/RobinCK/vue-popper">vue-popperjs</a> -
|
||
VueJS 2.x popover component</li>
|
||
<li><a
|
||
href="https://github.com/jambonn/vue-popper-lite">vue-popper-lite</a> -
|
||
A popover component based on <a
|
||
href="https://popper.js.org/docs/v2/#popper-lite-tree-shaking">popper.js
|
||
tree shaking</a> for Vue 3 written by TypeScript.</li>
|
||
<li><a
|
||
href="https://github.com/cpfarher/vue-tooltipster">vue-tooltipster</a> -
|
||
VueJS 2.x tooltip component. Support html content, hover and hover+click
|
||
events.</li>
|
||
<li><a href="https://github.com/ChristianKienle/k-pop">k-pop</a> -
|
||
Simple popover component based on <a
|
||
href="https://popper.js.org/">popper.js</a>. Highly customizable. Comes
|
||
with themes. Supports custom triggers and can listen to any event.</li>
|
||
<li><a href="https://github.com/adamdehaven/vue-custom-tooltip"><span
|
||
class="citation"
|
||
data-cites="adamdehaven/vue-custom-tooltip">@adamdehaven/vue-custom-tooltip</span></a>
|
||
- Vue 2 & 3 :tada: customizable, reactive, and reusable tooltip
|
||
component that supports plugin options, props, and multiple use-cases.
|
||
Also works with SSR (e.g. VuePress, Nuxt) and includes TypeScript types.
|
||
(Vue 3 is available on <code>next</code> branch/npm tag)</li>
|
||
<li><a
|
||
href="https://github.com/iendeavor/vue-use-popperjs">vue-use-popperjs</a>
|
||
- Vue 2 & 3 popper hook powered by <span class="citation"
|
||
data-cites="popperjs">@popperjs</span></li>
|
||
<li><a
|
||
href="https://github.com/gVguy/vue-follow-tooltip">vue-follow-tooltip</a>
|
||
- Tiny tooltip directive for Vue 3.</li>
|
||
<li><a href="https://github.com/thecodewarrior/Tippy.vue">Tippy.vue</a>
|
||
- Nesting-free <a href="https://atomiks.github.io/tippyjs/">Tippy.js</a>
|
||
directive/component for Vue 3. A drop-in addition with no structural or
|
||
style changes required. Supports both individual and singleton
|
||
tooltips.</li>
|
||
</ul>
|
||
<h4 id="overlay">Overlay</h4>
|
||
<p><em>Overlay / modal / alert / dialog / lightbox / popup</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/javisperez/vuedals">vuedals</a> - A
|
||
VueJS (2.x) Plugin for multiple modals windows with a single component
|
||
instance.</li>
|
||
<li><a
|
||
href="https://github.com/adeptoas/sweet-modal-vue">sweet-modal-vue</a> -
|
||
The sweetest library to happen to modals. Now available for Vue.js.</li>
|
||
<li><a href="https://github.com/euvl/vue-js-modal">vue-js-modal</a> -
|
||
Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal
|
||
with 0 dependencies.</li>
|
||
<li><a href="https://github.com/Egorvah/vudal">vudal</a> - Modal window
|
||
for vue.js</li>
|
||
<li><a href="https://github.com/chenjiahan/vodal">vodal</a> - A vue
|
||
modal with animations.</li>
|
||
<li><a
|
||
href="https://github.com/pexea12/vue-image-lightbox">vue-image-lightbox</a>
|
||
- A Vue image lightbox/gallery to display images nicely.</li>
|
||
<li><a href="https://github.com/mazipan/vue2-simplert">vue2-simplert</a>
|
||
- Vue 2 Simple Alert Component (SweetAlert Inspired) By Irfan
|
||
Maulana</li>
|
||
<li><a
|
||
href="https://github.com/David-Desmaisons/Vue-Semantic-Modal">Vue-Semantic-Modal</a>
|
||
- Vue 2 Semantic-UI modal component without jQuery dependency</li>
|
||
<li><a href="https://github.com/crowdbotics/v-img">v-img</a> - Easy to
|
||
install image gallery.</li>
|
||
<li><a
|
||
href="https://github.com/emiliorizzo/vue-dialog-drag">vue-dialog-drag</a>
|
||
- Draggable dialog</li>
|
||
<li><a
|
||
href="https://github.com/qgp9/vue-ya-semantic-modal">vue-ya-semantic-modal</a>
|
||
- Yet another semantic-ui modal component for Vue2 without Jquery but
|
||
with Vue transition</li>
|
||
<li><a
|
||
href="https://github.com/DCzajkowski/vue-pure-lightbox">vue-pure-lightbox</a>
|
||
- Very simple lightbox plugin without any dependencies - only Vue!
|
||
🖼</li>
|
||
<li><a href="https://github.com/mirari/v-viewer">v-viewer</a> - Image
|
||
viewer component for vue2 and vue3, supports rotation, scale, zoom and
|
||
so on, based on <a
|
||
href="https://github.com/fengyuanchen/viewerjs">viewer.js</a></li>
|
||
<li><a
|
||
href="https://github.com/zhangxiang958/vue-messageBox">vue-messagebox</a>
|
||
- Easy and made-to-order messagebox component on Vue.</li>
|
||
<li><a
|
||
href="https://github.com/Godofbrowser/vuejs-dialog">vuejs-dialog</a> - A
|
||
lightweight, promise based alert, prompt and confirm dialog.</li>
|
||
<li><a href="https://github.com/michitaro/vue-window"><span
|
||
class="citation"
|
||
data-cites="hscmap/vue-window">@hscmap/vue-window</span></a> - Window UI
|
||
Component for vue2.</li>
|
||
<li><a href="https://github.com/RobinCK/vue-gallery">vue-gallery</a> -
|
||
VueJS responsive and customizable image and video gallery, carousel and
|
||
lightbox, optimized for both mobile and desktop web browsers. Based on
|
||
blueimp-gallery</li>
|
||
<li><a href="https://github.com/anteriovieira/vue-swal">vue-swal</a> - A
|
||
small wrapper for integrating SweetAlert to Vuejs. (Compatible with
|
||
SSR)</li>
|
||
<li><a
|
||
href="https://github.com/hjkcai/vue-modal-dialogs">vue-modal-dialogs</a>
|
||
- ✨ Promisify your own dialogs!</li>
|
||
<li><a href="https://github.com/la7ender/vue-img-view">vue-img-view</a>
|
||
- a plugin for Vue.js, you can drag / view / rotate pictures
|
||
anywhere</li>
|
||
<li><a
|
||
href="https://github.com/davodaslanifakor/modaltor">vue-modaltor</a> -
|
||
most advance configurable modal component for vuejs</li>
|
||
<li><a
|
||
href="https://github.com/nash403/v-modal-backdrop">v-modal-backdrop</a>
|
||
- A simple generic backdrop component for vue</li>
|
||
<li><a
|
||
href="https://github.com/dillonchanis/vue-cute-modal">vue-cute-modal</a>
|
||
- A simple and easy to use Modal component for Vue applications.</li>
|
||
<li><a href="https://github.com/TerryZ/v-dialogs">v-dialogs</a> - A
|
||
simple and powerful dialog, including Modal, Alert, Mask and Toast
|
||
modes, based on Vue2.x</li>
|
||
<li><a
|
||
href="https://github.com/KitchenStories/vue-gallery-slideshow">vue-gallery-slideshow</a>
|
||
- Responsive gallery component for VueJS</li>
|
||
<li><a
|
||
href="https://github.com/morkro/vue-a11y-dialog">vue-a11y-dialog</a> - A
|
||
Vue.js component wrapper for the accessible dialog <a
|
||
href="https://github.com/edenspiekermann/a11y-dialog"><code>a11y-dialog</code></a>.</li>
|
||
<li><a
|
||
href="https://github.com/officert/vue-slideout-panel">vue-slideout-panel</a>
|
||
- Stackable panel component for VueJS</li>
|
||
<li><a href="https://github.com/TerryZ/v-gallery">v-gallery</a> - A Vue2
|
||
plugin for images show in <code>gallery</code> or
|
||
<code>carousel</code></li>
|
||
<li><a
|
||
href="https://github.com/leepyng/vue2-image-loader">vue2-image-loader</a>
|
||
- A image lazyLoad loader component for vue2</li>
|
||
<li><a
|
||
href="https://github.com/am283721/vue-my-photos">vue-my-photos</a> - A
|
||
simple dependency-free image lightbox component with filtering
|
||
capabilities</li>
|
||
<li><a
|
||
href="https://github.com/nikli2009/vue-img-orientation-changer">vue-img-orientation-changer</a>
|
||
- A Vue.js <code>directive</code> that automatically adjust your
|
||
<code>img</code> to correct <code>orientation</code>.</li>
|
||
<li><a href="https://github.com/adileo/vue-topmodal">vue-topmodal</a> -
|
||
A fully customizable, easy to use, Vue.js modal component. (Responsive,
|
||
Stackable, Scrollable, Animated)</li>
|
||
<li><a href="https://github.com/MelMacaluso/vue-modal">vue-modal 🖼</a> -
|
||
Feed your objects array for multiple switchable modal content or quickly
|
||
inline your content. A fully customizable vue modal component .</li>
|
||
<li><a href="https://github.com/Innologica/vue-stackable-modal"><span
|
||
class="citation"
|
||
data-cites="innologica/vue-stackable-modal">@innologica/vue-stackable-modal</span></a>
|
||
- Library for modal dialogs which can be stacked. Fully customizable and
|
||
very easy to use.</li>
|
||
<li><a
|
||
href="https://github.com/avil13/vue-sweetalert2">vue-sweetalert2</a> -
|
||
wrapper for sweatlaert2 with support for TypeScript, Nuxt and SSR</li>
|
||
<li><a
|
||
href="https://github.com/ovictorpereira/vue-modality">vue-modality</a> -
|
||
A really nice Vue.js modal component</li>
|
||
<li><a
|
||
href="https://github.com/NickKaramoff/vue-tinybox">vue-tinybox</a> - a
|
||
tiny (only 2.5 KB minzipped) and slick lightbox gallery. Optimized for
|
||
both desktop and mobile.</li>
|
||
<li><a
|
||
href="https://github.com/andrewvasilchuk/vue-accessible-modal">vue-accessible-modal</a>
|
||
- A Vue.js accessible modal wrapper over your components.</li>
|
||
<li><a
|
||
href="https://github.com/yariksav/vuetify-dialog">vuetify-dialog</a> -
|
||
Dialogs easy to use with Vuetify.</li>
|
||
<li><a
|
||
href="https://github.com/behawesometw/vue-hawesome-modal">vue-hawesome-modal</a>
|
||
- A Vue promisify modal component plugin based on Vuetify with
|
||
Vuex.</li>
|
||
<li><a href="https://github.com/XeniacDev/xmodal">xmodal-vue</a> - 🚀 A
|
||
simplistic and easy to use wrapper around your components that will help
|
||
you create custom and dynamic modals, from your components.</li>
|
||
<li><a href="https://github.com/kouts/vue-modal"><span class="citation"
|
||
data-cites="kouts/vue-modal">@kouts/vue-modal</span></a> - A
|
||
customizable, stackable and lightweight modal component that adheres to
|
||
the guidelines set in WAI-ARIA Dialog (Modal) section of W3C.</li>
|
||
<li><a
|
||
href="https://github.com/hunterliu1003/vue-final-modal">vue-final-modal</a>
|
||
Tailwind-friendly, highly customizable, stackable modal component.</li>
|
||
<li><a
|
||
href="https://github.com/altrusl/vuesence-modal-window">vuesence-modal-window</a>
|
||
- Simple Modal window Vue.js component that takes care of overlay,
|
||
centering, animation, outside click/<code>Escape</code>
|
||
key/<code>X-mark</code> closing and allows you to concentrate on its
|
||
content only.</li>
|
||
<li><a
|
||
href="https://github.com/haiafara/vue-it-bigger">vue-it-bigger</a> - A
|
||
simple image / (YouTube) video lightbox component for Vue.js.</li>
|
||
<li><a href="https://github.com/malekim/v3confirm">v3confirm</a> - A
|
||
plugin dedicated for vue3 to show confirm dialog modal.</li>
|
||
<li><a
|
||
href="https://github.com/rlemaigre/vue3-promise-dialog">vue3-promise-dialog</a>
|
||
- Let’s you create promise based dialogs in Vue 3 (Composition or
|
||
Options API) with ease !</li>
|
||
<li><a
|
||
href="https://github.com/headmandev/vue3-side-panel">vue3-side-panel</a>
|
||
- 🔥 Easy to use and flexible modal sidebar component for Vue3.</li>
|
||
<li><a
|
||
href="https://github.com/harmyderoman/vuejs-confirm-dialog">vuejs-confirm-dialog</a>
|
||
- :speech_balloon: a simple way to create, reuse, promisify and build
|
||
chains of modal dialogs in Vue.js.</li>
|
||
<li><a href="https://github.com/kolirt/vue-modal"><span class="citation"
|
||
data-cites="kolirt/vue-modal">@kolirt/vue-modal</span></a> - ⚡️ Simple
|
||
Vue3 modal package</li>
|
||
<li><a
|
||
href="https://github.com/webdevnerdstuff/vuetify-resize-drawer">vuetify-resize-drawer</a>
|
||
- The vuetify-resize-drawer component extends the functionality of the
|
||
v-navigation-drawer so that it is resizable by the user.</li>
|
||
</ul>
|
||
<h4 id="parallax">Parallax</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/vue-comps/vue-parallax">vue-parallax</a>
|
||
- Scrolls an image slower than the window to create a neat optical
|
||
effect.</li>
|
||
<li><a
|
||
href="https://github.com/apertureless/vue-parallax">vue-parallaxy</a> -
|
||
Vue.js component for parallax image scroll effects.</li>
|
||
<li><a
|
||
href="https://github.com/Aminerman/vue-mouse-parallax">vue-mouse-parallax</a>
|
||
- A simple to use Mouse Parallax Component - Made with Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/jsnanigans/vue-parallax-js">vue-parallax-js</a>
|
||
- Tiny vue component that adds a directive for parallax effect on
|
||
elements.</li>
|
||
<li><a
|
||
href="https://github.com/aarcoraci/vue-parallax-view">vue-parallax-view</a>
|
||
- Create a composite control that displays different images that react
|
||
to the mouse movement to create a depth effect</li>
|
||
</ul>
|
||
<h4 id="icons">Icons</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/Justineo/vue-awesome">vue-awesome</a> -
|
||
Font Awesome component for Vue.js, using inline SVG.</li>
|
||
<li><a href="https://github.com/robcresswell/vue-material-design-icons"
|
||
title="vue-material-design-icons on GitHub">vue-material-design-icons</a>
|
||
- A collection of SVG Material Design icons as single file
|
||
components.</li>
|
||
<li><a href="https://github.com/ganl/vue-icon-font">vue-icon-font</a> -
|
||
A iconfont plugin for Vuejs (support Font-class and Symbol).</li>
|
||
<li><a href="https://github.com/mazipan/vue-ionicons">vue-ionicons</a> -
|
||
Vue Icon Set Components from Ionic Team.</li>
|
||
<li><a href="https://github.com/paulcollett/vue-ico">vue-ico</a> - Dead
|
||
easy icons for Vue with drop-in browser support & selective
|
||
bundling</li>
|
||
<li><a href="https://github.com/therufa/mdi-vue">mdi-vue</a> - Material
|
||
Design Icon components for Vuejs</li>
|
||
<li><a
|
||
href="https://github.com/FortAwesome/vue-fontawesome">vue-fontawesome</a>
|
||
- Font Awesome 5 Vue component</li>
|
||
<li><a href="https://github.com/nash403/g-icon">g-icon</a> - Simple icon
|
||
component for your svg icons (compatible with Font Awesome-like font
|
||
toolkits)</li>
|
||
<li><a
|
||
href="https://github.com/nkoik/vue-simple-line-icons">vue-simple-line-icons</a>
|
||
- Simple Line Icons component for Vuejs</li>
|
||
<li><a
|
||
href="https://github.com/P3trur0/vue-country-flag">vue-country-flag</a>
|
||
- Vue component for country flag icons</li>
|
||
<li><a href="https://github.com/Lt0/vicon">vicon</a> - Vicon is an
|
||
simple iconfont component for vue.</li>
|
||
<li><a href="https://github.com/IPRIT/md-svg-vue">md-svg-vue</a> -
|
||
Material Design Icons by Google for Vue.js & Nuxt.js (server-side
|
||
support (with caching), inline svg rendering, official icon names)</li>
|
||
<li><a
|
||
href="https://github.com/qWici/vue-lang-code-flags">vue-lang-code-flags</a>
|
||
- Vue component which shows the flag of the country from which the
|
||
language comes from</li>
|
||
<li><a
|
||
href="https://github.com/TerryMooreII/vue-zondicons">vue-zondicons</a> -
|
||
Vue component for the beautiful <a
|
||
href="http://www.zondicons.com/icons.html">Zondicon</a> svg icons</li>
|
||
<li><a
|
||
href="https://github.com/antonreshetov/vue-eva-icons">vue-eva-icons</a>
|
||
- Simply beautiful open source eva icons as Vue components.</li>
|
||
<li><a
|
||
href="https://github.com/antonreshetov/vue-unicons">vue-unicons</a> -
|
||
1000+ Pixel-perfect svg unicons for your next project as Vue
|
||
components.</li>
|
||
<li><a href="https://github.com/Cweili/vue-fa">vue-fa</a> - Simple
|
||
FontAwesome 5 Vue.js 2 component.</li>
|
||
<li><a
|
||
href="https://github.com/man15h/vue-cryptoicon">vue-cryptoicon</a> -
|
||
Beautiful pixel perfect 400+ cryptocurrency and 10+ Fiat currency
|
||
icon.</li>
|
||
<li><a
|
||
href="https://github.com/matschik/vue-hero-icons">vue-hero-icons</a> - A
|
||
set of high-quality SVG icons, sourced from <a
|
||
href="https://github.com/refactoringui/heroicons"><span class="citation"
|
||
data-cites="refactoringui/heroicons">@refactoringui/heroicons</span></a>,
|
||
as Vue functional components.</li>
|
||
<li><a
|
||
href="https://github.com/Kholid060/vue-heroicons">vue-heroicons</a> -
|
||
Vue component for 104 premium <a
|
||
href="https://github.com/sschoger/heroicons-ui">Heroicons UI</a> svg
|
||
icons</li>
|
||
<li><a
|
||
href="https://github.com/alex-oleshkevich/vue-tabler-icons">vue-tabler-icons</a>
|
||
- Vue components for <a
|
||
href="https://github.com/tabler/tabler-icons">Tabler Icons</a> SVG
|
||
icons.</li>
|
||
<li><a href="https://github.com/Renovamen/oh-vue-icons">oh-vue-icons</a>
|
||
- A Vue component for including inline SVG icons from different popular
|
||
iconpacks easily.</li>
|
||
<li><a
|
||
href="https://github.com/egoist/vue-feather-icons">vue-feather-icons</a>
|
||
- Simply beautiful open source icons as Vue functional components.</li>
|
||
<li><a
|
||
href="https://github.com/fengyuanchen/vue-feather">vue-feather</a> -
|
||
Feather icons component for Vue 3.</li>
|
||
<li><a
|
||
href="https://github.com/EOS-uiux-Solutions/eos-icons-vue">eos-icons-vue</a>
|
||
- Eos icons npm package for Vue 3, <a
|
||
href="https://github.com/EOS-uiux-Solutions/eos-icons-vue2">eos-icons-vue2</a>
|
||
for Vue 2</li>
|
||
<li><a href="https://github.com/aykutkardas/vue-icomoon">vue-icomoon</a>
|
||
- With vue-icomoon you can easily use the icons you have selected or
|
||
created in icomoon.</li>
|
||
<li><a href="https://github.com/kalimah-apps/vue-icons">vue-icons</a> -
|
||
More than 11,000 icons from most popular icon libraries (bootstrap,
|
||
fontawesome, feather .. etc)</li>
|
||
<li><a href="https://github.com/mahdikhashan/veemoji">veemoji</a> -
|
||
Veemoji is a dead simple emoji 🚀 as a component for vue 2</li>
|
||
</ul>
|
||
<h4 id="marquee">Marquee</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/YishaiBerg/vue-dynamic-marquee">vue-dynamic-marquee</a>
|
||
- Marquee component, fully responsive to changes on the fly.</li>
|
||
<li><a
|
||
href="https://github.com/megasanjay/vue3-marquee">vue3-marquee</a> - A
|
||
simple and responsive marquee component for Vue 3 applications with 0
|
||
dependencies.</li>
|
||
</ul>
|
||
<h4 id="menu">Menu</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/zeratulmdq/vue-accordion">vue-accordion</a> -
|
||
Simple accordion nav menu component for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/euvl/vue-js-dropdown">vue-js-dropdown</a> -
|
||
Vue.js 2 dropdown menu component. Light, easy to use and extend, no
|
||
external deps.</li>
|
||
<li><a href="https://github.com/vouill/vue-slideout">vue-slideout</a> -
|
||
Vue implementation of the popular library <a
|
||
href="https://github.com/Mango/slideout">slideout</a></li>
|
||
<li><a
|
||
href="https://github.com/AshleyLv/vue-quick-menu">vue-quick-menu</a> -
|
||
This is web navigation component base on vue.js2.</li>
|
||
<li><a href="https://github.com/michitaro/vue-menu"><span
|
||
class="citation"
|
||
data-cites="hscmap/vue-menu">@hscmap/vue-menu</span></a> - Menu /
|
||
Context Menu component for vue2.</li>
|
||
<li><a
|
||
href="https://github.com/classicalconditioning/vue-router-nav">vue-router-nav</a>
|
||
- Minimalistic responsive navigation bar that renders routes of
|
||
vue-router.</li>
|
||
<li><a
|
||
href="https://github.com/hjl19911127/vue-drawer-layout">vue-drawer-layout</a>
|
||
- A simple DrawerLayout component like Android has for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/RGRU/vue-simple-menu">vue-simple-menu</a> -
|
||
Simple menu component with a set of basic functionality, which is enough
|
||
in 80% of cases</li>
|
||
<li><a
|
||
href="https://github.com/MisRob/vue-tree-navigation">vue-tree-navigation</a>
|
||
- Vue.js 2 tree navigation with vue-router support</li>
|
||
<li><a
|
||
href="https://github.com/borisbutenko/bp-vuejs-dropdown">bp-vuejs-dropdown</a>
|
||
- Vuejs => 2 dropdown. Easy to use, no external, optional.</li>
|
||
<li><a
|
||
href="https://github.com/Lunrtick/vue-bulma-accordion">vue-bulma-accordion</a>
|
||
- Simple, easily configurable accordion or collapsible styled with Bulma
|
||
custom or built in icons available</li>
|
||
<li><a href="https://github.com/TerryZ/v-selectmenu">v-selectmenu</a> -
|
||
A simple, easier and highly customized menu solution for Vue2.</li>
|
||
<li><a
|
||
href="https://github.com/mbj36/vue-burger-menu">vue-burger-menu</a> - An
|
||
off-canvas sidebar Menu component with different CSS animations.</li>
|
||
<li><a
|
||
href="https://github.com/JonathanDn/vue-dropdown">vue-dynamic-dropdown</a>
|
||
- A Highly Customizable, easy-to-use elegant dropdown component</li>
|
||
<li><a
|
||
href="https://github.com/johndatserakis/vue-navigation-bar">vue-navigation-bar</a>
|
||
- A simple, pretty navbar for your Vue projects.</li>
|
||
<li><a
|
||
href="https://github.com/romainsimon/vue-simple-search-dropdown">vue-simple-search-dropdown</a>
|
||
- A simple searchable input dropdown component with no external
|
||
dependency</li>
|
||
<li><a href="https://github.com/Innologica/vue-dropdown-menu"><span
|
||
class="citation"
|
||
data-cites="innologica/vue-dropdown-menu">@innologica/vue-dropdown-menu</span></a>
|
||
- Dropdown menu component for Vue. Any element can be dropdown trigger
|
||
and anything can be dropped down content.</li>
|
||
<li><a
|
||
href="https://github.com/Dimon24021993/vue-menu-aim">vue-menu-aim</a> -
|
||
Menu triangle select, aka Amazon</li>
|
||
<li><a
|
||
href="https://github.com/Alexeykhr/vue-stripe-menu">vue-stripe-menu</a>
|
||
- Creating a navigation menu with animations like on Stripe</li>
|
||
<li><a
|
||
href="https://github.com/VitorLuizC/vue-burger-button">vue-burger-button</a>
|
||
- A pretty simple Vue functional component for menu burger buttons.</li>
|
||
<li><a
|
||
href="https://github.com/satriaajiputra/sidebar-menu-drawer"><span
|
||
class="citation"
|
||
data-cites="satmaxt/sidebar-menu-drawer">@satmaxt/sidebar-menu-drawer</span></a>
|
||
- A simple interactive sidebar menu drawer and easy to implement</li>
|
||
<li><a
|
||
href="https://github.com/motla/vue-file-toolbar-menu">vue-file-toolbar-menu</a>
|
||
- UI file/toolbar menus for Vue apps</li>
|
||
<li><a
|
||
href="https://github.com/RadKod/v-dropdown-menu">v-dropdown-menu</a> -
|
||
Customizable dropdown menu plugin for vuejs. SSR supported.</li>
|
||
<li><a
|
||
href="https://github.com/webzlodimir/vue-bottom-sheet">vue-bottom-sheet</a>
|
||
- A swipeable bottom sheet component for Vue.js created with
|
||
Hammer.js</li>
|
||
<li><a href="https://github.com/storinka/dropdown">SDropdown</a> -
|
||
Highly customizable, simple and modern Vue 3 dropdown component.</li>
|
||
<li><a
|
||
href="https://github.com/amirkian007/vue-awesome-sidebar">vue-awesome-sidebar</a>
|
||
- A modern and fast sidebar menu component for vue(3x) capable with
|
||
vue-router.</li>
|
||
<li><a
|
||
href="https://github.com/smastrom/vue-use-fixed-header">vue-use-fixed-header</a>
|
||
- Turn your boring fixed header into a smart one.</li>
|
||
</ul>
|
||
<h4 id="minus-plus-input">Minus Plus Input</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/manju16832003/v-minusplusinput">minus-plus-input</a>
|
||
- A number input with plus minus; included for Vue.js v1 and v2.</li>
|
||
<li><a
|
||
href="https://github.com/Keiwen/vue-integer-plusminus">vue-integer-plusminus</a>
|
||
- Integer input with increment and decrement buttons for vue 2.</li>
|
||
<li><a
|
||
href="https://github.com/JayeshLab/vue-numeric-input">vue-numeric-input</a>
|
||
- Number input component with controls.</li>
|
||
</ul>
|
||
<h4 id="carousel">Carousel</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/shhdgit/vue-easy-slider">vue-easy-slider</a> -
|
||
Slider Component of Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/lsycxyj/vue-l-carousel">vue-l-carousel</a> - A
|
||
responsive carousel(namely slider or swiper) component for Vue.js
|
||
v2.x+.</li>
|
||
<li><a
|
||
href="https://github.com/surmon-china/vue-awesome-swiper">vue-awesome-swiper</a>
|
||
- Swiper(slide) component for Vue.js(1.x ~ 2.x).</li>
|
||
<li><a href="https://github.com/vue-bulma/lory">vue-lory</a> - Vue
|
||
Slider Component based on lory.</li>
|
||
<li><a href="https://github.com/staskjs/vue-slick">vue-slick</a> - Vue
|
||
component for Slick-carousel.</li>
|
||
<li><a
|
||
href="https://github.com/drewjbartlett/vue-flickity">vue-flickity</a> -
|
||
A Vue Component for Flickity.js.</li>
|
||
<li><a
|
||
href="https://github.com/wlada/vue-carousel-3d">vue-carousel-3d</a> -
|
||
Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel
|
||
for Vue.js.</li>
|
||
<li><a href="https://github.com/SSENSE/vue-carousel">vue-carousel</a> -
|
||
A flexible, responsive, touch-friendly carousel for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/OrangeXC/vue-coverflow">vue-coverflow</a> - A
|
||
vue2.x coverflow component.</li>
|
||
<li><a href="https://github.com/lukaszflorczak/vue-agile">vue-agile</a>
|
||
– A carousel component inspired by Slick, written in Vue.js and vanilla
|
||
JS only.</li>
|
||
<li><a
|
||
href="https://github.com/viktorlarsson/vue-tiny-slider">vue-tiny-slider</a>
|
||
– A carousel component created by ganlanyuan, written in Vue.js. No
|
||
jQuery. Works in IE8+.</li>
|
||
<li><a
|
||
href="https://github.com/mubaidr/vue-swimlane">vue2-text-swimlane</a> -
|
||
A Text Swimlane plugin for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/rap2hpoutre/vue-picture-swipe">vue-picture-swipe</a>
|
||
- Vue Picture Swipe Gallery (a gallery of image with thumbnails,
|
||
lazy-load and swipe) backed by photoswipe.</li>
|
||
<li><a href="https://github.com/sainf/vue2-siema">vue2-siema</a> -
|
||
Plugin wrapper for the very tiny Siema carousel/slider library.</li>
|
||
<li><a href="https://github.com/deulos/vue-flux">vue-flux</a> - Image
|
||
slider which comes with 20 cool transitions.</li>
|
||
<li><a href="https://github.com/antonreshetov/vue-glide">vue-glide</a> -
|
||
Vue slider & carousel component on top of the <a
|
||
href="https://github.com/glidejs/glide">Glide.js</a></li>
|
||
<li><a
|
||
href="https://github.com/s950329/vue-owl-carousel">vue-owl-carousel</a>
|
||
- Vue component for <a
|
||
href="https://owlcarousel2.github.io/OwlCarousel2/">Owl Carousel
|
||
2</a></li>
|
||
<li><a
|
||
href="https://github.com/antoniandre/vueper-slides">vueper-slides</a> -
|
||
A touch ready and responsive slideshow / carousel for Vue JS.</li>
|
||
<li><a href="https://github.com/baianat/hooper">Hooper</a> -
|
||
Customizable accessible carousel slider optimized for Vue</li>
|
||
<li><a
|
||
href="https://github.com/ChristophAnastasiades/Lingallery">Lingallery</a>
|
||
- Simple image gallery component for Vue which displays a large image
|
||
with thumbnails below</li>
|
||
<li><a
|
||
href="https://github.com/dreambo8563/vue-piece-slider">vue-piece-slider</a>
|
||
- Animated slides in a fragmented look</li>
|
||
<li><a
|
||
href="https://github.com/leepyng/vue2-photo-carousel">vue2-photo-carousel</a>
|
||
- A photo carousel component for Vue2</li>
|
||
<li><a
|
||
href="https://github.com/fanyeh/vue-slider">vue-netflix-slider</a> - A
|
||
Netflix like slider.</li>
|
||
<li><a href="https://github.com/GuoQichen/vue-pswipe">vue-pswipe</a> -
|
||
Easy to use, no need to set the size, support rotation, photoswipe based
|
||
vue swipe plugin</li>
|
||
<li><a
|
||
href="https://github.com/hanssagita/vue-cat-carousel">vue-cat-carousel</a>
|
||
- Lightweight, simple and customizable for Vue Js</li>
|
||
<li><a
|
||
href="https://github.com/naver/egjs-flicking/tree/master/packages/vue-flicking"><span
|
||
class="citation"
|
||
data-cites="egjs/vue-flicking">@egjs/vue-flicking</span></a> - It’s
|
||
reliable, flexible and extendable carousel for Vue.js 2 & 3.</li>
|
||
<li><a
|
||
href="https://github.com/dolbex/slither-slider">slither-slider</a> -
|
||
Carousel for images, videos, or components. Throw pretty much anything
|
||
you want at it.</li>
|
||
<li><a
|
||
href="https://github.com/gs-shop/vue-slick-carousel">vue-slick-carousel</a>
|
||
- A carousel with slick features & SSR support written for faster
|
||
Luxstay</li>
|
||
<li><a href="https://github.com/jiangfengming/vue-carousel"><span
|
||
class="citation"
|
||
data-cites="jfm/vue-carousel">@jfm/vue-carousel</span></a> - A Vue
|
||
carousel component.</li>
|
||
<li><a href="https://github.com/bartdominiak/vue-snap">vue-snap</a> -
|
||
Lightweight Carousel based on Scroll Snap CSS</li>
|
||
<li><a href="https://github.com/japick/vuerollr">vuerollr</a> -
|
||
Mouseover gallery plugin for Vue.js. Supports image and video.</li>
|
||
<li><a href="https://github.com/Splidejs/vue-splide">vue-splide</a> -
|
||
Splide is a free lightweight but powerful slider and carousel, written
|
||
in pure JavaScript without any dependencies. It supports a thumbnail
|
||
slider, nested slide.</li>
|
||
<li><a href="https://github.com/nolimits4web/swiper">swiper</a> -
|
||
Official Swiper component for Vue 3. Tree shakable, SSR support, typing,
|
||
a11y and a lot more</li>
|
||
<li><a
|
||
href="https://github.com/Aaron00101010/vue-split-carousel">vue-split-carousel</a>
|
||
- A carousel component meanwhile display several carousel item, support
|
||
vue 2 and vue 3.</li>
|
||
<li><a
|
||
href="https://github.com/jambonn/vue-concise-carousel">vue-concise-carousel</a>
|
||
- Vue Concise Carousel with True SSR. Works for Vue 2 & 3.</li>
|
||
</ul>
|
||
<h4 id="charts">Charts</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/bbonnin/vue-morris">vue-morris</a> -
|
||
VueJS component wrapping Morris.js.</li>
|
||
<li><a
|
||
href="https://github.com/apertureless/vue-chartjs">vue-chartjs</a> -
|
||
Vue.js wrapper for Chart.js.</li>
|
||
<li><a href="https://github.com/Justineo/vue-echarts">vue-echarts</a> -
|
||
ECharts component for Vue.js.</li>
|
||
<li><a href="https://github.com/QingWei-Li/vue-trend">vuetrend</a> -
|
||
Simple, elegant spark lines for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/weizhenye/vue-highcharts">vue-highcharts</a> -
|
||
Highcharts component for Vue.</li>
|
||
<li><a href="https://github.com/xlsdg/vue-echarts-v3">vue-echarts-v3</a>
|
||
- Vue.js(v2.x+) component wrap for ECharts.js(v3.x+).</li>
|
||
<li><a href="https://github.com/lakb248/vue-chartist">vue-chartist</a> -
|
||
Vue.js 2.0 component wrap for Chartist.</li>
|
||
<li><a href="https://github.com/DeviaVir/vue-bar">vuebars</a> - Simple,
|
||
elegant spark bars for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/emiliorizzo/vue-d3-network">vue-d3-network</a>
|
||
- Vue component to graph networks using d3-force</li>
|
||
<li><a href="https://github.com/alexcode/vue2vis">vue2vis</a> - Vue2
|
||
wrapper for <a href="http://visjs.org">Visjs</a>.</li>
|
||
<li><a href="https://github.com/chryb/vue-c3">vue-c3</a> - A reusable
|
||
vue component for c3 charts</li>
|
||
<li><a href="https://github.com/d2bjs/vue-d2b">vue-d2b</a> - Vue
|
||
components for d2b charts. (Including axis, pie, sankey, and sunburst
|
||
charts)</li>
|
||
<li><a href="https://github.com/SeregPie/VueChart">VueChart</a> - A very
|
||
simple Vue wrapper for Chart.</li>
|
||
<li><a href="https://github.com/ankane/vue-chartkick">vue-chartkick</a>
|
||
- Create beautiful JavaScript charts with one line of Vue</li>
|
||
<li><a href="https://github.com/ignoreintuition/d3vue">d3vue</a> - A D3
|
||
Plugin for Creating Reactive Data Visualizations in VueJS</li>
|
||
<li><a
|
||
href="https://github.com/JustSteveKing/vue2-frappe">vue2-frappe</a> - A
|
||
simple wrapper around Frappe Charts for VueJS</li>
|
||
<li><a
|
||
href="https://github.com/devstark-com/vue-google-charts">vue-google-charts</a>
|
||
- Reactive Vue.js wrapper for Google Charts lib</li>
|
||
<li><a href="https://github.com/juijs/vue-graph">vue-graph</a> - Data
|
||
visualization library for dashboard implementation in Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/David-Desmaisons/Vue.D3.sunburst">vue.d3.sunburst</a>
|
||
- Reactive sunburst component based on D3.js</li>
|
||
<li><a
|
||
href="https://github.com/ignoreintuition/v-chart-plugin">v-chart-plugin</a>
|
||
- A customizable component for adding D3 charts that binds to your
|
||
components data.</li>
|
||
<li><a
|
||
href="https://github.com/jqwidgets/vue/tree/master/chart">vue-jqxchart</a>
|
||
- Charting component with Pie, Bubble, Donut, Line, Bar, Column, Area,
|
||
Waterfall, Polar & Spider series.</li>
|
||
<li><a
|
||
href="https://github.com/nhnent/toast-ui.vue-chart">toast-ui.vue-chart</a>
|
||
- Vue Wrapper for <a href="http://ui.toast.com/tui-chart/">TOAST UI
|
||
Chart</a>.</li>
|
||
<li><a
|
||
href="https://github.com/apexcharts/vue-apexcharts">vue-apexcharts</a> -
|
||
Vue.js component for <a
|
||
href="https://github.com/apexcharts/apexcharts.js">ApexCharts</a>.</li>
|
||
<li><a
|
||
href="https://github.com/mazipan/vue-doughnut-chart">vue-doughnut-chart</a>
|
||
- Doughnut chart component for Vue.js.</li>
|
||
<li><a href="https://github.com/ElemeFE/v-charts">v-charts</a> - Chart
|
||
components based on Vue2.x and Echarts.</li>
|
||
<li><a
|
||
href="https://github.com/dumptyd/vue-css-donut-chart">vue-css-donut-chart</a>
|
||
- Lightweight Vue component for drawing pure CSS donut charts.</li>
|
||
<li><a
|
||
href="https://github.com/dmtrbrl/vue-trend-chart">vue-trend-chart</a> -
|
||
Simple trend charts for Vue.js</li>
|
||
<li><a href="https://github.com/keller-mark/vueplotlib">vueplotlib</a> -
|
||
Declarative, interactive, linked plot components</li>
|
||
<li><a href="https://github.com/amroessam/vgauge">vgauge</a> - A Vue
|
||
Wrapper to GaugeJS - Create beautiful gauges</li>
|
||
<li><a
|
||
href="https://github.com/David-Desmaisons/vue-plotly">vue-plotly</a> -
|
||
Wrapper for <a href="https://plot.ly/javascript/">plotly.js</a>
|
||
declarative charting library that ships with 20 chart types, including
|
||
3D charts, statistical graphs, and SVG maps.</li>
|
||
<li><a
|
||
href="https://github.com/greghub/vue-funnel-graph-js">vue-funnel-graph-js</a>
|
||
- Funnel graph drawing library for Vue.js. Create vertical and
|
||
horizontal animated SVG funnel charts and add labels, values, legend and
|
||
other info.</li>
|
||
<li><a
|
||
href="https://github.com/djaxho/pure-vue-chart">pure-vue-chart</a> -
|
||
Lightweight vue charts implemented without any chart library
|
||
dependencies</li>
|
||
<li><a href="https://github.com/justice47/f2-vue">f2-vue</a> - Vue
|
||
wrapper of f2 - elegant, interactive and flexible mobile chart
|
||
library</li>
|
||
<li><a
|
||
href="https://github.com/zingchart/zingchart-vue">ZingChart-Vue</a> -
|
||
Vue component made by ZingChart with 35+ chart types.</li>
|
||
<li><a
|
||
href="https://github.com/jscharting/jscharting-vue">jscharting-vue</a> -
|
||
Vue chart component offering a complete set of chart types and engaging
|
||
data visualizations with <a
|
||
href="https://jscharting.com/">JSCharting</a>.</li>
|
||
<li><a
|
||
href="https://github.com/joyceworks/flowchart-vue">flowchart-vue</a> -
|
||
Flowchart & Flowchart designer component for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/emiliorizzo/vue-d3-barchart">vue-d3-barchart</a>
|
||
- Small component to draw charts using d3.</li>
|
||
<li><a
|
||
href="https://github.com/smithalan92/vue3-highcharts">vue3-highcharts</a>
|
||
- A Highcharts.JS wrapper component for Vue 3</li>
|
||
<li><a
|
||
href="https://github.com/ambit-tsai/echarts-for-vue">echarts-for-vue</a>
|
||
- ECharts Wrapper Component For Vue 3 and 2</li>
|
||
<li><a
|
||
href="https://github.com/vutran6853/vue3-chart-v2">vue3-chart-v2</a> -
|
||
Vue wrapper component base on Chart.JS for Vue 3</li>
|
||
<li><a href="https://github.com/chrisheanan/vue-gauge">vue-gauge</a> -
|
||
Vue.js component to create animated svg gauge charts</li>
|
||
</ul>
|
||
<h4 id="time">Time</h4>
|
||
<p><em>Display time / date / age</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/egoist/vue-timeago">vue-timeago</a> - A
|
||
tiny timeago component for Vue.</li>
|
||
<li><a
|
||
href="https://github.com/saman/vue-moment-jalaali">vue-moment-jalaali</a>
|
||
- Jalaali Moment.js filters for your Vue.js project.</li>
|
||
<li><a
|
||
href="https://github.com/sagarkbhatt/vuejs-countdown-timer">vue-countdown-timer</a>
|
||
- Added timezone conversion support.</li>
|
||
<li><a
|
||
href="https://github.com/f/vue-analog-clock-range">vue-analog-clock-range</a>
|
||
- Analog clock range to show time difference.</li>
|
||
<li><a href="https://github.com/julon/vue-moment-lib">vue-moment-lib</a>
|
||
- A simple Vue.js 2.0 MomentJS library (filters & globals) using the
|
||
same momentjs API.</li>
|
||
<li><a
|
||
href="https://github.com/getanwar/vuejs-countdown">vuejs-countdown</a> -
|
||
A simple countdown timer component for vue js 2.0</li>
|
||
<li><a
|
||
href="https://github.com/philipjkim/vue2-flip-countdown">vue2-flip-countdown</a>
|
||
- A countdown timer with flip effect for Vue 2.x</li>
|
||
<li><a
|
||
href="https://github.com/pablosirera/timeline-vuejs">timeline-vuejs</a>
|
||
- A minimalist timeline for Vue</li>
|
||
<li><a
|
||
href="https://github.com/mlinquan/vue-awesome-countdown">vue-awesome-countdown</a>
|
||
- Countdown plug-in with high performance and high accuracy for Vue
|
||
2.5.0+. Official site: <a
|
||
href="https://vac.js.org">https://vac.js.org</a></li>
|
||
<li><a href="https://github.com/bestvist/vue-clock2">vue-clock2</a> -
|
||
Display clock component for Vue.</li>
|
||
<li><a href="https://github.com/P3trur0/vuemodoro">vuemodoro</a> -
|
||
Pomodoro timer as single file Vue component.</li>
|
||
<li><a
|
||
href="https://github.com/zkerhcy/digital-clock-vue">digital-clock-vue</a>
|
||
- ️A digital clock simulation build on Vue.</li>
|
||
<li><a
|
||
href="https://github.com/x10sv/bs-vue-timeline">bs-vue-timeline</a> - An
|
||
alternative responsive boostrap-vue timeline</li>
|
||
<li><a
|
||
href="https://github.com/scottie34/simple-vue-timeline">simple-vue-timeline</a>
|
||
- A simple but customizable and reactive timeline vue component</li>
|
||
<li><a href="https://github.com/brockpetrie/vue-moment">vue-moment</a> -
|
||
Handy Moment.js filters for your Vue.js project.</li>
|
||
<li><a href="https://github.com/malekim/v-idle">v-idle</a> - A Vue.js
|
||
plugin to detect idle/non-active users.</li>
|
||
<li><a
|
||
href="https://github.com/runyasak/v-digital-time-picker">v-digital-time-picker</a>
|
||
- Digital Time Picker for Vuetify.</li>
|
||
<li><a
|
||
href="https://github.com/guastallaigor/vue-horizontal-timeline">vue-horizontal-timeline</a>
|
||
- Just a simple horizontal timeline component made with Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/riderx/vue-timer-hook">vue-timer-hook</a> - Vue
|
||
3 Timer module inspired by react-timer-hook</li>
|
||
<li><a
|
||
href="https://github.com/coskuncayemre/vue3-flip-countdown">vue3-flip-countdown</a>
|
||
Customize Countdown timer with Flip Animation for Vue 3.x</li>
|
||
<li><a href="https://github.com/logustra/vountdown">vountdown</a> - A
|
||
minimalist countdown component</li>
|
||
</ul>
|
||
<h4 id="calendar">Calendar</h4>
|
||
<p><em>Display non-editable events in a Calendar</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/Wanderxx/vue-fullcalendar">vue-fullcalendar</a>
|
||
- Vue calendar fullCalendar. No jQuery required. Schedule events
|
||
management.</li>
|
||
<li><a
|
||
href="https://github.com/GeoffZhu/vue-event-calendar">vue-event-calendar</a>
|
||
- A simple events calendar for Vue2, no dependencies except Vue2.</li>
|
||
<li><a
|
||
href="https://github.com/FranckFreiburger/vue-calendar-picker">vue-calendar-picker</a>
|
||
- Lightweight calendar component for events display, period selection
|
||
and date picker.</li>
|
||
<li><a
|
||
href="https://github.com/KimWooHyun/vue-lunar-calendar">vue-lunar-calendar</a>
|
||
- A vue component for lunar calendar. Uses Moment.js for date
|
||
operations.</li>
|
||
<li><a
|
||
href="https://github.com/richardtallent/vue-simple-calendar">vue-simple-calendar</a>
|
||
- Flexbox-based Vue month calendar component; supports multi-day events,
|
||
localization, holiday emoji, drag/drop. No dependencies.</li>
|
||
<li><a href="https://github.com/Trekels/vue2-calendar">vue2-calendar</a>
|
||
- A simple full calendar component aimed at being flexible and
|
||
lightweight.</li>
|
||
<li><a
|
||
href="https://github.com/tuhe32/vue-jLunar-datePicker">vue-jlunar-datepicker</a>
|
||
- A Chinese lunar datepicker component with festivals and solar
|
||
terms.</li>
|
||
<li><a
|
||
href="https://github.com/CroudSupport/vue-fullcalendar">vue-full-calendar</a>
|
||
- A complete <a href="https://fullcalendar.io">fullcalendar.io</a>
|
||
wrapper for both Vue 1 and 2</li>
|
||
<li><a href="https://github.com/nathanreyes/v-calendar">v-calendar</a> -
|
||
Animated calendar/datepicker that displays regions, indicators and day
|
||
popovers for simple & recurring dates.</li>
|
||
<li><a
|
||
href="https://github.com/laleshii/vue-infinite-calendar">vue-infinite-calendar</a>
|
||
- A simple infinite calendar implementation for Vue 2</li>
|
||
<li><a href="https://github.com/kylin-z/vue-calendar">vue-calendar</a> -
|
||
A simple calendar components for Vue 2.1.5+, support custom content. No
|
||
dependencies.</li>
|
||
<li><a
|
||
href="https://github.com/kitwon/vue2-event-calendar">vue2-event-calendar</a>
|
||
- An events calendar for Vue2, support customize event items and
|
||
calendar header.</li>
|
||
<li><a
|
||
href="https://github.com/leepyng/vue-datepicker-infinite">vue2-datePicker-infinite</a>
|
||
- An infinite datePicker for Vue2, easy to use and no dependencies.</li>
|
||
<li><a
|
||
href="https://github.com/icai/vue3-calendar">vue3-slot-calendar</a> - A
|
||
vue 3 calendar, datepicker component which supported lunar or date
|
||
event, bootstrap style.</li>
|
||
<li><a
|
||
href="https://github.com/stormseed/quasar-calendar">quasar-calendar</a>
|
||
- A vue.js calendar using the Quasar framework that implements monthly,
|
||
multi-day and agenda views.</li>
|
||
<li><a
|
||
href="https://github.com/mengxiong10/vue2-datepicker">vue2-datepicker</a>
|
||
- A beautiful datepicker / datetimepicker component for Vue2</li>
|
||
<li><a href="https://github.com/enrian/vue-pikaday">vue-pikaday</a> -
|
||
VueJS wrapper component for <a
|
||
href="https://github.com/dbushell/Pikaday">Pikaday</a> datepicker</li>
|
||
<li><a
|
||
href="https://github.com/lkmadushan/vue-tuicalendar">vue-tuicalendar</a>
|
||
- VueJS wrapper component for <a
|
||
href="https://github.com/nhnent/tui.calendar">tui.calendar</a>
|
||
calendar</li>
|
||
<li><a
|
||
href="https://github.com/jqwidgets/vue/tree/master/scheduler">vue-jqxscheduler</a>
|
||
- VueJS Scheduler component.</li>
|
||
<li><a
|
||
href="https://github.com/nhnent/toast-ui.vue-calendar">toast-ui.vue-calendar</a>
|
||
- Vue Wrapper for <a href="http://ui.toast.com/tui-calendar">TOAST UI
|
||
Calendar</a>.</li>
|
||
<li><a
|
||
href="https://github.com/ManukMinasyan/vue-functional-calendar">vue-functional-calendar</a>
|
||
- Lightweight, high performance calendar component(Date Picker, Date
|
||
Range) based on Vue.</li>
|
||
<li><a href="https://github.com/antoniandre/vue-cal">vue-cal</a> - A Vue
|
||
JS full calendar, no dependency, no BS. 🤘.</li>
|
||
<li><a
|
||
href="https://github.com/nono1526/vue-material-year-calendar">vue-material-year-calendar</a>
|
||
- A full year (12 months on a page) calendar for Vue2. Uses dayjs.</li>
|
||
<li><a href="https://github.com/codesthq/vuelendar">vuelendar</a> -
|
||
Simple and clean calendar written in VueJS</li>
|
||
<li><a
|
||
href="https://github.com/misterfresh/vue-date-tools/">vue-date-tools</a>
|
||
- Most lightweight VueJS Date picker & Daterange picker using
|
||
date-fns and no other dependencies</li>
|
||
<li><a
|
||
href="https://github.com/boussadjra/vue-spring-calendar">vue-spring-calendar</a>
|
||
- It’s a Vue based component which provides the functionality of a
|
||
full-calendar that shows daily events. the <a
|
||
href="https://boussadjra.github.io/vue-spring-calendar/"><code>demo</code></a>.</li>
|
||
<li><a
|
||
href="https://github.com/Parthfaladu/vue-jquery-calendar">vue-jquery-calendar</a>
|
||
- VueJS light weight wrapper component for <a
|
||
href="https://jqueryui.com/datepicker">jquery ui datepicker</a></li>
|
||
<li><a
|
||
href="https://github.com/jinfang134/vue-schedule-board">vue-schedule-board</a>
|
||
- A easy-to-use component to show somebody’s schedule list to help
|
||
interview arrangement or visit arrangement.</li>
|
||
<li><a
|
||
href="https://github.com/wangdaodao/vue-lunar-calendar-pro">vue-lunar-calendar-pro</a>
|
||
- A vue component for lunar calendar. Uses calendar.js for date
|
||
operations.</li>
|
||
<li><a
|
||
href="https://github.com/maryayi/vue-sweet-calendar">vue-sweet-calendar</a>
|
||
- A simple and sweet vue.js calendar</li>
|
||
<li><a
|
||
href="https://github.com/edisdev/vue-datepicker-ui">vue-datepicker-ui</a>
|
||
- A datepicker component for vue.js</li>
|
||
<li><a
|
||
href="https://github.com/elreco/vue-tailwind-datepicker">vue-tailwind-datepicker</a>
|
||
- A Vue 3 Datepicker using Tailwind CSS 3</li>
|
||
<li><a href="https://github.com/tomosterlund/qalendar">qalendar</a> - An
|
||
event calendar and datepicker for Vue 3</li>
|
||
<li><a href="https://github.com/schedule-x/schedule-x">schedule-x</a> -
|
||
A material design event calendar. Customizable, light- and dark modes
|
||
& multilingual.</li>
|
||
</ul>
|
||
<h4 id="map">Map</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/xkjyeah/vue-google-maps">vue2-google-maps</a> -
|
||
Google maps component for vue with 2-way data binding.</li>
|
||
<li><a href="https://github.com/KoRiGaN/Vue2Leaflet">vue2-leaflet</a> -
|
||
Vue 2 components for Leaflet maps.</li>
|
||
<li><a href="https://github.com/phegman/vue-mapbox-gl">vue-mapbox-gl</a>
|
||
- Vue 2.x component for Mapbox GL JS</li>
|
||
<li><a
|
||
href="https://github.com/PNKBizz/vue-yandex-map">vue-yandex-maps</a> -
|
||
Vue 2.x component for Yandex Maps</li>
|
||
<li><a href="https://github.com/Dafrok/vue-baidu-map">vue-baidu-map</a>
|
||
- Vue 2.x component for Baidu Maps.</li>
|
||
<li><a
|
||
href="https://github.com/voluntadpear/vue-choropleth">vue-choropleth</a>
|
||
- Vue 2.x component to display a choropleth map.</li>
|
||
<li><a href="https://github.com/ghettovoice/vuelayers">vuelayers</a> -
|
||
Vue 2 components to work with OpenLayers.</li>
|
||
<li><a
|
||
href="https://github.com/Akryum/vue-googlemaps">vue-googlemaps</a> - Vue
|
||
2.x components to integrate Google Maps.</li>
|
||
<li><a
|
||
href="https://github.com/eperedo/vue-static-map">vue-static-map</a> -
|
||
Vue 2.x simple component to generate an static google map</li>
|
||
<li><a href="https://github.com/soal/vue-mapbox">vue-mapbox</a> - Vue
|
||
2.x wrapper around Mapbox GL JS library that provides vueish-way to
|
||
interact with the map.</li>
|
||
<li><a href="https://github.com/zouyaoji/vue-cesium">vue-cesium</a> -
|
||
Vue 2.x & Vue 3.x components for Cesium.</li>
|
||
<li><a
|
||
href="https://github.com/vanderb/vue-async-gmaps">vue-async-gmaps</a> -
|
||
Let users decide to load google-maps script for better privacy</li>
|
||
<li><a href="https://github.com/geospoc/v-mapbox"><span class="citation"
|
||
data-cites="geospoc/v-mapbox">@geospoc/v-mapbox</span></a> - Combine
|
||
powers of Vue.js and Mapbox GL JS (Maintained fork of soal’s
|
||
vue-mapbox)</li>
|
||
<li><a href="https://github.com/geospoc/v-mapbox-geocoder"><span
|
||
class="citation"
|
||
data-cites="geospoc/v-mapbox-geocoder">@geospoc/v-mapbox-geocoder</span></a>
|
||
- Geocoder control for your awesome Mapbox library</li>
|
||
<li><a href="https://github.com/xon52/x5-gmaps">x5-gmaps</a> -
|
||
lightweight Google Maps plugin for Vue 2.x</li>
|
||
<li><a
|
||
href="https://github.com/eregnier/vue2-gmap-custom-marker">vue2-gmap-custom-marker</a>
|
||
- Vue google map custom marker component</li>
|
||
<li><a
|
||
href="https://github.com/MelihAltintas/vue3-openlayers">vue3-openlayers</a>
|
||
- Vue 3 components to work with OpenLayers.</li>
|
||
<li><a
|
||
href="https://github.com/marsgis/mars3d-vue-template">vue-mars3d</a> -
|
||
Vue 2.x 3D earth visualization JS development platform.</li>
|
||
<li><a
|
||
href="https://github.com/eregnier/vue-leaflet-custom-marker">vue-leaflet-custom-marker</a>
|
||
- Vue leaflet for open street map custom marker component</li>
|
||
<li><a
|
||
href="https://github.com/razorness/vue-maplibre-gl">vue-maplibre-gl</a>
|
||
- Vue 3.x wrapper around Maplibre GL JS library written in TS. Including
|
||
style switch and frame rate control.</li>
|
||
</ul>
|
||
<h4 id="audio-video">Audio / Video</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/SevenOutman/vue-aplayer">Vue-APlayer</a>
|
||
- :cake: Easy-to-config music player for Vue 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/shershen08/vuejs-sound-player">vue-audio</a> -
|
||
audio-tag wrapper; sound player component for Vue 2.x</li>
|
||
<li><a href="https://github.com/sinchang/vue-dplayer">vue-dplayer</a> -
|
||
A Vue 2.x video player component based on DPlayer.</li>
|
||
<li><a
|
||
href="https://github.com/chrishurlburt/vue-canvasvideo">vue-canvasvideo</a>
|
||
- A Vue 2.x component for video backgrounds and autoplay video on
|
||
iOS/Safari.</li>
|
||
<li><a href="https://github.com/petsgre/music">vue-music</a> - A Vue
|
||
component base on html5 <code><audio></code>.</li>
|
||
<li><a
|
||
href="https://github.com/staskobzar/vue-audio-visual">vue-audio-visual</a>
|
||
- Vue HTML5 audio visualization components.</li>
|
||
<li><a href="https://github.com/redxtech/vue-plyr">vue-plyr</a> - A set
|
||
of Vue components for the plyr video & audio player.</li>
|
||
<li><a href="https://github.com/TerryZ/v-playback">v-playback</a> - A
|
||
Vue2 plugin to make video play easier.</li>
|
||
<li><a
|
||
href="https://github.com/grishkovelli/vue-audio-recorder">vue-audio-recorder</a>
|
||
- Audio recorder for Vue.js. It allows to create, play, download and
|
||
store records on a server</li>
|
||
<li><a
|
||
href="https://github.com/johndatserakis/vue-video-section">vue-video-section</a>
|
||
- A simple video header/section component for Vue. Good for video
|
||
backgrounds and overlaying content on them.</li>
|
||
<li><a
|
||
href="https://github.com/chenqiaoen521/vue-waveform">vue-waveform</a>
|
||
-It is use canvas waveform audio player wavesurfer component contains
|
||
timeline bar line for Vue 2.x</li>
|
||
<li><a
|
||
href="https://github.com/avidofood/vue-responsive-video-background-player">vue-responsive-video-background-player</a>
|
||
- Play your own videos in background responsively in different
|
||
resolutions.</li>
|
||
<li><a
|
||
href="https://github.com/cycjimmy/vue-h5-audio-controls">vue-h5-audio-controls</a>
|
||
- A simple h5 music controller for Vue.</li>
|
||
<li><a
|
||
href="https://github.com/xinnks/xns-audio-player-simple">xns-audio-player-simple</a>
|
||
- A light and customizable Vue 2.x audio player powered
|
||
HTMLAudioElement.</li>
|
||
<li><a
|
||
href="https://github.com/core-player/vue-core-video-player">vue-core-video-player</a>
|
||
- A Lightweight Video Player For Vue.js</li>
|
||
<li><a href="https://github.com/algoz098/vue-player">vue-player</a> - A
|
||
simple html5 video player with img placeholder for Vue 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/forijk/vue-audio-better">vue-audio-better</a> -
|
||
Easy to create custom audio player components for Vue 2.x. A progress
|
||
bar with soul.</li>
|
||
<li><a
|
||
href="https://github.com/redcodemohammed/vue-sounds">vue-sounds</a> -
|
||
Easy to add sounds to your components.</li>
|
||
<li><a
|
||
href="https://github.com/matswainson/vue-soundcloud-player">vue-soundcloud-player</a>
|
||
- A custom Soundcloud player supporting single tracks &
|
||
playlists</li>
|
||
<li><a href="https://github.com/Tahul/vue-use-sound">vue-use-sound</a> -
|
||
A Vue Hook for playing sound effects.</li>
|
||
<li><a
|
||
href="https://github.com/wangdaodao/vue-flv-player">vue-flv-player</a> -
|
||
An HTML5 Flash Video (FLV) Player component for Vue 2.x, based on
|
||
flv.js.</li>
|
||
<li><a href="https://github.com/slipmatio/control-knob">control-knob</a>
|
||
- Rotary control knob component for Vue 3 that behaves like audio app
|
||
controls.</li>
|
||
<li><a
|
||
href="https://github.com/BastiaanJansen/simple-vue-camera">simple-vue-camera</a>
|
||
- A simple to use, but extensive, camera component for Vue 3 with
|
||
Typescript support to create great camera experiences.</li>
|
||
<li><a
|
||
href="https://github.com/xulihang/vue-vision-camera">vue-vision-camera</a>
|
||
- Camera component for Vue 3. We can use this component for computer
|
||
vision tasks like barcode/QR code scanning, text recognition, etc.</li>
|
||
<li><a
|
||
href="https://github.com/codeacme17/1llest-waveform-vue">1llest-waveform-vue</a>
|
||
- A lightweight and controllable audio visualization vue3 plugin.</li>
|
||
</ul>
|
||
<h4 id="infinite-scroll">Infinite Scroll</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/PeachScript/vue-infinite-loading">vue-infinite-loading</a>
|
||
- An infinite scroll plugin for Vue.js 1.0 & Vue.js 2.0.</li>
|
||
<li><a
|
||
href="https://github.com/egoist/vue-mugen-scroll">vue-mugen-scroll</a> -
|
||
Infinite scroll component for Vue.js 2.</li>
|
||
<li><a
|
||
href="https://github.com/ElemeFE/vue-infinite-scroll">vue-infinite-scroll</a>
|
||
- An infinite scroll directive for vue.js.</li>
|
||
<li><a href="https://github.com/lookstudios/vue-loop">vue-loop</a> - An
|
||
infinite content loop component for Vue.js 2.</li>
|
||
<li><a href="https://github.com/wangdahoo/vue-scroller">vue-scroller</a>
|
||
- An infinite content loop component for Vue.js 2, including
|
||
functionalities such as ‘pull-to-refresh’, ‘infinite-loading’,
|
||
‘snaping-scroll’.</li>
|
||
<li><a
|
||
href="https://github.com/legeneek/vue-infinite-list">vue-infinite-list</a>
|
||
- An infinite list mixin can recycle dom for Vue.js 2</li>
|
||
<li><a
|
||
href="https://github.com/biigpongsatorn/vue-infinite-slide-bar">vue-infinite-slide-bar</a>
|
||
- ∞ Infinite slide bar component.</li>
|
||
<li><a
|
||
href="https://github.com/zuolei828/vue-virtual-infinite-scroll">vue-virtual-infinite-scroll</a>
|
||
- A vue2 component based on Iscroll, supports big data list with high
|
||
performance scroll, infinite load and pull refresh.</li>
|
||
<li><a
|
||
href="https://github.com/naver/egjs-infinitegrid/blob/master/packages/vue-infinitegrid/"><span
|
||
class="citation"
|
||
data-cites="egjs/vue-infinitegrid">@egjs/vue-infinitegrid</span></a> -
|
||
Arrange infinite card elements according to various layout types like
|
||
masonry for Vue.js 2.</li>
|
||
<li><a href="https://github.com/grafikri/vue-infinite-scroll"><span
|
||
class="citation"
|
||
data-cites="grafikri/vue-infinite-scroll">@grafikri/vue-infinite-scroll</span></a>
|
||
- Basic infinite scroll for Vue</li>
|
||
<li><a href="https://github.com/logustra/vinscroll">vinscroll</a> - A
|
||
minimalist infinite scroll component</li>
|
||
<li><a href="https://github.com/phphe/virtual-list">virtual-list</a> -
|
||
Virtual list component. Features: Vue2, Vue3, TypeScript, SSR,
|
||
horizontal list, virtual table.</li>
|
||
<li><a href="https://github.com/inokawa/virtua">virtua</a> - A
|
||
zero-config, fast and small (~3kB) virtual list component for React and
|
||
Vue</li>
|
||
</ul>
|
||
<h4 id="pull-to-refresh">Pull-to-refresh</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/lakb248/vue-pull-refresh">vue-pull-refresh</a>
|
||
- A pull to refresh component for Vue.js 2.0.</li>
|
||
<li><a
|
||
href="https://github.com/bedlate/vue-data-loading">vue-data-loading</a>
|
||
- Another component for infinite scroll and pull down/up to load
|
||
data.</li>
|
||
<li><a
|
||
href="https://github.com/duyanpeng/vue-quick-loadmore">vue-quick-loadmore</a>
|
||
- A pull-down refresh and pull-up infinite scroll plugin for Vue.</li>
|
||
</ul>
|
||
<h4 id="markdown">Markdown</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/miaolz123/vue-markdown">vue-markdown</a>
|
||
- A Powerful and Highspeed Markdown Parser for Vue.</li>
|
||
<li><a
|
||
href="https://github.com/hinesboy/mavonEditor">vue-mavonEditor</a> - A
|
||
markdown editor based on Vue that supports a variety of personalized
|
||
features.</li>
|
||
<li><a
|
||
href="https://github.com/Vivify-Ideas/vue-simple-markdown">vue-simple-markdown</a>
|
||
- A Simple and Highspeed Markdown Parser for Vue.</li>
|
||
<li><a href="https://github.com/F-loat/vue-simplemde">vue-simplemde</a>
|
||
- A wrapper around <a
|
||
href="https://github.com/sparksuite/simplemde-markdown-editor">simplemde</a>.
|
||
Delightful editing for beginners and experts alike. Features built-in
|
||
autosaving and spell checking.</li>
|
||
<li><a href="https://github.com/f3ve/vue-markdown-it"><span
|
||
class="citation"
|
||
data-cites="f3ve/vue-markdown-it">@f3ve/vue-markdown-it</span></a> - A
|
||
markdown-it component for Vue3. Easy to use and fully typed.</li>
|
||
</ul>
|
||
<h4 id="pdf">PDF</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/FranckFreiburger/vue-pdf">vue-pdf</a> -
|
||
A pdf viewer based on mozilla’s PDF.js</li>
|
||
<li><a href="https://github.com/arkokoley/pdfvuer">pdfvuer</a> - A PDF
|
||
viewer for Vue using Mozilla’s PDF.js with text support for Vue2 and
|
||
Vue3. <a href="https://arkokoley.github.io/pdfvuer/">Demo</a></li>
|
||
<li><a href="https://github.com/hrynko/vue-pdf-embed">vue-pdf-embed</a>
|
||
- PDF embed component for Vue 2 and Vue 3</li>
|
||
<li><a href="https://github.com/TaTo30/VuePDF"><span class="citation"
|
||
data-cites="tato30/vue-pdf">@tato30/vue-pdf</span></a> - A PDF viewer
|
||
for Vue 3. <a href="https://tato30.github.io/VuePDF/">Demo</a></li>
|
||
</ul>
|
||
<h4 id="tree">Tree</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/David-Desmaisons/Vue.D3.tree">Vue.D3.tree</a> -
|
||
A Tree View based on <a href="https://d3js.org/">D3.js</a></li>
|
||
<li><a
|
||
href="https://github.com/arvidkahl/vue-json-tree-view">vue-json-tree-view</a>
|
||
- A JSON Tree View Component for Vue.js.</li>
|
||
<li><a href="https://github.com/halower/vue2-tree">vue-tree</a> - A Tree
|
||
Component for Vue.js 2.X.</li>
|
||
<li><a href="https://github.com/amsik/liquor-tree">liquor-tree</a> -
|
||
Amazing Vue Tree component</li>
|
||
<li><a href="https://github.com/wyr1227/vue-trees">vue-trees-ui</a> - A
|
||
Tree Ui Base On Vue.</li>
|
||
<li><a href="https://github.com/elbywan/bosket">Bosket</a> - Collection
|
||
of tree view components for front-end frameworks (Vue, React, Angular
|
||
and Riot).</li>
|
||
<li><a
|
||
href="https://github.com/plantain-00/tree-component">plantain-00/tree-component</a>
|
||
- A reactjs, angular and vuejs tree component.</li>
|
||
<li><a href="https://github.com/holiber/sl-vue-tree">sl-vue-tree</a> - A
|
||
simple customizable draggable tree component for Vue.js</li>
|
||
<li><a href="https://github.com/phphe/he-tree-vue">he-tree-vue</a> - A
|
||
draggable sortable vue tree component, with dragging placeholder, types
|
||
definition. 14 KB gzipped.</li>
|
||
<li><a href="https://github.com/scalia/vuejs-tree">vuejs-tree</a> - A
|
||
highly customizable VueJs tree viewer</li>
|
||
<li><a href="https://github.com/zdy1988/vue-jstree">vue-jstree</a> - A
|
||
Tree Plugin For Vue2 with beautiful icons and drag&drop</li>
|
||
<li><a href="https://github.com/XAHTEP26/vue-vtree">vue-vtree</a> -
|
||
Universal and flexible tree component for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/tylerkrupicka/vue-json-component">vue-json-component</a>
|
||
- JSON tree view with no dependencies, TypeScript support, and easy
|
||
customization.</li>
|
||
<li><a
|
||
href="https://github.com/ParadeTo/vue-tree-list">vue-tree-list</a> - A
|
||
vue component for tree structure</li>
|
||
<li><a href="https://github.com/jledentu/vue-finder">vue-finder</a> - A
|
||
component to display hierarchical data, with selection, filtering and
|
||
drag & drop</li>
|
||
<li><a
|
||
href="https://github.com/boussadjra/vue3-router-tree">vue3-router-tree</a>
|
||
- This component is based on Vue.js 3, it represents your routes or
|
||
items as a tree view 🌲.</li>
|
||
<li><a
|
||
href="https://github.com/iendeavor/object-visualizer">object-visualizer</a>
|
||
- Vue 3 JSON inspector with Chrome-like theme.</li>
|
||
<li><a
|
||
href="https://github.com/lycHub/vue-virtual-tree">vue-virtual-tree</a> -
|
||
Tree component for large amount of data, base on Vue3.</li>
|
||
<li><a
|
||
href="https://github.com/chenfengjw163/vue-json-viewer">vue-json-viewer</a>
|
||
- A JSON Tree View Support for incremental update components, base on
|
||
Vue2 and Vue3.</li>
|
||
<li><a
|
||
href="https://github.com/pratik227/vue-hierarchy">vue-hierarchy</a> -
|
||
Library to display hierarchical data</li>
|
||
</ul>
|
||
<h4 id="graph">Graph</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/jinfang134/vue-pipeline">vue-pipeline</a> - A
|
||
easy-to-use component to show beautiful responsive pipeline like jenkins
|
||
blue ocean plugin.</li>
|
||
<li><a href="https://github.com/txlabs/vnodes">vnodes</a> - General
|
||
purpose components to create svg interactive graphs, diagrams or node
|
||
based visual tools.</li>
|
||
<li><a
|
||
href="https://github.com/dash14/v-network-graph">v-network-graph</a> -
|
||
An interactive SVG based network-graph visualization component for Vue
|
||
3.</li>
|
||
<li><a href="https://github.com/AlexanderMykulych/coya">coya</a> -
|
||
Diagram drawing library (vue3 only)</li>
|
||
<li><a href="https://github.com/rustq/vue-skia">vue-skia</a> - Skia
|
||
based 2d graphics vue3 rendering library. It is based on Rust to
|
||
implement software rasterization to perform rendering.</li>
|
||
</ul>
|
||
<h4 id="social-sharing">Social Sharing</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/nicolasbeauvais/vue-social-sharing">vue-social-sharing</a>
|
||
- A renderless Vue.js component for sharing links to social networks,
|
||
compatible with SSR</li>
|
||
<li><a href="https://github.com/koddr/vue-goodshare">vue-goodshare</a> -
|
||
Vue.js component for social share with beautiful button design. Simple
|
||
install, extensive documentation, developer support, SEO friendly, clean
|
||
code without scripts tracking user activity on the page, high speed.
|
||
Work with Vue.js 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/mbj36/vue-socialmedia-share">vue-socialmedia-share</a>
|
||
- A Vue.js component for sharing links to social networks, with Vue
|
||
2.X</li>
|
||
<li><a
|
||
href="https://github.com/Onatcer/vue-picture-sharesheet">vue-picture-sharesheet</a>
|
||
- A Vue Picture Sharesheet Component heavily inspired by the Image
|
||
Sharesheet in Apple’s Newsroom</li>
|
||
<li><a href="https://github.com/chiaweilee/vue-twitter">vue-twitter</a>
|
||
- A Vue.js component for embed twitter widgets (e.g timeline,
|
||
buttons)</li>
|
||
<li><a
|
||
href="https://github.com/Alexandrshy/vue-share-buttons">vue-share-buttons</a>
|
||
- Vue.js component for placing buttons in your project using which you
|
||
can share anything</li>
|
||
<li><a
|
||
href="https://github.com/thisDOTname/vue-share-it">vue-share-it</a> - A
|
||
Vue.js component for sharing links to social networks</li>
|
||
<li><a href="https://github.com/growthbunker/vuesocial">vuesocial</a> -
|
||
🧞♀️🧞♂️ One easy-to-use button component for Vue.js with 65+ social
|
||
networks.</li>
|
||
<li><a href="https://github.com/webistomin/vue-socials">vue-socials</a>
|
||
- 💬 Social media share buttons and counts for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/sttatusx/vue-share-modal">vue-share-modal</a> -
|
||
A pure, lightweight, and beautiful share modal for Vue 3.</li>
|
||
</ul>
|
||
<h4 id="qr-code">QR Code</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/theomessin/vue-qriously">vue-qriously</a> - A
|
||
Vue.js 2 component to draw QR codes on an HTML Canvas using qrious.</li>
|
||
<li><a href="https://github.com/superman66/vue-qart">vue-qart</a> - The
|
||
directive of vue 2.x for qart.js.</li>
|
||
<li><a
|
||
href="https://github.com/gruhn/vue-qrcode-reader">vue-qrcode-reader</a>
|
||
- A set of Vue.js components for detecting and decoding QR codes.</li>
|
||
<li><a href="https://github.com/HJ29/vue3-qr-reader">vue3-qr-reader</a>
|
||
- A Vue 3 QR reader component. Refactor vue-qrcode-reader for vue 3
|
||
compatibility.</li>
|
||
</ul>
|
||
<h4 id="search">Search</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/shayneo/vue-fuse">vue-fuse</a> - A
|
||
lightweight plugin for fuzzy search library, Fuse.js</li>
|
||
<li><a
|
||
href="https://community.algolia.com/vue-instantsearch/">vue-instantsearch</a>
|
||
- The ultimate toolbox for creating instant-search experiences using <a
|
||
href="https://www.algolia.com/">Algolia</a>.</li>
|
||
<li><a
|
||
href="https://github.com/InnerSearch/vue-innersearch">vue-innersearch</a>
|
||
- A Vue.js wrapper for Elasticsearch</li>
|
||
<li><a
|
||
href="https://github.com/appbaseio/reactivesearch">reactivesearch-vue</a>
|
||
- UI components for building data-driven apps with Elasticsearch</li>
|
||
<li><a
|
||
href="https://github.com/TheoXiong/vue-search-panel">vue-search-panel</a>
|
||
- A Vue component for searching with suggestions</li>
|
||
<li><a
|
||
href="https://github.com/Uninen/vue-json-search">vue-json-search</a> -
|
||
Headless Vue 3.x component for easy and simple json-based search</li>
|
||
<li><a
|
||
href="https://github.com/kouts/vue-search-input">vue-search-input</a> -
|
||
A Vue 3 search input component, inspired by the global search input of
|
||
Storybook and GitHub.</li>
|
||
</ul>
|
||
<h4 id="miscellaneous">Miscellaneous</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/eliep/vue-avatar">vue-avatar</a> - An
|
||
avatar component for vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/surmon-china/vue-touch-ripple">vue-touch-ripple</a>
|
||
- Touch ripple component for Vue.js(1.x ~ 2.x).</li>
|
||
<li><a href="https://github.com/cngu/vue-typer">vue-typer</a> - Vue
|
||
component that simulates a user typing, selecting, and erasing
|
||
text.</li>
|
||
<li><a
|
||
href="https://github.com/MartyWallace/vue-keyboard">vue-keyboard</a> -
|
||
Vue 2 virtual keyboard component.</li>
|
||
<li><a
|
||
href="https://github.com/mhayes/vue-twentytwenty">vue-twentytwenty</a> -
|
||
Image comparison component, works with Vue.js 2.x</li>
|
||
<li><a
|
||
href="https://github.com/apertureless/vue-cookie-law">vue-cookie-law</a>
|
||
- Cookie info plugin for Vue.js 2.x</li>
|
||
<li><a href="https://github.com/JiriChara/vue-gravatar">vue-gravatar</a>
|
||
- A dead-simple gravatar component for Vue.js 2.x</li>
|
||
<li><a href="https://github.com/Inndy/vue-clipboard2">vue-clipboard2</a>
|
||
- An easy to use clipboard.js binding for Vue.js 2.x</li>
|
||
<li><a
|
||
href="https://github.com/cuduy197/vue-flashcard">vue-flashcard</a> -
|
||
FLashcard component with animation for Vue.js 2.x :bulb:</li>
|
||
<li><a
|
||
href="https://github.com/kavalcante/vue-truncate-collapsed">vue-truncate-collapsed</a>
|
||
- A simple component that truncates your text and adds a ‘Read More/Show
|
||
Less’ clickable for Vue.js 2.x</li>
|
||
<li><a href="https://github.com/BrockReece/vue-kanban">vue-kanban</a> -
|
||
A flexible drag and drop kanban board component</li>
|
||
<li><a
|
||
href="https://github.com/aidewoode/vue-letter-avatar">vue-letter-avatar</a>
|
||
- A simple and elegant letter avatar component for vue.js</li>
|
||
<li><a
|
||
href="https://github.com/metachris/vue-highlightjs">vue-highlightjs</a>
|
||
- Syntax highlighting with highlight.js</li>
|
||
<li><a href="https://github.com/euvl/v-clipboard">v-clipboard</a> -
|
||
Simple, tiny and easy to use directive to save your models to clipboard
|
||
(less than 2kb minified, no dependencies)</li>
|
||
<li><a
|
||
href="https://github.com/MicroDroid/vue-invisible-recaptcha">vue-invisible-recaptcha</a>
|
||
- Super easy integration for Google’s Invisible reCAPTCHA</li>
|
||
<li><a href="https://github.com/Gomah/vue-embed">vue-embed</a> - Embed
|
||
component is based on embed.js for Vue 2.x, a component that embeds
|
||
emojis, media, maps, tweets, gists, code, services and markdown.</li>
|
||
<li><a href="https://github.com/creotip/vue-particles">vue-particles</a>
|
||
- Vue.js component for particles backgrounds</li>
|
||
<li><a href="https://github.com/termosa/vue-uniq-ids">vue-uniq-ids</a> -
|
||
Vue.js 2.x plugin that helps to use id-related attributes with no
|
||
side-effect</li>
|
||
<li><a
|
||
href="https://github.com/drewjbartlett/vue-multivue">vue-multivue</a> -
|
||
Use multiple vue apps of the same class on the same page.</li>
|
||
<li><a href="https://github.com/eddiemf/vue-affix">vue-affix</a> - A
|
||
Vue.js 2.x plugin that affixes an element in the window while you
|
||
scroll, similar to Bootstrap Affix but much simpler and smarter</li>
|
||
<li><a
|
||
href="https://github.com/OXOYO/X-Browser-Update-Vue">X-Browser-Update-Vue</a>
|
||
- A Vue.js browser-update plugin.</li>
|
||
<li><a
|
||
href="https://github.com/dabernathy89/vue-query-builder">vue-query-builder</a>
|
||
- A UI component for building complex queries with nested
|
||
conditionals.</li>
|
||
<li><a
|
||
href="https://github.com/karakanb/vue-info-card">vue-info-card</a> - A
|
||
simple and beautiful card component with an elegant spark line and CSS3
|
||
flip animation.</li>
|
||
<li><a href="https://github.com/vinayakkulkarni/v-offline">v-offline</a>
|
||
- Simple, tiny and easy to use detection of offline & online events
|
||
for your Vue app (less than 390b minified)</li>
|
||
<li><a
|
||
href="https://github.com/SeregPie/VueWordCloud">vue-word-cloud</a> - A
|
||
word cloud generator.</li>
|
||
<li><a
|
||
href="https://github.com/grzhan/vue-flat-surface-shader">vue-flat-surface-shader</a>
|
||
- A Vue component for <a
|
||
href="https://github.com/wagerfield/flat-surface-shader">flat surface
|
||
shader</a></li>
|
||
<li><a href="https://github.com/ddgll/vue-easteregg">vue-easteregg</a> -
|
||
Easey add an easteregg to your vue app (default with konami code)</li>
|
||
<li><a
|
||
href="https://github.com/noomerzx/vue-barcode-scanner">vue-barcode-scanner</a></li>
|
||
<li><a
|
||
href="https://github.com/BrockReece/vue-heatmapjs">vue-heatmapjs</a> - A
|
||
Vue directive for tracking and visualising mouse activity</li>
|
||
<li><a href="https://github.com/meganetaaan/vue-maze">vue-maze</a> - An
|
||
itty-bitty maze game made as Vue.js component</li>
|
||
<li><a
|
||
href="https://github.com/AshleyLv/vue-drag-verify">vue-drag-verify</a> -
|
||
This is a vue component, which is sliding to unlock for login or sign
|
||
up.</li>
|
||
<li><a href="https://github.com/kevinwarne/vue-balloon">vue-balloon</a>
|
||
- Vue components for creating fixed, zoomable containers in the corner
|
||
of a page. Similar to the mail composition wrapper used in gmail.</li>
|
||
<li><a href="https://github.com/KamilOcean/vue-sticker">vue-sticker</a>
|
||
- Sticker effect to any directions</li>
|
||
<li><a href="https://github.com/vinayakkulkarni/v-rating">v-rating</a> -
|
||
⭐️ Rating component in Semantic-UI made with VueJS (< 500B gzipped,
|
||
blazing fast)</li>
|
||
<li><a
|
||
href="https://github.com/michalsnik/vue-content-placeholders">vue-content-placeholders</a>
|
||
- Composable components for rendering fake (progressive) content like
|
||
facebook in vue</li>
|
||
<li><a
|
||
href="https://github.com/fireyy/vue-page-designer">vue-page-designer</a>
|
||
- Vue component for drag-and-drop to design and build mobile
|
||
website.</li>
|
||
<li><a
|
||
href="https://github.com/julon/vue-creativecommons">vue-creativecommons</a>
|
||
- CreativeCommons.org Vue.js components library.</li>
|
||
<li><a
|
||
href="https://github.com/coderdiaz/vue-status-indicator">vue-status-indicator</a>
|
||
- A Vue.js component to show status indicator as colored dots.</li>
|
||
<li><a
|
||
href="https://github.com/mazipan/vue-google-adsense">vue-google-adsense</a>
|
||
- Vue.js Google Adsense Component with InFeed and InArticle Ads
|
||
support</li>
|
||
<li><a href="https://github.com/shershen08/emoji-vue">emoji-vue</a> -
|
||
Emoji 😎👌🏻 dropdown for Vue.js project</li>
|
||
<li><a
|
||
href="https://github.com/vitogit/vue-chessboard">vue-chessboard</a> -
|
||
Chessboard vue component to load positions, create positions and see
|
||
threats.</li>
|
||
<li><a
|
||
href="https://github.com/anteriovieira/vue-mindmap">vue-mindmap</a> -
|
||
Vue component for mindnode maps.</li>
|
||
<li><a
|
||
href="https://github.com/ignoreintuition/v-currency">v-currency</a> -
|
||
Vue component for formatting currency.</li>
|
||
<li><a
|
||
href="https://github.com/DCzajkowski/vue-emoji-picker">vue-emoji-picker</a>
|
||
- Highly customizable unicode emoji picker 🔥🚀</li>
|
||
<li><a
|
||
href="https://github.com/meganetaaan/vue-8-puzzle">vue-8-puzzle</a> - An
|
||
itty-bitty slide puzzle game made as Vue.js component</li>
|
||
<li><a href="https://github.com/evildvl/vue-e164">vue-e164</a> -
|
||
Customizable phone formatter with E.164 standart support</li>
|
||
<li><a href="https://github.com/deemaagog/vue-pgn">vue-pgn</a> - Vue.js
|
||
component for viewing chess games in pgn format</li>
|
||
<li><a
|
||
href="https://github.com/fpluquet/vue-avatar-editor">vue-avatar-editor</a>
|
||
- Resize, rotate and crop your uploaded avatar using a clear user
|
||
interface.</li>
|
||
<li><a
|
||
href="https://github.com/Botre/vue-connection-listener">vue-connection-listener</a>
|
||
- Vue event bus plugin listening for online/offline changes.</li>
|
||
<li><a href="https://github.com/Botre/vue-sauce">vue-sauce</a> - “View
|
||
source” directive for Vue.</li>
|
||
<li><a href="https://github.com/Botre/vue-prom">vue-prom</a> - Vue
|
||
promise wrapper component.</li>
|
||
<li><a
|
||
href="https://github.com/viclm/numeric-keyboard">numeric-keyboard</a> -
|
||
Numeric keyboard for mobile browsers.</li>
|
||
<li><a
|
||
href="https://github.com/Intera/vue-zoom-on-hover">vue-zoom-on-hover</a>
|
||
- Image zoom on mouse hover</li>
|
||
<li><a
|
||
href="https://github.com/HCESrl/vue-responsive-image">vue-responsive-image</a>
|
||
- A Vue component that lets you quickly create responsive image tags
|
||
with an optimal number of image sources for all devices.</li>
|
||
<li><a
|
||
href="https://github.com/TonPC64/vue-highlight-text">vue-highlight-text</a>
|
||
- Vue component for highlight multiple instances of a word</li>
|
||
<li><a
|
||
href="https://github.com/anteriovieira/vue-cast-props">vue-cast-props</a>
|
||
- Provides a convenient way of converting props to common data
|
||
types.</li>
|
||
<li><a
|
||
href="https://github.com/JustSteveKing/vue2-heropatterns">vue2-heropatterns</a>
|
||
- A Vue2 implementation allowing you to add the popular Hero Patterns
|
||
onto any Div</li>
|
||
<li><a href="https://github.com/Developmint/vue-link">vue-link</a> - One
|
||
component to link them all 🔗 (treat external and internal links
|
||
same)</li>
|
||
<li><a
|
||
href="https://github.com/vinayakkulkarni/vue-identify-network">vue-identify-network</a>
|
||
- ⚡️Identify what kinda internet your users are using!</li>
|
||
<li><a href="https://github.com/ridaamirini/vue-cloneya">vue-cloneya</a>
|
||
- A vue component to clone DOM elements</li>
|
||
<li><a
|
||
href="https://github.com/FissionHQ/vue-survey-builder">vue-survey-builder</a>
|
||
- Survey builder for vue.js applications</li>
|
||
<li><a href="https://github.com/Developmint/vue-if-bot">vue-if-bot</a> -
|
||
A lightweight component to hide/show content to clients based on the
|
||
user agent</li>
|
||
<li><a href="https://github.com/clampy-js/vue-clampy">vue-clampy</a> -
|
||
Vue.js (2+) directive that clamps the content of an element by adding an
|
||
ellipsis to it if the content inside is too long.</li>
|
||
<li><a
|
||
href="https://github.com/promosis/vue-cookie-accept-decline">vue-cookie-accept-decline</a>
|
||
- Show a banner with text, a decline button, and an accept button on
|
||
your page. Remembers selection using cookies. Emits an event with
|
||
current selection on creation. Good for GDPR requirements.</li>
|
||
<li><a href="https://github.com/lossendae/vue-avatar"><span
|
||
class="citation"
|
||
data-cites="lossendae/vue-avatar">@lossendae/vue-avatar</span></a> - An
|
||
avatar component for VueJS 2.0.</li>
|
||
<li><a
|
||
href="https://github.com/AlbertLucianto/vue-text-highlight">vue-text-highlight</a>
|
||
- Text highlighter library for Vue.js 💄</li>
|
||
<li><a href="https://github.com/bsdfzzzy/vue2-hammer">vue2-hammer</a>
|
||
Hammer.js wrapper for Vue 2.x to support mobile touch..</li>
|
||
<li><a
|
||
href="https://github.com/johndatserakis/vue-countable">vue-countable</a>
|
||
- Vue binding for countable.js. Provides real-time paragraph, sentence,
|
||
word, and character counting.</li>
|
||
<li><a href="https://github.com/phegman/v-show-slide">v-show-slide</a> -
|
||
A Vue.js directive for animating an element to and from height: auto in
|
||
a sliding motion.</li>
|
||
<li><a
|
||
href="https://github.com/eCollect/vue-swipe-actions">vue-swipe-actions</a>
|
||
- iOS style swipe actions for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/officert/vue-friendly-iframe">vue-friendly-iframe</a>
|
||
- A Vue js component for creating super fast loading, non-blocking
|
||
iframes.</li>
|
||
<li><a
|
||
href="https://github.com/mattmezza/vue-beautiful-chat">vue-beautiful-chat</a>
|
||
- A simple and beautiful Vue chat component backend agnostic, fully
|
||
customizable and extendable.</li>
|
||
<li><a href="https://github.com/zeknoss/vue-magnifier">vue-magnifier</a>
|
||
- A simple image zooming / magnifying component for Vue.js 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/Astray-git/vue-highlight-words">vue-highlight-words</a>
|
||
- Vue component to highlight words within a larger body of text. Ported
|
||
from <a
|
||
href="https://github.com/bvaughn/react-highlight-words">react-highlight-words</a></li>
|
||
<li><a
|
||
href="https://github.com/yanthems/vue-tags-ball">vue-tags-ball</a> -
|
||
Create a beautiful and spherical tag with this plugin</li>
|
||
<li><a href="https://github.com/spemer/vue-rippler">vue-rippler</a> -
|
||
Simple Vue.js plugin for custom ripple effect</li>
|
||
<li><a
|
||
href="https://github.com/chiaweilee/vue-contacts">vue-contacts</a> -
|
||
Mobile contacts component for Vue</li>
|
||
<li><a
|
||
href="https://github.com/jmaczan/basic-vue-chat">basic-vue-chat</a> -
|
||
Easy to use Vue.js chat</li>
|
||
<li><a
|
||
href="https://github.com/JayeshLab/vue-resize-text">vue-resize-text</a>
|
||
- A vue directive which automatically resize font size based on element
|
||
width.</li>
|
||
<li><a
|
||
href="https://github.com/GabrielBibiano/vue-github-profile">vue-github-profile</a>
|
||
- A vue component to view the profile and repos of determined user</li>
|
||
<li><a href="https://github.com/P3trur0/vue-niege">vue-niege</a> - 🎄 🎅
|
||
Single File Vue component to add a snow storm through a canvas.</li>
|
||
<li><a
|
||
href="https://github.com/JonathanDn/vue-stars-rating">vue-dynamic-star-rating</a>
|
||
- A highly dynamic vue stars rating component, like google play rating
|
||
⭐️ ⭐️ ⭐️ ⭐️ ⭐️</li>
|
||
<li><a href="https://github.com/lucpotage/vue-katex">vue-katex</a> -
|
||
Simple plugin for math typsetting using KaTeX in Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/superhos/vue-baberrage">vue-baberrage</a> - A
|
||
simple Barrage plugin Base on Vue.js😎</li>
|
||
<li><a
|
||
href="https://github.com/shershen08/vue-terminal-ui">vue-terminal-ui</a>
|
||
- 🖥Terminal UI emulator Vue: custom and basic commands</li>
|
||
<li><a href="https://github.com/ndabAP/vue-command">vue-command</a> - A
|
||
fully working Vue.js terminal emulator</li>
|
||
<li><a href="https://github.com/P3trur0/vue-ribbon">vue-ribbon</a> - Vue
|
||
component for GitHub ribbons</li>
|
||
<li><a href="https://github.com/trunda/avatio-avatar">avatio-avatar</a>
|
||
- Vue component for illustrated avatars - used by <a
|
||
href="https://avatio.cool">Avatio</a></li>
|
||
<li><a href="https://github.com/man15h/vue-jazzicon">vue-jazzicon</a> -
|
||
A dead-simple Jazzicon component for Vue.</li>
|
||
<li><a
|
||
href="https://github.com/craigh411/vue-star-rating">vue-star-rating</a>
|
||
- A simple, highly customizable star rating component ⭐️ ⭐️ ⭐️</li>
|
||
<li><a
|
||
href="https://github.com/potato4d/vue-fixed-header">vue-fixed-header</a>
|
||
- Simple and cross-browser friendly fixed header component for Vue.js
|
||
written by TypeScript.</li>
|
||
<li><a
|
||
href="https://github.com/dreambo8563/vue-particle-effect-buttons">vue-particle-effect-buttons</a>A
|
||
bursting particles effects buttons component.</li>
|
||
<li><a href="https://github.com/gorbypark/vue-insomnia">vue-insomnia</a>
|
||
- Prevent display screen from sleeping (wake lock).</li>
|
||
<li><a
|
||
href="https://github.com/yimocanxue/vue-car-plate-keyboard">vue-car-plate-keyboard</a>
|
||
- A car license plate number keyboard for VueJS
|
||
2.x.(车牌号输入键盘,支持新能源车牌 🚗🚗🚗)</li>
|
||
<li><a
|
||
href="https://github.com/krthr/vue-dataflow-editor">vue-dataflow-editor</a>
|
||
- Vue2 dataflow graph editor</li>
|
||
<li><a
|
||
href="https://github.com/kevinfaguiar/vue-twemoji-picker">vue-twemoji-picker</a>
|
||
- A fast plug-n-play Twemoji Picker (+textarea for Twemoji rendering)
|
||
for Vue.</li>
|
||
<li><a
|
||
href="https://github.com/orgordin/vuejs-avataaars">vuejs-avataaars</a> -
|
||
Simple avatar generator Vue component for avataaars.</li>
|
||
<li><a href="https://github.com/probil/vue-moveable">vue-moveable</a> -
|
||
A Vue Component that creates Moveable, Draggable, Resizable, Scalable,
|
||
Rotatable, Warpable and more.</li>
|
||
<li><a
|
||
href="https://github.com/danielelkington/vue-camera-gestures">vue-camera-gestures</a>
|
||
- Let users control your Vue app using AI and gestures in front of their
|
||
camera in just 1 line in your HTML template!</li>
|
||
<li><a
|
||
href="https://github.com/albertodeago/vue-aspect-ratio">vue-aspect-ratio</a>
|
||
- A tiny component to handle aspect ratios with no effort.</li>
|
||
<li><a
|
||
href="https://github.com/rtucek/vue-query-builder">query-builder-vue</a>
|
||
- A query-builder library for building complex and nested queries with
|
||
draggable re-ordering.</li>
|
||
<li><a
|
||
href="https://github.com/IneoO/vue-meeting-selector">vue-meeting-selector</a>
|
||
- A meeting selector inspired by doctolib, fast and fully custom made
|
||
with Typescript.</li>
|
||
<li><a
|
||
href="https://github.com/kevinfaguiar/cool-emoji-picker">cool-emoji-picker</a>
|
||
- A fast plug-n-play [Tw]emoji Picker (+textarea for Twemoji rendering)
|
||
component for Vue.</li>
|
||
<li><a href="https://github.com/VinceG/vue-web-cam">vue-web-cam</a> -
|
||
Webcam component for VueJs.</li>
|
||
<li><a
|
||
href="https://github.com/LuXDAmore/vue-cursor-fx">vue-cursor-fx</a> - An
|
||
animated custom cursor effects for interactive elements like navigation,
|
||
galleries and carousels.</li>
|
||
<li><a
|
||
href="https://github.com/growthbunker/vuetimeline">vuetimeline</a> - One
|
||
easy-to-use component to build beautiful responsive timelines.</li>
|
||
<li><a
|
||
href="https://github.com/joaoeudes7/v-emoji-picker">v-emoji-picker</a> -
|
||
:star2: A Lightweight and customizable package of Emoji Picker in Vue
|
||
using emojis natives (unicode).</li>
|
||
<li><a
|
||
href="https://github.com/learn-awesome/flashcard">learnawesome-flashcard</a>
|
||
- Deck of flashcards with spaced-repetition via localStorage :bulb:</li>
|
||
<li><a
|
||
href="https://github.com/MelihAltintas/vue-portfolio-viewer.git">vue-portfolio-viewer</a>
|
||
- Scroll animated portfolio viewer component for vue js :bulb:</li>
|
||
<li><a
|
||
href="https://github.com/Tardigrada777/vue-text-middle-ellipsis">vue-text-middle-ellipsis</a>
|
||
- A simple vue-directive(2+) that clamps the content in the middle of
|
||
the element if the content inside is too long.</li>
|
||
<li><a href="https://github.com/altrusl/vuesence-book">vuesence-book</a>
|
||
- Documentation/help system component.</li>
|
||
<li><a href="https://github.com/Reidond/vue-turnjs">vue-turnjs</a> - A
|
||
component library to add book experience to your app.</li>
|
||
<li><a
|
||
href="https://github.com/altrusl/vuesence-sliding-header">vuesence-sliding-header</a>
|
||
- Sliding header(s) for top navigation bar(s).</li>
|
||
<li><a href="https://github.com/matteobruni/tsparticles">tsParticles</a>
|
||
- A lightweight Javascript library to easily create highly configurable
|
||
and interactive particle animations</li>
|
||
<li><a
|
||
href="https://github.com/bananajs-is-already-taken/vue3-book-component"><span
|
||
class="citation"
|
||
data-cites="bananajs/vue3-book-component">@bananajs/vue3-book-component</span></a>
|
||
- Book component for Vue 3. It provides easy, flexible API and great
|
||
customizability.</li>
|
||
<li><a
|
||
href="https://github.com/bananajs-is-already-taken/vue2-book-component"><span
|
||
class="citation"
|
||
data-cites="bananajs/vue2-book-component">@bananajs/vue2-book-component</span></a>
|
||
- Book component for Vue 2. It provides easy, flexible API and great
|
||
customizability.</li>
|
||
<li><a
|
||
href="https://github.com/samjonesigd/vue-image-zoomer">vue-image-zoomer</a>
|
||
- image zoom component for Vue.js 2 & 3, that also works on touch
|
||
devices.</li>
|
||
<li><a
|
||
href="https://github.com/limlt/vue-show-more-text">vue-show-more-text</a>
|
||
- Vue multiline sentence ellipsis component. The text in the component
|
||
will be truncated.</li>
|
||
<li><a
|
||
href="https://github.com/meforma/vue-copy-to-clipboard">vue-copy-to-clipboard</a>
|
||
- Vue.js 3 plugin to copy text to clipboard (Vue 3)</li>
|
||
<li><a
|
||
href="https://github.com/antoine92190/vue-advanced-chat">vue-advanced-chat</a>
|
||
- Feature-rich and fully customizable chat rooms component. Support
|
||
files, images, videos, audio, emojis, customised actions, etc.</li>
|
||
<li><a
|
||
href="https://github.com/obadakhalili/vue-visual-filter">vue-visual-filter</a>
|
||
- 🕵️♂️ An unopinionated advanced visual filtering component for Vue 2 and
|
||
3.</li>
|
||
<li><a
|
||
href="https://github.com/webdevnerdstuff/vue-easter-egg-trigger">vue-easter-egg-trigger</a>
|
||
- This packages makes it nice and easy to add Easter Egg triggers to
|
||
your Vue 2 site. <a
|
||
href="https://github.com/webdevnerdstuff/vue3-easter-egg-trigger">Vue
|
||
3</a> version also available.</li>
|
||
<li><a
|
||
href="https://github.com/kawamataryo/vue-word-highlighter">vue-word-highlighter</a>
|
||
- The word highlighter library for Vue 2 and Vue 3.</li>
|
||
<li><a
|
||
href="https://github.com/delowardev/vue3-emoji-picker">vue3-emoji-picker</a>
|
||
- Simple and Powerful Emoji Picker for Vue3.</li>
|
||
<li><a href="https://github.com/justforuse/vue-mathjax">vue-mathjax</a>
|
||
- A Vue.js Plugin for Mathjax</li>
|
||
<li><a
|
||
href="https://github.com/justforuse/vue-mathjax-next">vue-mathjax-next</a>
|
||
- A Vue 3 plugin for Mathjax</li>
|
||
<li><a
|
||
href="https://github.com/neelansh15/vue-connect-wallet">vue-connect-wallet</a>
|
||
- A Vue plugin for connecting to web3 wallets with a UI button +
|
||
MetaMask utils</li>
|
||
<li><a
|
||
href="https://github.com/WebsiteBeaver/vue-magnifier">vue-magnifier</a>
|
||
- Vue 3 image zoom component.</li>
|
||
<li><a href="https://github.com/crishellco/vue-spruce">vue-spruce</a> -
|
||
A collection of useful Vue 2 renderless components.</li>
|
||
<li><a
|
||
href="https://github.com/tzfun/vue-web-terminal">vue-web-terminal</a> -
|
||
💻 A feature-rich and powerful web terminal plugin for vue2 &
|
||
vue3.(功能强大的网页命令行终端插件)</li>
|
||
<li><a
|
||
href="https://github.com/liting-yes/vite-plugin-vue-preview">vite-plugin-vue-preview</a>
|
||
- a vite plugin for code preview, of course you can also use the
|
||
component separately</li>
|
||
<li><a
|
||
href="https://github.com/razorness/vue3-calendar-heatmap">vue3-calendar-heatmap</a>
|
||
- A lightweight calendar heatmap Vue 3 component built on SVG</li>
|
||
<li><a
|
||
href="https://github.com/webdevnerdstuff/vue-code-block">vue-code-block</a>
|
||
- Vue 3 CodeBlock - Highlight your code with ease using this syntax
|
||
highlighting component powered by PrismJS or Highlight.js.</li>
|
||
<li><a
|
||
href="https://github.com/fchancel/v-image-magnifier">v-image-magnifier</a>
|
||
- A Vue 3 plugin that provides interactive image zoom functionality.
|
||
Allow users to zoom in on an image by hovering over it, providing an
|
||
enlarged view of the corresponding part of the image.</li>
|
||
<li><a
|
||
href="https://github.com/Liberty-liu/Everright-filter">Everright-filter</a>
|
||
- A query builder component for Vue3. Supports filtering of multiple
|
||
data types, including string, number, dropdown, cascade, region, date,
|
||
and time.</li>
|
||
<li><a href="https://github.com/kolirt/vue-web3-auth"><span
|
||
class="citation"
|
||
data-cites="kolirt/vue-web3-auth">@kolirt/vue-web3-auth</span></a> - 💎
|
||
Web3 authentication for Vue3 apps based on WalletConnect v2 and
|
||
wagmi</li>
|
||
<li><a
|
||
href="https://willnguyen1312.github.io/zoom-image/">zoom-image</a> - A
|
||
little yet powerful framework agnostic library to zoom image on the
|
||
web</li>
|
||
<li><a
|
||
href="https://github.com/tony-xlh/vue-mrz-scanner">vue-mrz-scanner</a> -
|
||
A Vue component to scan MRZ on passports, visa cards, etc. It is based
|
||
on Dynamsoft Label Recognizer.</li>
|
||
<li><a href="https://github.com/f820602h/vue-surf">vue-surf</a> - A very
|
||
customized animated svg wave Vue component. <a
|
||
href="https://f820602h.github.io/vue-surf/">Online Demo</a></li>
|
||
</ul>
|
||
<h4 id="tabs">Tabs</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/cristijora/vue-tabs">vue-tabs</a> -
|
||
Simple tabs and pills.</li>
|
||
<li><a
|
||
href="https://github.com/zhangxiang958/vue-tab">vue-swipe-tabs</a> - A
|
||
touch swipe tab component for vue.js(vue2).</li>
|
||
<li><a
|
||
href="https://github.com/spatie/vue-tabs-component">vue-tabs-component</a>
|
||
- An easy way to display tabs with Vue.</li>
|
||
<li><a href="https://github.com/kevindesousa/vue-k-tabs">vue-k-tabs</a>
|
||
- A simple tabs components with Gitlab design.</li>
|
||
<li><a
|
||
href="https://github.com/karambafe/vue-tabs-with-active-line">vue-tabs-with-active-line</a>
|
||
- Simple Vue 2 component, that allows you to make tabs with moving
|
||
bottom line</li>
|
||
<li><a
|
||
href="https://github.com/viewweiwu/vue-tabs-chrome">vue-tabs-chrome</a>
|
||
- A Vue component for Chrome-like tabs.</li>
|
||
<li><a
|
||
href="https://github.com/mevinoth/vue-tiny-tabs">vue-tiny-tabs</a> - A
|
||
minimalistic tabs component as tinytabs Vuejs wrapper (size <
|
||
3.1kb)</li>
|
||
<li><a href="https://github.com/tupilabs/vue-lumino">vue-lumino</a> - A
|
||
component to use Vue.js with Jupyter Lumino (PhosphorJS), integrating
|
||
DOM & VDOM through event listeners and Vue reactivity system.</li>
|
||
<li><a
|
||
href="https://github.com/bhuh12/vue-router-tab">vue-router-tab</a> -
|
||
Vue.js tab components, based on Vue Router.</li>
|
||
<li><a href="https://github.com/HJ29/vue3-tabs">vue3-tabs</a> - A touch
|
||
swipe tabs component for vue 3</li>
|
||
<li><a
|
||
href="https://github.com/viewweiwu/vue3-tabs-chrome">vue3-tabs-chrome</a>
|
||
- A Vue3 component for Chrome-like tabs.</li>
|
||
<li><a href="https://github.com/kien5436/vue-nav-tab">vue-nav-tab</a>
|
||
Tab components for Vue.js 3 project</li>
|
||
</ul>
|
||
<h4 id="form">Form</h4>
|
||
<p><em>Let the user create & edit data</em></p>
|
||
<h5 id="phone-number-input-formatter">Phone Number Input Formatter</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/LouisMazel/vue-phone-number-input">vue-phone-number-input</a>
|
||
- A beautiful input to format & valid phone number with country code
|
||
:fire:</li>
|
||
<li><a
|
||
href="https://github.com/EducationLink/vue-tel-input">vue-tel-input</a>
|
||
- International Telephone Input with Vue.</li>
|
||
</ul>
|
||
<h5 id="pincode-input">Pincode Input</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/Seokky/vue-pincode-input">vue-pincode-input</a>
|
||
- Smart pincode input component</li>
|
||
</ul>
|
||
<h5 id="picker">Picker</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/hiyali/vue-smooth-picker">vue-smooth-picker</a>
|
||
- A smooth picker component for Vue 2.x, like iOS native datetime
|
||
picker.</li>
|
||
<li><a
|
||
href="https://github.com/wan2land/vue-scroll-picker">vue-scroll-picker</a>
|
||
- A scroll picker component for Vue 2.x. Support all gestures of
|
||
mouse(also wheel) and touch.</li>
|
||
<li><a
|
||
href="https://github.com/zolamk/vue-fontawesome-picker">vue-fontawesome-picker</a>
|
||
- a font awesome icon picker component for Vue 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/HJ29/vue3-scroll-picker">vue3-scroll-picker</a>
|
||
- A scroll picker component for Vue 3.</li>
|
||
<li><a
|
||
href="https://github.com/vanishmax/vue-wheel-picker">vue-wheel-picker</a>
|
||
- Customizable Picker with 3D wheel and all gestures supported for Vue
|
||
2.</li>
|
||
</ul>
|
||
<h5 id="generator">Generator</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/formschema/native">FormSchema Native</a>
|
||
- Generate a form using JSON Schema and Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/michaellyu/vue-generator">vue-generator</a> -
|
||
Initial router and components for the Vue project.</li>
|
||
<li><a href="https://github.com/14nrv/vue-form-json">vue-form-json</a> -
|
||
Generate a vue form with validation and bulma style, from json</li>
|
||
<li><a href="https://github.com/xaboy/form-create">form-create</a> -
|
||
Form builder with dynamic rendering, data collection, validation, and
|
||
submission capabilities, supporting json data</li>
|
||
<li><a
|
||
href="https://github.com/codetrial/element-form-builder">element-form-builder</a>
|
||
- Build element-ui forms with JSON Schema.</li>
|
||
<li><a href="https://github.com/ncform/ncform">ncform</a> - a very nice
|
||
configuration generation way to develop form</li>
|
||
<li><a href="https://github.com/laraform/laraform">Laraform</a> -
|
||
Advanced form builder for Vue.js with Laravel support</li>
|
||
<li><a href="https://github.com/dream2023/vue-ele-form">vue-ele-form</a>
|
||
- Vue DataForm, based on element-ui</li>
|
||
<li><a href="https://github.com/tonghoai/vue-otp-2">vue-otp-2</a> - Vue
|
||
OTP input 2, A Vue component for OTP input.</li>
|
||
<li><a
|
||
href="https://github.com/vue-generators/vue-form-generator">vue-form-generator</a>
|
||
A schema-based form generator component for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/openfext/vue-form-builder">vue-form-builder</a>
|
||
- Build powerful vue form with JSON schema and composition api, popular
|
||
ui frameworks such as Element UI, View UI, Ant Design Vue are supported.
|
||
<a href="https://openfext.github.io/vue-form-builder">Online
|
||
Demo</a></li>
|
||
<li><a
|
||
href="https://github.com/taverasady/vue-dynamic-inputs">vue-dynamic-inputs</a>
|
||
- Create dynamic forms with buefy from json <a
|
||
href="https://codepen.io/taverasady/pen/LYVzevo">Online Demo</a></li>
|
||
<li><a href="https://github.com/ditdot-dev/vue-flow-form">Vue Flow
|
||
Form</a> - Create conversational conditional-logic forms with Vue.js. <a
|
||
href="https://www.ditdot.hr/demo/vff/questionnaire/">Online
|
||
Demo</a></li>
|
||
<li><a href="https://github.com/marekmensa/vue-dd-form">vue-dd-form</a>
|
||
- 📋 Build forms only by describing data nodes - without programming! <a
|
||
href="https://marekmensa.github.io/vue-dd-form/">Online Demo</a></li>
|
||
<li><a
|
||
href="https://github.com/ejirocodes/vue3-otp-input">vue3-otp-input</a> -
|
||
A fully customizable, OTP (one-time-password) input component built with
|
||
Vue 3.x and Vue Composition API.</li>
|
||
<li><a href="https://vueform.com">Vueform</a> - (probably) the most
|
||
comprehensive form builder for Vue.js <a
|
||
href="https://vueform.com/examples">Online Demo</a></li>
|
||
<li><a
|
||
href="https://github.com/iofod/IFstruct-parser/tree/main/temps/web">IFstruct-parser-vue</a>
|
||
- Converts <a href="https://www.iofod.com">iofod</a> edited projects
|
||
into production-ready Vue projects</li>
|
||
<li><a
|
||
href="https://github.com/Liberty-liu/Everright-formEditor">Everright-formEditor</a>
|
||
- A visual drag-and-drop low-code form editor</li>
|
||
</ul>
|
||
<h6 id="date-picker">Date Picker</h6>
|
||
<p><em>Date / datetime / time Picker</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/hilongjw/vue-datepicker">vue-datepicker</a> -
|
||
<strong>[unmaintained]</strong> Calendar and datepicker component with
|
||
material design for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/phoenixwong/vue2-timepicker">vue2-timepicker</a>
|
||
- A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible
|
||
time format support. :clock7: (Back and recharged in 2019
|
||
:battery:)</li>
|
||
<li><a
|
||
href="https://github.com/charliekassel/vuejs-datepicker">vuejs-datepicker</a>
|
||
- A simple Vue.js datepicker component. Supports disabling of dates,
|
||
inline mode, translations.</li>
|
||
<li><a href="https://github.com/nkoehring/vuedt">vuedt</a> - Crazy
|
||
lightweight (<5kb!) Vuejs Date and Time picker component with i18n
|
||
support, nice animations and not too much fuzz.</li>
|
||
<li><a
|
||
href="https://github.com/ankurk91/vue-flatpickr-component">vue-flatpickr-component</a>
|
||
Vue.js component for <a
|
||
href="https://github.com/chmln/flatpickr">flatpickr</a> datetime
|
||
picker</li>
|
||
<li><a
|
||
href="https://github.com/pepour/vue-jalaali-datepicker">vue-jalaali-datepicker</a>
|
||
- Jalaali calendar and datepicker for vue.js 2.</li>
|
||
<li><a
|
||
href="https://github.com/ridewn/vue-date-picker">vue-date-picker</a> - A
|
||
vue date picker component inspired by material design</li>
|
||
<li><a
|
||
href="https://github.com/ittus/vue-monthly-picker">vue-monthly-picker</a>
|
||
- Vue.js component for month and year picker only</li>
|
||
<li><a
|
||
href="https://github.com/krystalcampioni/vue-hotel-datepicker">vue-hotel-datepicker</a>
|
||
- A responsive date range picker that displays the number of nights
|
||
selected, allows custom check-in/check-out rules, blocking dates,
|
||
localization support and more.</li>
|
||
<li><a
|
||
href="https://github.com/dyonir/vue2-persian-datepicker">vue2-persian-datepicker</a>
|
||
- An awesome Persian datepicker component for vue. کامپوننت انتخاب تاریخ
|
||
برای ویو.</li>
|
||
<li><a href="https://github.com/mariomka/vue-datetime">vue-datetime</a>
|
||
- Mobile friendly datetime picker for Vue. Supports date, datetime and
|
||
time modes, i18n and disabling dates.</li>
|
||
<li><a
|
||
href="https://github.com/bliblidotcom/vue-rangedate-picker">vue-rangedate-picker</a>
|
||
- Range date picker with simple usage</li>
|
||
<li><a href="https://github.com/dwqs/v2-datepicker">v2-datepicker</a> -
|
||
A simple datepicker component based Vue 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/weifeiyue/vue-datepicker-local">vue-datepicker-local</a>
|
||
- A Beautiful Datepicker Component For Vue2.</li>
|
||
<li><a
|
||
href="https://github.com/MikaelEdebro/vue-airbnb-style-datepicker">vue-airbnb-style-datepicker</a>
|
||
- A Vue datepicker with a similar look and functionality as the popular
|
||
AirBnb datepicker. Lightweight, configurable and good browser
|
||
support!</li>
|
||
<li><a
|
||
href="https://github.com/talkhabi/vue-persian-datetime-picker">vue-persian-datetime-picker</a>
|
||
Persian material datepicker. Supports datetime, date, time, year,
|
||
month.</li>
|
||
<li><a href="https://vcalendar.io/">VCalendar</a> Very customizable and
|
||
powerful calendar/datepicker component with many features and good
|
||
documentation.</li>
|
||
<li><a href="https://github.com/Owumaro/vue-date-range-picker"><span
|
||
class="citation"
|
||
data-cites="owumaro/vue-date-range-picker">@owumaro/vue-date-range-picker</span></a>
|
||
- A vue component using Bootstrap 4 styles for date range selection</li>
|
||
<li><a
|
||
href="https://github.com/ikarosu/vue-datepicker-mobile">vue-datepicker-mobile</a>
|
||
- A mobile friendly datepicker for vue2. :cn: select one day or range of
|
||
date and custom it that you wish.</li>
|
||
<li><a
|
||
href="https://github.com/liloow/vue-draggableCal">vue-draggable-cal</a>
|
||
- Not your ordinary datepicker. A Vuejs draggable date selector with a
|
||
fresh responsive design, mobile ready and 0 dependencies, 17kb
|
||
gzipped.</li>
|
||
<li><a
|
||
href="https://github.com/Shchepotin/vue-vanilla-datetime-picker">vue-vanilla-datetime-picker</a>
|
||
- Datetime picker for Vue.</li>
|
||
<li><a
|
||
href="https://github.com/Innologica/vue2-daterange-picker/blob/master/README.md">vue2-daterange-picker</a>
|
||
- Vue2 date range picker based on bootstrap-daterangepicker (no jQuery
|
||
dependency)</li>
|
||
<li><a
|
||
href="https://github.com/alexiscolin/vue-timeselector">vue-timeselector</a>
|
||
- Fully and simply customizable powerful time picker component for
|
||
Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/8788/vue-date-picker">vue-date-picker</a> -
|
||
Lightweight datepicker component for Vue 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/chronotruck/vue-ctk-date-time-picker">vue-ctk-date-time-picker</a>
|
||
- A beautiful VueJS component to pick date & time (with range mode)
|
||
:new:</li>
|
||
<li><a
|
||
href="https://github.com/jamespjarvis/simple-vue2-datetimepicker">simple-vue2-datetimepicker</a>
|
||
- A simple, easy to use vue.js component for date and time picking.
|
||
:new:</li>
|
||
<li><a
|
||
href="https://github.com/sbarry50/vue-business-hours">vue-business-hours</a>
|
||
- Vue component for selecting business hours in an administration panel
|
||
or dashboard.</li>
|
||
<li><a
|
||
href="https://github.com/ly525/material-vue-daterange-picker">material-vue-daterange-picker</a>
|
||
- a daterange picker of Material Design style for Vuejs 2.x, which is
|
||
compatible with vuetify and friendly for mobile.</li>
|
||
<li><a
|
||
href="https://github.com/mathieustan/vue-datepicker">vue-datepicker</a>
|
||
- A clean & responsive datepicker with Material Design style for
|
||
Vuejs 2.x. (date/month/quarter && date range picker) :new:</li>
|
||
<li><a href="https://github.com/alireza-ab/vue-persian-datepicker"><span
|
||
class="citation"
|
||
data-cites="alireza-ab/vue-persian-datepicker">@alireza-ab/vue-persian-datepicker</span></a>
|
||
- A datepicker component for select persian date. <strong>(single and
|
||
range selection, select date and time, select with keyboard,
|
||
customizable style, localization)</strong></li>
|
||
<li><a
|
||
href="https://github.com/HC200ok/vue-easy-range-date-picker">vue-easy-range-date-picker</a>
|
||
- A simple and easy VueJS (2.x) component for date range selection</li>
|
||
<li><a href="https://github.com/Vuepic/vue-datepicker"><span
|
||
class="citation"
|
||
data-cites="vuepic/vue-datepicker">@vuepic/vue-datepicker</span></a> -
|
||
The most complete date picker solution for Vue 3</li>
|
||
<li><a
|
||
href="https://github.com/mengxiong10/vue-datepicker-next">vue-datepicker-next</a>
|
||
- Vue 3.x component for datepicker / timepicker / datetimepicker /
|
||
calendar</li>
|
||
</ul>
|
||
<h5 id="select">Select</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/sagalbot/vue-select">vue-select</a> - A
|
||
native Vue.js component that provides similar functionality to Select2
|
||
without the overhead of jQuery.</li>
|
||
<li><a
|
||
href="https://github.com/monterail/vue-multiselect">vue-multiselect</a>
|
||
- Universal select/multiselect/tagging component for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/stfalcon-studio/stf-vue-select">stf-vue-select</a>
|
||
- most flexible and customized select Vue2</li>
|
||
<li><a
|
||
href="https://github.com/mazipan/vue-select-image">vue-select-image</a>
|
||
- Vue 2 Component for selecting image from list</li>
|
||
<li><a href="https://github.com/riophae/vue-treeselect"><span
|
||
class="citation"
|
||
data-cites="riophae/vue-treeselect">@riophae/vue-treeselect</span></a> -
|
||
A multi-select component with nested options support for Vue.js.</li>
|
||
<li><a href="https://github.com/k186/pd-select"><span class="citation"
|
||
data-cites="k186/pd-select">@k186/pd-select</span></a> - A mobile UI
|
||
component like IOS picker for Vue 2.x,can be wheel pick what ever you
|
||
defined.</li>
|
||
<li><a
|
||
href="https://github.com/mikerodham/vue-dropdowns">vue-dropdowns</a> - A
|
||
minimalistic and adaptable way to display select boxes if using objects
|
||
for vue2.x</li>
|
||
<li><a href="https://github.com/zanseven007/v-cascade">v-cascade</a> - A
|
||
lovely component of cascade selector with Vue 2.x (Support both of PC
|
||
and Mobile)</li>
|
||
<li><a
|
||
href="https://github.com/IneoO/vue-multi-select">vue-multi-select</a> -
|
||
A custom component to make select/multiselect for Vue2.</li>
|
||
<li><a href="https://github.com/TerryZ/v-region">v-region</a> - A simple
|
||
region selector, provide Chinese administrative division data.</li>
|
||
<li><a href="https://github.com/TerryZ/v-selectpage">v-selectpage</a> -
|
||
A powerful selector for Vue2, list or table view of pagination, use tags
|
||
for multiple selection, i18n and server-side resources supports.</li>
|
||
<li><a
|
||
href="https://github.com/iliyaZelenko/vue-cool-select">vue-cool-select</a>
|
||
- Bootstrap / Material Design theme, support slots, autocomplete,
|
||
events, validation and more.</li>
|
||
<li><a href="https://github.com/myENA/advanced-select"><span
|
||
class="citation"
|
||
data-cites="myena/advanced-select">@myena/advanced-select</span></a> -
|
||
Single/Multiple Select component with search, controls for (de)select
|
||
all and a Bootstrap 3 theme</li>
|
||
<li><a href="https://github.com/Sandalf/vue-bootstrap-select"><span
|
||
class="citation"
|
||
data-cites="alfsnd/vue-bootstrap-select">@alfsnd/vue-bootstrap-select</span></a>
|
||
- Vue version of <a
|
||
href="https://github.com/snapappointments/bootstrap-select/">bootstrap-select</a>.</li>
|
||
<li><a href="https://github.com/SamuelTrottier/vue-wheel-select"><span
|
||
class="citation"
|
||
data-cites="SamuelTrottier/vue-wheel-select">@SamuelTrottier/vue-wheel-select</span></a>
|
||
- A simple scrolling select component.</li>
|
||
<li><a
|
||
href="https://github.com/moreta/vue-search-select">vue-search-select</a>
|
||
- Searchable select components and semantic-ui’s dropdown
|
||
compatible.</li>
|
||
<li><a
|
||
href="https://github.com/ProticM/vue-gridmultiselect">vue-gridmultiselect</a>
|
||
- Simple multi-select component with items displayed in a table like
|
||
UI</li>
|
||
<li><a
|
||
href="https://github.com/juliorosseti/vue-select-sides">vue-select-sides</a>
|
||
- A component for Vue.js to select double-sided data (2-sides).</li>
|
||
<li><a href="https://github.com/isneezy/vue-selectize">vue-selectize</a>
|
||
- A Vue.js component wrapper around Selectize.js, a vanilla js select
|
||
component</li>
|
||
<li><a href="https://github.com/vueform/multiselect"><span
|
||
class="citation"
|
||
data-cites="vueform/multiselect">@vueform/multiselect</span></a> - Vue 3
|
||
multiselect component with single select, multiselect and tagging
|
||
options.</li>
|
||
<li><a
|
||
href="https://github.com/hantrongbinh/vue-country-code">vue-country-code</a>
|
||
- Vue 2 Country Code Select</li>
|
||
<li><a
|
||
href="https://github.com/hassan-jahan/vue-cool-box-selector">vue-cool-box-selector</a>
|
||
- Fancy versatile, box / button / image selector for Vue 2 and 3 🪄✨
|
||
~1KB</li>
|
||
</ul>
|
||
<h5 id="slider">Slider</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/NightCatSama/vue-slider-component">vue-slider-component</a>
|
||
- Slider for vue1.x and vue2.x.</li>
|
||
<li><a
|
||
href="https://github.com/devstark-com/vue-circle-slider">vue-circle-slider</a>
|
||
- Circle slider component for vue2.x.</li>
|
||
<li><a
|
||
href="https://github.com/biigpongsatorn/vue-slide-bar">vue-slide-bar</a>
|
||
- Very simple vue slider bar component.</li>
|
||
<li><a href="https://github.com/hosein2398/Textra">textra</a> - Vue js
|
||
add-on to slide text.</li>
|
||
<li><a
|
||
href="https://github.com/kramer99/vue-knob-control">vue-knob-control</a>
|
||
- A rotary knob control for Vue.js</li>
|
||
<li><a href="https://github.com/lycHub/v-slider">iv-slider</a> - Slider
|
||
component for vue2.x.</li>
|
||
<li><a
|
||
href="https://github.com/oguzhaninan/vue-histogram-slider">vue-histogram-slider</a>
|
||
- Range slider with histogram for Vue.js</li>
|
||
<li><a href="https://github.com/xinnks/xns-seek-bar">xns-seek-bar</a> -
|
||
A seekable progress plugin for Vue 2.x.</li>
|
||
<li><a href="https://github.com/vueform/slider"><span class="citation"
|
||
data-cites="vueform/slider">@vueform/slider</span></a> - Vue 3 slider
|
||
component with multihandles, tooltips merging and formatting.</li>
|
||
</ul>
|
||
<h5 id="drag-and-drop">Drag and Drop</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/Alfred-Skyblue/vue-draggable-plus">vuedraggable-plus</a>
|
||
- Vue component allowing drag-and-drop sorting module, support
|
||
Vue>=v3 or Vue>=2.7. Based on Sortable.js.</li>
|
||
<li><a href="https://github.com/Astray-git/vue-dragula">vue-dragula</a>
|
||
- Drag and drop so simple it hurts.</li>
|
||
<li><a
|
||
href="https://github.com/kristianmandrup/vue2-dragula">vue2-dragula</a>
|
||
- A <code>vue-dragula</code> fork for <code>Vue2</code>, with a lot of
|
||
improvements.</li>
|
||
<li><a href="https://github.com/hilongjw/vue-dragging">awe-dnd</a> - A
|
||
sortable list directive with Vue.</li>
|
||
<li><a
|
||
href="https://github.com/mauricius/vue-draggable-resizable">vue-draggable-resizable</a>
|
||
- Vue2 component for draggable and resizable elements.</li>
|
||
<li><a href="https://github.com/hejianxian/vddl">vddl</a> - Vue
|
||
components for modifying lists with the HTML5 drag & drop API,
|
||
supports VueJs versions 1 and 2.</li>
|
||
<li><a
|
||
href="https://github.com/cameronhimself/vue-drag-drop">vue-drag-drop</a>
|
||
- A minimal and lightweight wrapper for the HTML5 Drag and Drop
|
||
API.</li>
|
||
<li><a href="https://github.com/goweiwen/vue-swing">vue-swing</a> - A
|
||
swipeable cards interface, as seen in apps like Jelly and Tinder.</li>
|
||
<li><a
|
||
href="https://github.com/Jexordexan/vue-slicksort">vue-slicksort</a> - A
|
||
dependency-free set of mixins for animated, touch-friendly, sortable
|
||
lists</li>
|
||
<li><a
|
||
href="https://github.com/IsraelZablianov/draggable-vue-directive">draggable-vue-directive</a>
|
||
- A simple directive to handle drag and drop of any Vue component.</li>
|
||
<li><a
|
||
href="https://github.com/kutlugsahin/vue-smooth-dnd">vue-smooth-dnd</a>
|
||
- Vue wrappers of smooth-dnd library. drag and drop, sortable library
|
||
covering for many cases.</li>
|
||
<li><a
|
||
href="https://github.com/kirillmurashov/vue-drag-resize">vue-drag-resize</a>
|
||
- A dependency-free Vue component for draggable and resizable elements
|
||
with aspect ratio, reactive props etc</li>
|
||
<li><a
|
||
href="https://github.com/Esvalirion/vue-drag-it-dude">vue-drag-it-dude</a>
|
||
- Vue2 component, that allows you to drag object wherever you want.</li>
|
||
<li><a
|
||
href="https://github.com/Vivify-Ideas/vue-draggable">vue-draggable</a> -
|
||
Vue Drag and Drop library without any dependency. Simple and easy to
|
||
use.</li>
|
||
<li><a href="https://github.com/rhwilr/vue-nestable">vue-nestable</a> -
|
||
A simple drag & drop hierarchical list made as a vue component.</li>
|
||
<li><a href="https://github.com/shanlh/vue-tinder">vue-tinder</a> - Have
|
||
your own Tinder and TanTan.</li>
|
||
<li><a
|
||
href="https://github.com/eshengsky/vue-card-swipe">vue-card-swipe</a> -
|
||
A touch slider for vue.js, support sliding in any direction to switch
|
||
cards, compatible with PC and mobile.</li>
|
||
<li><a
|
||
href="https://github.com/smaharj1/vue-drag-and-drop-kanban">vue-drag-n-drop</a>
|
||
- A simple kanban board where the items can be dragged and dropped from
|
||
the list on to the board.</li>
|
||
<li><a
|
||
href="https://github.com/rodleviton/vue-card-stack">vue-card-stack</a> -
|
||
Stackable, swipeable, tweakable Vue card component.</li>
|
||
<li><a
|
||
href="https://github.com/mrfade/vue-drag-drop-snap">vue-drag-drop-snap</a>
|
||
- A dependency-free Vue component for drag and drop with snapping.</li>
|
||
<li><a href="https://github.com/hcg1023/vue3-dnd">vue3-dnd</a> - React
|
||
DnD in Composition API implementation, Use the Composition API for
|
||
sortable and free draggable, Supported Vue2, Vue3.</li>
|
||
<li><a
|
||
href="https://github.com/MaxLeiter/sortablejs-vue3">sortablejs-vue3</a>
|
||
- A Vue 3 component acting as a thin wrapper around SortableJS</li>
|
||
</ul>
|
||
<h5 id="autocomplete">Autocomplete</h5>
|
||
<p><em>Autosuggest / autocomplete / typeahead</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/santiblanko/vue-instant">vue-instant</a>
|
||
- Vue instant allows you to easily create custom search controls with
|
||
auto suggestions for your vue 2 applications.</li>
|
||
<li><a
|
||
href="https://github.com/paliari/v-autocomplete">v-autocomplete</a> -
|
||
Autocomplete component for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/charliekassel/vuejs-autocomplete">vue-auto-complete</a>
|
||
- Autocomplete for Vue2. Works with objects or api calls.</li>
|
||
<li><a
|
||
href="https://github.com/Educents/vue-autosuggest">vue-autosuggest</a> -
|
||
WAI-ARIA complete Autosuggest component with full customization over
|
||
rendering and styling.</li>
|
||
<li><a href="https://github.com/soraino/v-autosuggest">v-autosuggest</a>
|
||
- A simple modular Vuejs component that autosuggest input from a dynamic
|
||
or static data querying.</li>
|
||
<li><a href="https://github.com/ieski/AutoComplete">autocomplete</a> -
|
||
Simple Autocomplete component for Vue.js 2.*</li>
|
||
<li><a
|
||
href="https://github.com/Attrash-Islam/vue-infinite-autocomplete">vue-infinite-autocomplete</a>
|
||
- Vue infinite-autocomplete wrapper for Vue.js 2.*</li>
|
||
<li><a
|
||
href="https://github.com/KazanExpress/vue-simple-suggest">vue-simple-suggest</a>
|
||
- Simple yet feature-rich autocomplete component for Vue.js</li>
|
||
<li><a href="https://github.com/TerryZ/v-suggest">v-suggest</a> - A Vue2
|
||
plugin for input content suggestions, support keyboard to quick
|
||
pick.</li>
|
||
<li><a
|
||
href="https://github.com/alexurquhart/vue-bootstrap-typeahead">vue-bootstrap-typeahead</a>
|
||
- An typeahead/autocomplete component for Vue2 using Bootstrap 4
|
||
CSS.</li>
|
||
<li><a
|
||
href="https://github.com/DannyFeliz/vue-email-dropdown">vue-email-dropdown</a>
|
||
- An autocomplete for custom email domains.</li>
|
||
<li><a
|
||
href="https://github.com/sssmi/vue-combo-blocks">vue-combo-blocks</a> -
|
||
Small, accessible, customizable and “renderless” autocomplete component
|
||
for Vue.</li>
|
||
</ul>
|
||
<h5 id="type-select">Type Select</h5>
|
||
<p><em>Let the user select a tag / something while typing</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/matiastucci/vue-input-tag">vue-input-tag</a> -
|
||
Vue.js 2.0 Input Tag Component.</li>
|
||
<li><a href="https://github.com/jcc/v-distpicker">v-distpicker</a> A
|
||
flexible, highly available district picker for picking provinces, cities
|
||
and districts of China for Vue.js 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/waynecz/vue-img-inputer">vue-img-inputer</a> A
|
||
graceful, highly customizable img type input for Vue 2</li>
|
||
<li><a
|
||
href="https://github.com/dameety/vue-image-preview">vue-img-preview</a>
|
||
An image input preview component in vue 2</li>
|
||
<li><a href="https://github.com/vinayakkulkarni/v-image">v-image</a>
|
||
:camera: Tiny little component for input type=file (< 1kb,
|
||
gzipped)</li>
|
||
<li><a href="https://github.com/AlexMordred/vue-tagsinput"><span
|
||
class="citation"
|
||
data-cites="voerro/vue-tagsinput">@voerro/vue-tagsinput</span></a> A
|
||
simple tags input Vue.js 2 component with typeahead/autocomplete</li>
|
||
<li><a
|
||
href="https://github.com/tomquinonero/vue-tag-selector">vue-tag-selector</a>
|
||
- Tag-like input. Light, customizable and handles REGEX validation!</li>
|
||
<li><a
|
||
href="https://github.com/leepyng/vue-input-text-to-tags">vue-input-text-to-tags</a>
|
||
- A input component that can create tags for the result display</li>
|
||
</ul>
|
||
<h5 id="color-picker">Color Picker</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/xiaokaike/vue-color">vue-color</a> - Vue
|
||
Color Pickers for Sketch, Photoshop, Chrome & more.</li>
|
||
<li><a href="https://github.com/saintplay/vue-swatches">vue-swatches</a>
|
||
- Help the user picking beautiful colors!</li>
|
||
<li><a
|
||
href="https://github.com/radial-color-picker/vue-color-picker">radial-color-picker</a>
|
||
- Minimalistic color picker with a focus on size, accessibility and
|
||
performance.</li>
|
||
<li><a
|
||
href="https://github.com/shlomnissan/vue-color-picker-board">vue-color-picker-board</a>
|
||
- Vue Color Picker component designed for humans!</li>
|
||
<li><a href="https://github.com/baianat/verte">verte</a> - A Complete
|
||
Vue.js Color Picker Component.</li>
|
||
<li><a
|
||
href="https://github.com/gVguy/vue-color-input">vue-color-input</a> –
|
||
Vue 3 color picker component whose goal is to replace
|
||
<code><input type="color"></code></li>
|
||
<li><a
|
||
href="https://github.com/webdevnerdstuff/vuetify-color-field">vuetify-color-field</a>
|
||
- Vuetify Color Field is a Vuetify VTextField Color Picker
|
||
Component</li>
|
||
</ul>
|
||
<h5 id="switch">Switch</h5>
|
||
<p><em>Switch / on/off toggle / checkbox</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/drewjbartlett/vue-switches">vue-switches</a> -
|
||
An on/off switch component for Vue.js with theme support.</li>
|
||
<li><a
|
||
href="https://github.com/euvl/vue-js-toggle-button">vue-js-toggle-button</a>
|
||
- Vue.js 2.0+ toggle / switch button - simple, pretty,
|
||
customizable.</li>
|
||
<li><a
|
||
href="https://github.com/mariomka/vue-checkbox-radio">vue-checkbox-radio</a>
|
||
- A Vue component to easily styling checkbox and radio inputs.</li>
|
||
<li><a
|
||
href="https://github.com/Keiwen/vue-enhancedCheck">vue-enhanced-check</a>
|
||
- Vue component to redesign/labelize checkbox/radio, including
|
||
toggle/switch button.</li>
|
||
<li><a
|
||
href="https://github.com/hamed-ehtesham/pretty-checkbox-vue">pretty-checkbox-vue</a>
|
||
- Implementation of <a
|
||
href="https://lokesh-coder.github.io/pretty-checkbox/">pretty checkbox
|
||
3</a>(A pure CSS library to beautify checkbox and radio buttons)
|
||
components for Vue.js 2.2+.</li>
|
||
<li><a href="https://github.com/roszpun/vue-collapse/">vue2-collapse</a>
|
||
- Vue Collapse is a flexible content toggling plugin for the accordion
|
||
lists or any other conditional content rendering.</li>
|
||
<li><a
|
||
href="https://github.com/vanderb/vue-badger-accordion">vue-badger-accordion</a>
|
||
- A wrapping Component for Badger Accordion for Vue.js 2.0+</li>
|
||
<li><a
|
||
href="https://github.com/Carrene/vue-loading-checkbox">vue-loading-checkbox</a>
|
||
- A highly customizable Vue.js checkbox UI component with loading
|
||
state</li>
|
||
<li><a
|
||
href="https://github.com/DannyFeliz/vue-rocker-switch">vue-rocker-switch</a>
|
||
- A customizable rocker switch component for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/JonathanDn/vue-toggle-btn">vue-toggle-btn</a> -
|
||
A Highly Customizable, easy-to-use elegant toggle/switch button
|
||
component</li>
|
||
<li><a
|
||
href="https://github.com/hartwork/vue-tristate-checkbox">vue-tristate-checkbox</a>
|
||
- Cycling tristate checkbox that supports form submission</li>
|
||
<li><a href="https://github.com/juliandreas/vue-toggles">vue-toggles</a>
|
||
- A highly customizable and accessible toggle component</li>
|
||
<li><a href="https://github.com/vueform/toggle"><span class="citation"
|
||
data-cites="vueform/toggle">@vueform/toggle</span></a> - Vue 3 toggle
|
||
component with labels, custom slots and styling options.</li>
|
||
<li><a
|
||
href="https://github.com/smastrom/vue-collapsed">vue-collapsed</a> - Vue
|
||
3 CSS height transition from any to auto and vice versa. Accordion
|
||
ready.</li>
|
||
</ul>
|
||
<h5 id="masked-input">Masked Input</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/niksmr/vue-masked-input">vue-masked-input</a> -
|
||
Masked input component for Vue.js.</li>
|
||
<li><a href="https://github.com/text-mask/text-mask">vue-text-mask</a> -
|
||
Input mask for React, Angular, Ember, Vue, & plain JavaScript.</li>
|
||
<li><a href="https://github.com/lakb248/vue-ip-input">vue-ip-input</a> -
|
||
An ip input implemented by vuejs.</li>
|
||
<li><a href="https://github.com/kevinongko/vue-numeric">vue-numeric</a>
|
||
- Input field component to display currency value based on Vue.</li>
|
||
<li><a href="https://github.com/moip/awesome-mask">awesome-mask</a> -
|
||
Mask directive based on a pure and simply VanillaJS implementation</li>
|
||
<li><a href="https://github.com/vuejs-tips/v-money">v-money</a> - Tiny
|
||
(<2k gzipped) input/directive mask for currency</li>
|
||
<li><a
|
||
href="https://github.com/autoNumeric/vue-autoNumeric">vue-autonumeric</a>
|
||
- A Vue.js component that wraps the awesome <a
|
||
href="http://autonumeric.org/">AutoNumeric</a> input formatter
|
||
library</li>
|
||
<li><a
|
||
href="https://github.com/scleriot/vue-inputmask">vue-inputmask</a> -
|
||
Vue.js directive to add Robin Herbots’ inputmask library to your inputs
|
||
(vanilla javascript).</li>
|
||
<li><a
|
||
href="https://github.com/joseluisq/vue-input-number">vue-input-number</a>
|
||
- A custom input number component for Vue.js 2.</li>
|
||
<li><a href="https://github.com/ndelvalle/v-unicode">v-unicode</a> - Vue
|
||
directive to restrict an input by unicode values.</li>
|
||
<li><a
|
||
href="https://github.com/ankurk91/vue-cleave-component">vue-cleave-component</a>
|
||
- Vue.js component for <a
|
||
href="http://nosir.github.io/cleave.js/">cleave.js</a></li>
|
||
<li><a href="https://github.com/peteringram0/vue-ip">vue-ip</a> - An ip
|
||
address input with port and material design support</li>
|
||
<li><a href="https://github.com/raidan00/vue-r-mask">vue-r-mask</a> -
|
||
Directive with template similar to javascript regular expression.</li>
|
||
<li><a
|
||
href="https://github.com/zhouyuexie/vue-input-code">vue-input-code</a> -
|
||
Base on Vue.js 2.0+ verification code input component.</li>
|
||
<li><a href="https://github.com/myokyawhtun/label-edit">label-edit</a> -
|
||
Inspired by Trello. Click to show editable input and return the value
|
||
changes. This is a Vue Component.</li>
|
||
<li><a
|
||
href="https://github.com/ankurk91/vue-jquery-mask">vue-jquery-mask</a> -
|
||
Vue.js v2.x component for <a
|
||
href="https://github.com/igorescobar/jQuery-Mask-Plugin">jQuery Mask
|
||
Plugin</a></li>
|
||
<li><a
|
||
href="https://github.com/dm4t2/vue-currency-input">vue-currency-input</a>
|
||
- Easy input of currency formatted numbers for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/Scrum/vue-restricted-input">vue-restricted-input</a>
|
||
- Input mask library for vue.js based on <a
|
||
href="https://github.com/braintree/restricted-input">restricted-input</a></li>
|
||
<li><a
|
||
href="https://github.com/RonaldJerez/vue-input-facade">vue-input-facade</a>
|
||
- A lightweight and dependency free input masking library created
|
||
specific for Vue, originally a fork of the famous <em>vue-text-mask</em>
|
||
but actively maintained and with lots of improvements after there.</li>
|
||
</ul>
|
||
<h5 id="rich-text-editing">Rich Text Editing</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/surmon-china/vue-quill-editor">vue-quill-editor</a>
|
||
- Quill editor component for Vue2.</li>
|
||
<li><a
|
||
href="https://github.com/alidcastano/vue-mobiledoc-editor">vue-mobiledoc-editor</a>
|
||
- A mobiledoc editor component toolkit for Vuejs.</li>
|
||
<li><a
|
||
href="https://github.com/FranzSkuffka/vue-medium-editor">vue2-medium-editor</a>
|
||
- A MediumEditor component for Vue 2.</li>
|
||
<li><a
|
||
href="https://github.com/froala/vue-froala-wysiwyg">vue-froala-wysiwyg</a>
|
||
- Official VueJS plugin for Froala WYSIWIG HTML Editor.</li>
|
||
<li><a href="https://github.com/fritx/vue-at">vue-at</a> - At.js for
|
||
Vue.</li>
|
||
<li><a href="https://github.com/chmln/vue-wysiwyg">vue-wysiwyg</a>
|
||
Lightweight, fast & extensible WYSIWYG editor</li>
|
||
<li><a
|
||
href="https://github.com/ankurk91/vue-trumbowyg">vue-trumbowyg</a>
|
||
Vue.js component for <a
|
||
href="http://alex-d.github.io/Trumbowyg/">Trumbowyg</a> WYSIWYG
|
||
editor</li>
|
||
<li><a
|
||
href="https://github.com/CinKon/vue-pell-editor">vue-pell-editor</a>
|
||
Vue.js component for <a href="https://jaredreich.com/pell">Pell</a>
|
||
WYSIWYG editor</li>
|
||
<li><a
|
||
href="https://github.com/dyonir/vue-tinymce-editor">vue-tinymce-editor</a>
|
||
Tinymce editor component for Vue2.</li>
|
||
<li><a href="https://github.com/Eazymov/vue-mce">vue-mce</a> - tinymce
|
||
editor component for VueJS.</li>
|
||
<li><a href="https://github.com/davidroyer/vue2-editor">Vue2-Editor</a>
|
||
- HTML Editor using Vue.js and Quilljs</li>
|
||
<li><a
|
||
href="https://github.com/surmon-china/vue-codemirror">vue-codemirror</a>
|
||
- A Codemirror component for Vue2.</li>
|
||
<li><a
|
||
href="https://github.com/m3esma/vue-easy-tinymce">vue-easy-tinymce</a> -
|
||
A simple and powerful package for easy usage of tinymce in Vue.js
|
||
project.</li>
|
||
<li><a
|
||
href="https://github.com/SyedWasiHaider/vue-highlightable-input">vue-highlightable-input</a>
|
||
- Highlight and style text as you’re typing</li>
|
||
<li><a href="https://github.com/hanhdt/vue-trix">vue-trix</a> - Simple
|
||
and lightweight Trix rich-text editor for Vue.js</li>
|
||
<li><a href="https://github.com/heyscrumpy/tiptap">tiptap</a> - A
|
||
renderless and extendable rich-text editor for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/nhnent/toast-ui.vue-editor">toast-ui.vue-editor</a>
|
||
- Vue Wrapper for <a href="http://ui.toast.com/tui-editor">TOAST UI
|
||
Editor</a>.</li>
|
||
<li><a
|
||
href="https://github.com/ckeditor/ckeditor5-vue">ckeditor5-vue</a> - An
|
||
official CKEditor 5 rich text editor component for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/yimogit/yimo-vue-editor">yimo-vue-editor</a> -
|
||
A wangEditor2 component for Vue2.</li>
|
||
<li><a href="https://github.com/arnog/vue-mathlive">vue-mathlive</a> A
|
||
MathLive math editor (mathfield) for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/ChangJoo-Park/vue-editor-js">vue-editor-js</a>
|
||
Next generation block styled editor. for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/Leecason/element-tiptap">element-tiptap</a> A
|
||
WYSIWYG rich-text editor using tiptap and Element UI for Vue.js</li>
|
||
<li><a href="https://github.com/mycurelabs/vue-wysiwyg"><span
|
||
class="citation"
|
||
data-cites="mycure/vue-wysiwyg">@mycure/vue-wysiwyg</span></a> - 34Kb
|
||
lightweight wysiwyg editor with NO 3rd party plugin.</li>
|
||
<li><a
|
||
href="https://github.com/ckeditor/ckeditor4-vue">ckeditor4-vue</a> - An
|
||
official CKEditor 4 rich text editor component for Vue.js.</li>
|
||
<li><a href="https://github.com/vueup/vue-quill">vue-quill</a> - ✒️📝 A
|
||
Vue 3 rich text editor component based on Quill Editor.</li>
|
||
</ul>
|
||
<h5 id="image-manipulation">Image Manipulation</h5>
|
||
<p><em>Edit images</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/Vanthink-UED/vue-core-image-upload">vue-core-image-upload</a>
|
||
- A vue plugin for image to crop and upload.</li>
|
||
<li><a href="https://github.com/zhanziyang/vue-croppa">vue-croppa</a> -
|
||
A simple straightforward customizable lightweight mobile-friendly image
|
||
cropper for Vue 2.0.</li>
|
||
<li><a href="https://github.com/xyxiao001/vue-cropper">vue-cropper</a> -
|
||
A picture clipping plugin for vue2.0</li>
|
||
<li><a
|
||
href="https://github.com/nhnent/toast-ui.vue-image-editor">toast-ui.vue-image-editor</a>
|
||
- Vue Wrapper for <a href="http://ui.toast.com/tui-image-editor">TOAST
|
||
UI Image Editor</a>.</li>
|
||
<li><a
|
||
href="https://github.com/duyanpeng/vue-quick-cropper">vue-quick-cropper</a>
|
||
- Vue mobile avatar upload cropping plugin can choose cropping area and
|
||
zoom.</li>
|
||
<li><a href="https://github.com/jofftiquez/vue-croppie">vue-croppie</a>
|
||
- Yet another image cropper</li>
|
||
<li><a
|
||
href="https://github.com/wannaxiao/vue-slim-cropper">vue-slim-cropper</a>
|
||
- 💇 A simple and elegant mobile image crop upload component for Vue
|
||
2.x.</li>
|
||
<li><a
|
||
href="https://github.com/Norserium/vue-advanced-cropper">vue-advanced-cropper</a>
|
||
- An advanced cropper that gives you opportunity to create almost any
|
||
cropper that you desire</li>
|
||
<li><a
|
||
href="https://github.com/e-anka/vue-anka-cropper">vue-anka-cropper</a> -
|
||
image cropper and uploader, rectangular and circular crop, customizable
|
||
css</li>
|
||
<li><a
|
||
href="https://github.com/987153776/vue-picture-cut">vue-picture-cut</a>
|
||
- image cropper:scale, flip, rotate, edge check, rectangle clip,
|
||
ellipse clip</li>
|
||
<li><a
|
||
href="https://github.com/acccccccb/vue-img-cutter">vue-img-cutter</a> -
|
||
A vue plugin for image cutting tool,it’s very convenient to use.</li>
|
||
</ul>
|
||
<p><em>Display images</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/diegopamio/vue-cloudinary">vue-cloudinary</a> -
|
||
A vue (2.0) plugin that offers a reusable directive to get images from
|
||
Cloudinary (https://cloudinary.com) with dynamic manipulation
|
||
(resizing/cropping/effects/watermarking/scaling/formatting) and
|
||
optimization (webp/png/auto quality/auto retina).</li>
|
||
<li><a href="https://github.com/ssshooter/img-vuer">img-Vuer</a> - An
|
||
Mobile-First image viewer/gallery for Vue2</li>
|
||
<li><a
|
||
href="https://github.com/kevindesousa/vue-image-loader">vue-image-loader</a>
|
||
- A vue loader/progressive image plugin like Medium.</li>
|
||
<li><a
|
||
href="https://github.com/john015/vue-load-image">vue-load-image</a> -
|
||
display loader during image loading, as well as by display alternate
|
||
content when the image fails to load.</li>
|
||
<li><a
|
||
href="https://github.com/wannaxiao/vue-image-painter">vue-image-painter</a>
|
||
- 🙋 Image magic animation drawing effect component for Vue 2.x.</li>
|
||
<li><a href="https://github.com/kn0wn/vue-cosha">vue-cosha</a> - 🎨 An
|
||
easy to use vue directive that places a colourful shadow behind any
|
||
image</li>
|
||
<li><a
|
||
href="https://github.com/guastallaigor/vue-image-kit">vue-image-kit</a>
|
||
- Vue.js Image Kit Component with Lazy Load built in and Responsive
|
||
Images.</li>
|
||
<li><a
|
||
href="https://github.com/hzpeng57/vue-preview-imgs">vue-preview-imgs</a>
|
||
- A picture preview plugin for Vue3</li>
|
||
<li><a href="https://github.com/newbeea/awesome-image">awesome-image</a>
|
||
- An universal image component for Vue2 / Vue3 / Nuxt with Lazyload /
|
||
Responsive / Progressive / Auto-WebP / WebGL Filter / WebGL Transition
|
||
supported.</li>
|
||
<li><a href="https://github.com/TwicPics/components">TwicPics</a> -
|
||
Components replacing img and video tags with lazy loading, CLS
|
||
optimization, and progressive loading out-of-the-box and enabling media
|
||
optimization and manipulation.</li>
|
||
</ul>
|
||
<h5 id="video-manipulation">Video Manipulation</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/MishaPetrov/vue-playlist">vue-playlist</a> - A
|
||
lightweight vue (2.0) component with no dependencies that offers truly
|
||
seamless html5 video playback. The one and only working solution for
|
||
seamless video play done with vanilla JS. It takes an array of videos
|
||
and stitches them together into a single video.</li>
|
||
</ul>
|
||
<h5 id="file-upload">File Upload</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/thetutlage/vue-clip">vue-clip</a> -
|
||
Simple and hackable file uploader for VueJs. Supports Vue >=
|
||
2.1.</li>
|
||
<li><a
|
||
href="https://github.com/saivarunk/vue-simple-upload">vue-simple-upload</a>
|
||
- Simple File upload component for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/updivision/vue2-multi-uploader">vue2-multi-uploader</a>
|
||
- A drag and drop multiple file uploader component that uses Vue.js v2
|
||
and Axios. Uploader shows file names, sizes and total size of files
|
||
added. It also allows setting a minimum required number of files to
|
||
upload.</li>
|
||
<li><a href="https://github.com/rowanwins/vue-dropzone">vue-dropzone</a>
|
||
- A Vue.js (vue2) component for Dropzone.js - a drag’n’drop file uploads
|
||
utility with image previews.</li>
|
||
<li><a
|
||
href="https://github.com/alexsasharegan/vue-transmit">vue-transmit</a> -
|
||
A purely Vue.js drag & drop uploader component based on Dropzone.js
|
||
for Vue 2.0</li>
|
||
<li><a
|
||
href="https://github.com/lian-yue/vue-upload-component">vue-upload-component</a>
|
||
- Vue upload component, Multi-file upload, Upload directory, Drag
|
||
upload, Drag the directory. Supports Vue >= 2.0</li>
|
||
<li><a
|
||
href="https://github.com/simple-uploader/vue-uploader">vue-uploader</a>
|
||
- A Vue.js upload component powered by simple-uploader.js</li>
|
||
<li><a
|
||
href="https://github.com/InCuca/ic-firebase-uploader">ic-firebase-uploader</a>
|
||
- A clean multi-file upload component for Firebase storage.</li>
|
||
<li><a
|
||
href="https://github.com/charliekassel/vuejs-uploader">vuejs-uploader</a>
|
||
- A resumable multipart file uploader for HUGE file uploads.</li>
|
||
<li><a href="https://github.com/pqina/vue-filepond">vue-filepond</a> - A
|
||
Vue.js component for FilePond - a file upload library that can upload
|
||
anything you throw at it.</li>
|
||
<li><a href="https://github.com/TerryZ/v-uploader">v-uploader</a> - A
|
||
Vue2 plugin to make files upload simple and easier, you can drag files
|
||
or select file in dialog to upload</li>
|
||
<li><a
|
||
href="https://github.com/safrazik/vue-file-agent">vue-file-agent</a> -
|
||
Full-featured drag & drop enabled Vue file upload component with
|
||
previews and upload progress</li>
|
||
<li><a
|
||
href="https://github.com/xinnks/vue-cloudinary-uploader">vue-cloudinary-uploader</a>
|
||
- A cloudinary image cropper and uploader component for VueJs</li>
|
||
<li><a href="https://github.com/khofaai/vue-dropify">vue-dropify</a> - A
|
||
Simple image dropzone component for Vuejs</li>
|
||
<li><a
|
||
href="https://github.com/canopas/vue-file-upload">vue-file-upload</a> -
|
||
A file management system that allows for single and multiple file
|
||
uploading with a preview feature</li>
|
||
</ul>
|
||
<h5 id="context-menu">Context Menu</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/vmaimone/vue-context-menu">vue-context-menu</a>
|
||
- A context menu component for vue js.</li>
|
||
<li><a
|
||
href="https://github.com/timwis/vue-lil-context-menu">vue-lil-context-menu</a>
|
||
- A flexible lil context menu component for Vue.</li>
|
||
<li><a
|
||
href="https://github.com/zgj233/vue-mouse-menu">vue-mouse-menu</a> - A
|
||
popup menu for vue 2.6+ with support for mobile.</li>
|
||
<li><a href="https://github.com/rawilk/vue-context">vue-context</a> - A
|
||
simple but flexible context menu for vue js.</li>
|
||
<li><a
|
||
href="https://github.com/johndatserakis/vue-simple-context-menu">vue-simple-context-menu</a>
|
||
- Simple context-menu component built for Vue. Works well with both left
|
||
and right clicks.</li>
|
||
<li><a
|
||
href="https://github.com/Johnathan/vue-context-menu-popup">vue-context-menu-popup</a>
|
||
- Context Menu popup for Vue 2. Works on right click or can be triggered
|
||
programmatically.</li>
|
||
<li><a href="https://github.com/Kiyoaki-w/Ki-vue-context"><span
|
||
class="citation"
|
||
data-cites="kiyoaki_w/vue-context">@kiyoaki_w/vue-context</span></a> - A
|
||
customizable context menu component built for Vue2, supporting
|
||
fontawesome icons.</li>
|
||
<li><a href="https://github.com/MicroDroid/vue-context-menu"><span
|
||
class="citation"
|
||
data-cites="overcoder/vue-context-menu">@overcoder/vue-context-menu</span></a>
|
||
- Minimal context menus</li>
|
||
</ul>
|
||
<h5 id="miscellaneous-1">Miscellaneous</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/ridermansb/vue-gmaps">vue-gmaps</a> -
|
||
Search places and address using Google Maps API.</li>
|
||
<li><a href="https://github.com/QingWei-Li/vuep">vuep</a> - A component
|
||
for rendering Vue components with live editor and preview.</li>
|
||
<li><a href="https://github.com/Gomah/vue-places">vue-places</a> -
|
||
Places component is based on places.js for Vue 2.x. Turn any input into
|
||
an address autocomplete.</li>
|
||
<li><a
|
||
href="https://github.com/apertureless/vue-password-strength-meter">vue-password-strength-meter</a>
|
||
- Password strength meter based on zxcvbn in vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/bkzl/vue-float-label">vue-float-label</a> -
|
||
Float label pattern for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/javisperez/vuelongpress">vue-longpress</a> - A
|
||
VueJS (2.x) button component that requires you to keep pressing to
|
||
confirm a given action.</li>
|
||
<li><a
|
||
href="https://github.com/olefirenko/vue-google-autocomplete">vue-google-autocomplete</a>
|
||
- A Vue.js (2.x) autosuggest component for the Google Maps Places
|
||
API.</li>
|
||
<li><a
|
||
href="https://github.com/termosa/vue-default-value">vue-default-value</a>
|
||
- Vue.js 2.x directive to set a default value for editable elements with
|
||
no affect to the model state</li>
|
||
<li><a
|
||
href="https://github.com/outluch/vue-model-autoset">vue-model-autoset</a>
|
||
- A Vue.js plugin to workaround Vue limitation in observing dynamically
|
||
added properties with v-model directive</li>
|
||
<li><a
|
||
href="https://github.com/NxtChg/pieces/tree/master/js/vue/vue-submit">vue-submit</a>
|
||
- Simple implementation of Ladda (<a
|
||
href="http://lab.hakim.se/ladda/">1</a>, <a
|
||
href="https://msurguy.github.io/ladda-bootstrap/">2</a>) in less than 90
|
||
lines of code with no dependencies.</li>
|
||
<li><a href="https://github.com/SinanMtl/vue-rate">vue-rate</a> - Rate
|
||
component for Vue</li>
|
||
<li><a
|
||
href="https://github.com/MadimetjaShika/vuetify-google-autocomplete">vuetify-google-autocomplete</a>
|
||
- A Vuetify ready Vue.js (2.x) autosuggest component for the Google Maps
|
||
Places API.</li>
|
||
<li><a
|
||
href="https://github.com/PygmySlowLoris/vue-ripple-directive">vue-ripple-directive</a>
|
||
- Material Ripple Effect as Vue Directive.</li>
|
||
<li><a href="https://github.com/PygmySlowLoris/vue-fab">vue-fab</a> -
|
||
Vue Floating Action Button.</li>
|
||
<li><a
|
||
href="https://github.com/mazipan/vue-complexify">vue-complexify</a> -
|
||
Vuejs porting library from jquery.complexify.js.</li>
|
||
<li><a href="https://github.com/FiguredLimited/vue-mc">vue-mc</a> -
|
||
Models and Collections for Vue.js</li>
|
||
<li><a href="https://www.tallent.us/vue-stars/">vue-stars</a> - Highly
|
||
customizable rating control (using stars or other characters)</li>
|
||
<li><a
|
||
href="https://github.com/imRohan/vue-confirmation-button">vue-confirmation-button</a>
|
||
- Customizable confirmation button that requires users to read messages
|
||
before performing an action</li>
|
||
<li><a href="https://github.com/ppietris/vue-poll">vue-poll</a> - A
|
||
Vue.js component for voting</li>
|
||
<li><a href="https://github.com/gwenaelp/vue-diagrams">vue-diagrams</a>
|
||
- Diagram component for vue.js, inspired by react-diagrams</li>
|
||
<li><a
|
||
href="https://github.com/updivision/vue-easy-polls">vue-easy-polls</a> -
|
||
A Vue.js component for creating polls, voting and showing results. It’s
|
||
easy to implement and easy to customize.</li>
|
||
<li><a href="https://github.com/mengdu/m-button">vue-m-button</a> - A
|
||
beautiful button component for vue.</li>
|
||
<li><a href="https://github.com/ittus/vue-long-click">vue-long-click</a>
|
||
- Long click (long press) directive library for vue, support mobile and
|
||
desktop.</li>
|
||
<li><a
|
||
href="https://github.com/FGRibreau/ui-predicate/tree/master/packages/ui-predicate-vue">vue-ui-predicate</a>
|
||
- A rules editor, generic filtering UI, predicates component for Vue
|
||
JS.</li>
|
||
<li><a
|
||
href="https://github.com/ajerez/vue-mobile-detection">vue-mobile-detection</a>
|
||
- Vue.js prototype function <code>this.$isMobile()</code> that returns a
|
||
Boolean value depending on whether or not the user is browsing with a
|
||
mobile.</li>
|
||
<li><a
|
||
href="https://github.com/Cobertos/vue-input-contenteditable">vue-input-contenteditable</a>
|
||
- A Vue component wrapper for <code>contenteditable</code> with all the
|
||
features you normally expect. Make beautiful inputs without the
|
||
restrictions of <code>input[type='text']</code>.</li>
|
||
<li><a href="https://github.com/utlime/vue-zoom"><span class="citation"
|
||
data-cites="utlime/vue-zoom">@utlime/vue-zoom</span></a> - A Vue zoom
|
||
component.</li>
|
||
<li><a
|
||
href="https://github.com/fracto-team/vue-credit-card">vue-credit-card</a>
|
||
- A Vue Component for Credit Card Input & Masking & Preview</li>
|
||
<li><a
|
||
href="https://github.com/miladd3/vue-simple-password-meter">vue-simple-password-meter</a>
|
||
- Lightweight password strength meter with no dependency</li>
|
||
<li><a
|
||
href="https://github.com/hfalucas/vue-autosizer">vue-autosizer</a> - A
|
||
light replacement for built-in <code><textarea></code> and
|
||
<code><input></code> elements allowing them to automatically
|
||
stretch to fit the content.</li>
|
||
<li><a
|
||
href="https://github.com/muhammederdem/vue-interactive-paycard">vue-interactive-paycard</a>
|
||
- A fantastic credit card form with smooth and sweet
|
||
micro-interactions.</li>
|
||
<li><a
|
||
href="https://github.com/guastallaigor/vue-paycard">vue-paycard</a> -
|
||
Credit card component made with Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/guastallaigor/vue-list-picker">vue-list-picker</a>
|
||
- Just a simple list picker component made with Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/max-kut/vue-diagram-editor">vue-diagram-editor</a>
|
||
- Highly customizable diagram editor with slot-based nodes
|
||
(vue^2.6)</li>
|
||
<li><a
|
||
href="https://github.com/wobsoriano/v-use-places-autocomplete">v-use-places-autocomplete</a>
|
||
- 📍 Vue composable for Google Maps Places Autocomplete.</li>
|
||
<li><a
|
||
href="https://github.com/webdevnerdstuff/vuetify-inline-fields">vuetify-inline-fields</a>
|
||
- Vuetify Inline Fields Component Library offers a comprehensive
|
||
collection of reusable UI components to create elegant and efficient
|
||
inline form fields within your applications.</li>
|
||
</ul>
|
||
<h5 id="wizard">Wizard</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/cristijora/vue-form-wizard">vue-form-wizard</a>
|
||
- Tab based component which can replace classic bootstrap & jQuery
|
||
form wizards</li>
|
||
<li><a
|
||
href="https://github.com/PygmySlowLoris/vue-stepper">vue-stepper</a> - A
|
||
simple stepper with simple actions such as next, back and end to perform
|
||
simple forms.</li>
|
||
<li><a
|
||
href="https://github.com/adi518/vue-stepper-component">vue-stepper-component</a>
|
||
- A fully customizable Stepper component with Vuex support and Zero
|
||
dependencies.</li>
|
||
<li><a
|
||
href="https://github.com/parsajiravand/vue3-form-wizard">vue3-form-wizard</a>
|
||
- Vue3-form-wizard is a vue based component with no external
|
||
depenendcies which simplifies tab wizard management.</li>
|
||
</ul>
|
||
<h5 id="csv">CSV</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/ynishi/vuecsv">vuecsv</a> - A Simple CSV
|
||
Downloader from json with option modal panel component.</li>
|
||
</ul>
|
||
<h5 id="comment-system">Comment System</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/TugayYaldiz/vue-comment-grid">vue-comment-grid</a>
|
||
- 💬 Responsive Vue.js comment system plugin that built with CSS Grid
|
||
and Firebase REST API + Authentication.</li>
|
||
<li><a
|
||
href="https://github.com/fastcomments/fastcomments-vue">fastcomments-vue</a>
|
||
- 💬 A Vue component for FastComments, a live commenting system.</li>
|
||
</ul>
|
||
<h4 id="canvas">Canvas</h4>
|
||
<ul>
|
||
<li><a href="http://github.com/dankuck/vue-easeljs">vue-easeljs</a> -
|
||
Data-driven control over an HTML5 canvas element.</li>
|
||
<li><a
|
||
href="https://github.com/chenxuan0000/vue-canvas-effect">vue-canvas-effect</a>
|
||
- A simple, canvas effect collection for Vue.js.</li>
|
||
<li><a href="https://github.com/rafaesc/vue-konva">vue-konva</a> - Vue
|
||
& Canvas - JavaScript library for drawing complex canvas graphics
|
||
using Vue.</li>
|
||
<li><a
|
||
href="https://github.com/mycure-inc/vue-html2canvas">vue-html2canvas</a>
|
||
- Vue mixin to capture html and convert it to an image using
|
||
Html2Canvas.</li>
|
||
<li><a
|
||
href="https://github.com/ZYSzys/vue-canvas-nest">vue-canvas-nest</a> - A
|
||
Vue.js component for canvas-nest.</li>
|
||
<li><a
|
||
href="https://github.com/neighborhood999/vue-signature-pad">vue-signature-pad</a>
|
||
- 🖋 A Vue Signature Pad Component</li>
|
||
<li><a href="https://github.com/ChrisShen93/VGEditor">vg-editor</a> - A
|
||
visual graph editor based on G6 and Vue, inspired by GGEditor</li>
|
||
<li><a
|
||
href="https://github.com/pencil-js/vue-pencil.js">vue-pencil.js</a> -
|
||
Build reactive 2D graphics scene in your Vue project.</li>
|
||
<li><a
|
||
href="https://github.com/sebastianwachter/vue-scratchable">vue-scratchable</a>
|
||
- A Vue.js wrapper component that turns everything into fun scratch
|
||
cards.</li>
|
||
<li><a href="https://github.com/dneustadt/vue-rough">vue-rough</a> -
|
||
Components for Rough.js, a graphics library that lets you draw in a
|
||
sketchy, hand-drawn-like, style.</li>
|
||
<li><a
|
||
href="https://github.com/WangShayne/vue3-signature">vue3-signature</a> -
|
||
A electronic signature component for Vue 3</li>
|
||
<li><a
|
||
href="https://github.com/WangShayne/vue-signature">vue-signature</a> - A
|
||
electronic signature component for Vue2.x</li>
|
||
<li><a
|
||
href="https://github.com/wobsoriano/v-perfect-signature">v-perfect-signature</a>
|
||
- Pressure-sensitive signature drawing for Vue 2 and 3.</li>
|
||
<li><a
|
||
href="https://github.com/MLongz/VueDrawingGrid">vue-drawing-grid</a> - A
|
||
simple drawing grid lets you create pixel arts using HTML5 canvas.</li>
|
||
</ul>
|
||
<h4 id="link-preview">Link Preview</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/nivaldomartinez/link-prevue">link-prevue</a> -
|
||
Flexible component for generate a link preview.</li>
|
||
</ul>
|
||
<h4 id="tour">Tour</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/pulsardev/vue-tour">vue-tour</a> -
|
||
Lightweight and customizable tour plugin</li>
|
||
<li><a
|
||
href="https://github.com/sschandi/vue-page-guide">vue-page-guide</a> -
|
||
Page tour / guide plugin with directive</li>
|
||
<li><a
|
||
href="https://github.com/f820602h/vue-stage-play">vue-stage-play</a> -
|
||
Step-by-step guided tour components for Vue3.</li>
|
||
</ul>
|
||
<h4 id="data-masking">Data Masking</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/HC200ok/vue2-text-annotation">vue2-text-annotation</a>
|
||
- A [Vue 2.x] component for text annotation and manual data masking</li>
|
||
</ul>
|
||
<h4 id="authentication">Authentication</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/ndrbrt/vue-auth-ui">vue-auth-ui</a> -
|
||
Pre-built set of components for user authentication</li>
|
||
</ul>
|
||
<h3 id="ui-layout">UI Layout</h3>
|
||
<p><em>Layout for the overall / main view</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/MopTym/vue-waterfall">vue-waterfall</a>
|
||
- A waterfall layout component for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/David-Desmaisons/Vue.Isotope">vueisotope</a> -
|
||
Vue component for isotope filter & sort magical layouts.</li>
|
||
<li><a
|
||
href="https://github.com/jbaysolutions/vue-grid-layout">vue-grid-layout</a>
|
||
- A draggable and resizable grid layout, for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/surmon-china/vue-drag-zone">vue-drag-zone</a> -
|
||
Drag Zone component for Vue.js(2.x).</li>
|
||
<li><a href="https://github.com/shershen08/vue-masonry">vue-masonry</a>
|
||
- Vue.js directive for masonry blocks layouting.</li>
|
||
<li><a
|
||
href="https://github.com/bkzl/vue-fraction-grid">vue-fraction-grid</a> -
|
||
Flexbox based responsive fraction grid system for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/tangbc/vue-virtual-scroll-list">vue-virtual-scroll-list</a>
|
||
- A vue (2.x) component support big data by using virtual scroll
|
||
list.</li>
|
||
<li><a
|
||
href="https://github.com/Akryum/vue-virtual-scroller">vue-virtual-scroller</a>
|
||
- Component to scroll a large amount of elements efficiently (Vue
|
||
2.x).</li>
|
||
<li><a
|
||
href="https://github.com/ddgll/vue-virtualscroll">vue-virtualscroll</a>
|
||
- [Vue 2.x] component to virtual scroll things.</li>
|
||
<li><a href="https://github.com/rachmanzz/vue-inview">vue-inview</a> -
|
||
[Vue 2.x] Viewport, get notification when DOM element is entered or
|
||
leave.</li>
|
||
<li><a href="https://github.com/dattn/dnd-grid">dnd-grid</a> - A vuejs
|
||
grid with draggable and resizable boxes</li>
|
||
<li><a
|
||
href="https://github.com/ktquez/vue-extend-layout">vue-extend-layout</a>
|
||
- Extend the default layout or create custom layouts for the pages of
|
||
your Vue.js SPA</li>
|
||
<li><a
|
||
href="https://github.com/paulcollett/vue-masonry-css">vue-masonry-css</a>
|
||
- Vue.js Masonry layout component powered by CSS, dependency free.</li>
|
||
<li><a
|
||
href="https://github.com/alvarotrigo/vue-fullpage.js">vue-fullpage.js</a>
|
||
- Official fullPage.js component for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/starkwang/vue-virtual-collection">vue-virtual-collection</a>
|
||
- Vue component for efficiently rendering large collection data.</li>
|
||
<li><a
|
||
href="https://github.com/xudafeng/autoresponsive-vue">autoresponsive-vue</a>
|
||
- Auto responsive grid layout library for Vue.</li>
|
||
<li><a href="https://github.com/SeregPie/VueFlex">VueFlex</a> - A
|
||
flexbox grid system.</li>
|
||
<li><a href="https://gitlab.com/shellyBits/v-chacheli">v-chacheli</a> -
|
||
A Vue.js component to create and display custom dashboard-like grid
|
||
layouts.</li>
|
||
<li><a
|
||
href="https://github.com/mattrothenberg/vue-grid-styled">vue-grid-styled</a>
|
||
- A lightweight set of functional grid components, ported from React’s
|
||
<a href="https://github.com/jxnblk/grid-styled/">grid-styled</a></li>
|
||
<li><a
|
||
href="https://github.com/anthinkingcoder/simple-grid">simple-grid</a> -
|
||
Vue component for grid layout,support flex.</li>
|
||
<li><a
|
||
href="https://github.com/kavalcante/vue-container-component">vue-container-component</a>
|
||
- Simple container component inspired on Bootstrap Container</li>
|
||
<li><a href="https://github.com/alexiscolin/vue-colcade">vue-colcade</a>
|
||
- A small wrapper for integrating Colcade grid layout to Vuejs.</li>
|
||
<li><a
|
||
href="https://github.com/arnedesmedt/vue-ads-layout">vue-ads-layout</a>
|
||
- A small library of Vue components to quickly generate a responsive web
|
||
application layout with toolbar, left/right drawers and a footer. All
|
||
components can be positioned fixed or relative.</li>
|
||
<li><a
|
||
href="https://github.com/imlinus/Vue-Magic-Grid">vue-magic-grid</a> - A
|
||
tiny port of Magic Grid for Vue.js 2.</li>
|
||
<li><a
|
||
href="https://github.com/venkatperi/vue-splitter-pane">vue-splitter-pane</a>
|
||
- A Vuejs component which renders two slots in a adjustable split
|
||
arrangement (vertical or horizontal).</li>
|
||
<li><a href="https://github.com/antoniandre/splitpanes">splitpanes</a> -
|
||
A Vue JS reliable, simple and touch-ready panes splitter / resizer.</li>
|
||
<li><a
|
||
href="https://github.com/promosis/vue-mock-layout">vue-mock-layout</a> -
|
||
Easily mock the layout of your Vue apps.</li>
|
||
<li><a
|
||
href="https://github.com/dreambo8563/vue-simple-drawer">vue-simple-drawer</a>
|
||
- A tiny drawer panel with bounced animation, nest supported and theme
|
||
customized. directions: left/right/up/down</li>
|
||
<li><a href="https://github.com/1000ch/vue-grd">vue-grd</a> - Simple,
|
||
Light-weight and Flexible Vue.js component for grid layout.</li>
|
||
<li><a
|
||
href="https://github.com/Guillaume69/vue-masonry-component">vue-masonry-component</a>
|
||
- A Vue.js component wrapping masonry layout library.</li>
|
||
<li><a
|
||
href="https://github.com/xiaoluoboding/vue-smart-widget">vue-smart-widget</a>
|
||
- Smart widget is a flexible and extensible content container component
|
||
for Vue.js 2.x.</li>
|
||
<li><a href="https://github.com/phphe/vue-colrow">vue-colrow</a> -
|
||
Responsive grid layout components: Row, Col. Based on css flexbox.
|
||
Support SSR, fixed or fraction width, auto grow Col.</li>
|
||
<li><a
|
||
href="https://github.com/albertodeago/vue-diagonal">vue-diagonal</a> -
|
||
Simple and light-weight component to create diagonal elements.</li>
|
||
<li><a
|
||
href="https://github.com/bensladden/vue-responsive-dash">vue-responsive-dash</a>
|
||
- A Responsive, Draggable & Resizable Dashboard (grid) made with vue
|
||
and typescript.</li>
|
||
<li><a
|
||
href="https://github.com/fuxingloh/vue-masonry-wall">vue-masonry-wall</a>
|
||
- A pure vue responsive masonry layout without direct dom manipulation,
|
||
ssr friendly and lazy loading.</li>
|
||
<li><a
|
||
href="https://github.com/fuxingloh/vue-horizontal-list">vue-horizontal-list</a>
|
||
- A pure vue responsive horizontal list layout with ssr support, mobile
|
||
and touch friendly.</li>
|
||
<li><a
|
||
href="https://github.com/leeboyin/vue-layout-system">vue-layout-system</a>
|
||
- Vue components that solve daily layout problems.</li>
|
||
<li><a
|
||
href="https://github.com/harmyderoman/simple-vue-grid">simple-vue-grid</a>
|
||
- Simple grid containers that will help you to build layouts for your
|
||
app.</li>
|
||
<li><a
|
||
href="https://github.com/ilker0/iron-grid-system">iron-grid-system</a> -
|
||
A responsive grid system for Vue 3.x.</li>
|
||
<li><a
|
||
href="https://github.com/tachibana-shin/vue-re-resizable">vue-re-resizable</a>
|
||
- Plugin for vue 3 allows resizing components. Rewritten <a
|
||
href="https://github.com/bokuweb/re-resizable">re-resizable</a></li>
|
||
<li><a
|
||
href="https://github.com/tachibana-shin/vue-console-feed">vue-console-feed</a>
|
||
- A plugin that allows you to display
|
||
<code>console like Chrome Devtools</code> for vue.</li>
|
||
<li><a
|
||
href="https://github.com/bsssshhhhhhh/vue-typed-virtual-list">vue-typed-virtual-list</a>
|
||
- [Vue 3.x] small, efficient, TypeScript-friendly virtual scroller for
|
||
rendering massive data</li>
|
||
<li><a href="https://github.com/jp-liu/fit-screen">fit-screen</a> - A
|
||
vue component based on the scale large screen adaptive solution.</li>
|
||
<li><a
|
||
href="https://github.com/lhlyu/vue-virtual-waterfall">vue-virtual-waterfall</a>
|
||
- A virtual waterfall component for Vue 3.x.</li>
|
||
</ul>
|
||
<h3 id="frameworks">Frameworks</h3>
|
||
<h4 id="responsive">Responsive</h4>
|
||
<p><em>Set of components + responsive layout system</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/quasarframework/quasar">quasar-framework</a> -
|
||
Quasar Framework. Build responsive websites, hybrid mobile Apps and
|
||
Electron apps using same code, with VueJs 2.</li>
|
||
<li><a
|
||
href="https://github.com/vuematerial/vue-material">vue-material</a> -
|
||
Material design for Vue.js.</li>
|
||
<li><a href="https://github.com/vuetifyjs/vuetify">vuetify</a> -
|
||
Material Component Framework for Vue.js 2.</li>
|
||
<li><a href="https://github.com/museui/muse-ui">muse-ui</a> - Material
|
||
Component library for Vue.js 2.</li>
|
||
<li><a href="https://github.com/rafaelpimpa/buefy">buefy</a> -
|
||
Components based on Bulma framework.</li>
|
||
<li><a href="https://github.com/ElemeFE/element">element-ui</a> - A
|
||
Vue.js 2.0 UI Toolkit for Web.</li>
|
||
<li><a
|
||
href="https://github.com/vouill/vue-bulma-components">vue-bulma-components</a>
|
||
- Easily use bulma class syntax with vue components.</li>
|
||
<li><a href="https://www.iviewui.com">iview-ui</a> - A Vue.js 2.0 UI
|
||
Framework for web.</li>
|
||
<li><a href="https://at.aotu.io">AT-UI</a> - A fresh and flat UI-Kit
|
||
specially for desktop application, made with ♥ by Vue.js 2.0</li>
|
||
<li><a href="https://www.npmjs.com/package/v-semantic">v-semantic</a> -
|
||
Implementation of <a href="https://semantic-ui.com/">semantic-ui</a> for
|
||
Vue</li>
|
||
<li><a
|
||
href="https://github.com/bootstrap-vue/bootstrap-vue">BootstrapVue</a> -
|
||
Bootstrap v4 components and grid system for Vue.js.</li>
|
||
<li><a href="https://myliang.github.io/fish-ui">fish-ui</a> - A Vue.js
|
||
2.0 UI Toolkit for Web</li>
|
||
<li><a href="https://github.com/zircleUI/zircleUI">zircle-ui</a> - A
|
||
frontend library to develop zoomable user interfaces.</li>
|
||
<li><a href="https://github.com/matsp/material-components-vue">Material
|
||
Components Vue</a> - wrapper around <a
|
||
href="https://github.com/material-components/material-components-web">material-components-web</a>
|
||
for Vue.js</li>
|
||
<li><a href="https://github.com/sudheerj/vueface">VueFace</a> - A Vue.js
|
||
2.0 UI Component library for Web</li>
|
||
<li><a href="https://bitbucket.org/acidmartin/vuecidity">vuecidity</a> -
|
||
UI component framework for Vue.js 2.0</li>
|
||
<li><a
|
||
href="https://github.com/vueComponent/ant-design-vue">ant-design-vue</a>
|
||
- An enterprise-class UI components based on Ant Design and Vue
|
||
3.2.0</li>
|
||
<li><a href="https://github.com/heyui/heyui">heyui</a> -
|
||
(https://www.heyui.top/en) - A Vue.js 2.0 UI Toolkit for Web.</li>
|
||
<li><a href="https://carvuejs.github.io/">Carvue.js</a> - IBM’s Carbon
|
||
Design System for Vue.js</li>
|
||
<li><a href="https://github.com/balmjs/balm-ui">BalmUI</a> - A modular
|
||
and customizable UI library based on Material Design and Vue 3.0</li>
|
||
<li><a href="https://osiris-ui.github.io/osiris">Osiris UI</a> - :art: A
|
||
Vue.js 2.0 universal responsive UI component library</li>
|
||
<li><a
|
||
href="https://github.com/N3-components/N3-components">N3-components</a>
|
||
- Beautiful Web Components built with Vue 2</li>
|
||
<li><a href="https://github.com/designrevision/shards-vue">Shards
|
||
Vue</a> - ✨ Sleek & UI Components Library based on the Bootstrap 4
|
||
Framework.</li>
|
||
<li><a href="https://github.com/SAP/fundamental-vue">Fundamental Vue</a>
|
||
- Components based on SAP Fiori Fundamentals.</li>
|
||
<li><a href="https://github.com/framevuerk/framevuerk">Framevuerk</a> -
|
||
🚀 Fast, Responsive, Without Dependencies, Both Direction Support and
|
||
Configurable UI Framework based on Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/carbon-design-system/carbon-components-vue"><span
|
||
class="citation" data-cites="Carbon/vue">@Carbon/vue</span></a> - Carbon
|
||
Design System components from the <span class="citation"
|
||
data-cites="carbon">@carbon</span> team.</li>
|
||
<li><a href="https://github.com/inkline/inkline/">Inkline</a> - Inkline
|
||
is the intuitive UI Components library that gives you a
|
||
developer-friendly foundation for building Vue.js 3 Design Systems.</li>
|
||
<li><a
|
||
href="https://github.com/Wscats/vue-awesome-mui">vue-awesome-mui</a> - A
|
||
Vue.js 2.0 MUI Component for Web</li>
|
||
<li><a
|
||
href="https://github.com/mdbootstrap/Vue-Bootstrap-with-Material-Design">MDBootstrap</a>
|
||
- Powerful UI toolkit based on the latest Bootstrap 4 and Vue 2.6.10,
|
||
providing a set of slick, responsive page templates, layouts, components
|
||
and widgets to rapidly build responsive, mobile-first websites and
|
||
apps.</li>
|
||
<li><a
|
||
href="https://github.com/pgbross/vue-material-adapter">vue-material-adapter</a>
|
||
- Integration of Material Components for Vue.js which follows the best
|
||
practices recommended by Google: Using Foundations and Adapters</li>
|
||
<li><a href="https://primefaces.org/primevue">PrimeVue</a> - The Most
|
||
Complete UI Component Library for Vue</li>
|
||
<li><a href="https://github.com/coreui/coreui-vue">CoreUI for Vue.js</a>
|
||
- CoreUI for Vue.js is a UI Component Library that offers a bunch of
|
||
cross-browser, responsive, and lightweight Vue.js UI components.</li>
|
||
<li><a href="https://github.com/DaoCloud/dao-style">DaoStyle</a> - A
|
||
high quality component library built on Vue.js.</li>
|
||
<li><a href="https://github.com/chakra-ui/chakra-ui-vue">Chakra UI
|
||
Vue</a> - ⚡ A lightweight & customizable component library to help
|
||
you build accessible Vue applications and sites with speed.</li>
|
||
<li><a href="https://github.com/loo41/vuc">vue-canvas</a> - Vue canvas
|
||
component for <a
|
||
href="http://vuc.tianchenyong.top">vuc-identify</a></li>
|
||
<li><a href="https://github.com/oruga-ui/oruga">oruga</a> - UI
|
||
components for Vue.js without CSS framework dependency.</li>
|
||
<li><a href="https://github.com/antoniandre/wave-ui">Wave UI</a> - An
|
||
emerging UI framework for Vue.js with only the bright side. ☀️</li>
|
||
<li><a href="https://github.com/vectrejs/vectre">vectre</a> - A
|
||
lightweight, simple and responsive component framework based on <a
|
||
href="https://picturepan2.github.io/spectre/">Spectre CSS</a></li>
|
||
<li><a href="https://github.com/kkbjs/element3">element3</a> - A Vue.js
|
||
3.0 UI Toolkit for Web is based on element-ui</li>
|
||
<li><a href="https://github.com/superbvue/SuperBVue">superBVue</a> - A
|
||
Vue 3 UI Components for Web is based on bootstrap v5</li>
|
||
<li><a href="https://github.com/Qvant-lab/qui">Qui</a> - A Vue 2.x
|
||
Design System for Web</li>
|
||
<li><a href="https://github.com/lecoueyl/mijin">Mijin</a> - Responsive
|
||
Tailwind CSS UI components, without dependencies</li>
|
||
<li><a href="https://github.com/epicmaxco/vuestic-ui">vuestic-ui</a> - A
|
||
Vue.js 3.0 UI customizable UI Framework.</li>
|
||
<li><a href="https://github.com/Qvant-lab/qui-max">Qui-max</a> - A Vue
|
||
3.x Design System for Web</li>
|
||
<li><a href="https://github.com/TuSimple/naive-ui">Naive UI</a> - A Vue
|
||
3 Component Library Fairly Complete, Customizable Themes, Uses
|
||
TypeScript, Not Too Slow Kinda Interesting</li>
|
||
<li><a href="https://github.com/element-plus/element-plus">Element
|
||
Plus</a> - A Vue 3 UI Framework.</li>
|
||
<li><a href="https://www.agnosticui.com/">AgnosticUI</a> - Accessible
|
||
Vue 3 Component Primitives that also work with React, Svelte, and
|
||
Angular!</li>
|
||
<li><a href="https://github.com/UngeUI/ungeui">Unge UI</a> - A Vue 3.x
|
||
Component Library. Complete documentation support and both Chinese and
|
||
English.</li>
|
||
<li><a href="https://github.com/qmhc/vexip-ui">Vexip UI</a> - A Vue 3 UI
|
||
Library, Highly customizable property values, Full TypeScript,
|
||
Performance should be good.</li>
|
||
<li><a href="https://github.com/jd-solanki/anu">Anu</a> - Build better
|
||
interfaces faster. DX focused utility based vue component library
|
||
⚛️</li>
|
||
<li><a href="https://github.com/patrickcate/vue-uswds">Vue USWDS</a> - A
|
||
Vue.js implementation of the USWDS (U.S. Web Design System)</li>
|
||
<li><a href="https://vuetensils.com">Vuetensils</a> - A ‘naked’
|
||
component library for building accessible, lightweight, bespoke
|
||
applications.</li>
|
||
<li><a
|
||
href="https://www.andres-brugarolas.com/vuersatile-components/">Vuersatile
|
||
Components</a> - A Vue 3 component library, with form self-validation
|
||
and an SCSS framework integrated.</li>
|
||
<li><a href="https://prefect-design.netlify.app/">Prefect Design</a> -
|
||
Component library using Vue 3, Typescript & Tailwind.</li>
|
||
<li><a href="https://github.com/ManukMinasyan/stellar-ui">Stellar UI</a>
|
||
- Fully styled and customizable components for Vue 3.</li>
|
||
</ul>
|
||
<h4 id="mobile">Mobile</h4>
|
||
<p><em>UI frameworks for mobile</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/framework7io/framework7">Framework7-Vue</a> -
|
||
Build full-featured iOS & Android apps using Framework7 &
|
||
Vue.</li>
|
||
<li><a href="https://github.com/airyland/vux">vux</a> - [Chinese] Vue UI
|
||
Components based on WeUI.</li>
|
||
<li><a href="https://github.com/OnsenUI/OnsenUI">vue-onsenui</a> -
|
||
Mobile app development framework and SDK using HTML5 and JavaScript.
|
||
Create beautiful and performant cross-platform mobile apps. Based on Web
|
||
Components, and provides bindings for Angular 1, 2, React and
|
||
Vue.js.</li>
|
||
<li><a href="https://weex.incubator.apache.org/">Weex</a> - Weex
|
||
provides the ability to publish cross platform, so web, Android, and IOS
|
||
apps can use the same API development functions.</li>
|
||
<li><a href="https://github.com/bmfe/eros-template">weex-eros</a> -
|
||
[Chinese] Eros is a app solution based on Weex and Vue, which enables
|
||
you to use API of Vue, simple and quick development of small and medium
|
||
app.</li>
|
||
<li><a href="https://github.com/ionic-team/ionic-framework">Ionic</a> -
|
||
Mobile app development framework</li>
|
||
<li><a
|
||
href="https://github.com/nativescript-vue/nativescript-vue">Native
|
||
script</a> - Native mobile applications using NativeScript</li>
|
||
<li><a href="https://github.com/GeekyAnts/vue-native-core">Vue
|
||
Native</a> - Build cross platform native mobile apps using
|
||
JavaScript</li>
|
||
</ul>
|
||
<p><em>Set of components for mobile</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/ElemeFE/mint-ui">mint-ui</a> - Mobile UI
|
||
elements for Vue.js.</li>
|
||
<li><a href="https://github.com/youzan/vant">vant</a> - A Vue.js 2.0
|
||
Mobile UI From YouZan.</li>
|
||
<li><a href="https://didi.github.io/cube-ui">cube-ui</a> - A fantastic
|
||
mobile ui lib implement by Vue.js 2.</li>
|
||
<li><a href="https://didi.github.io/mand-mobile">mand-mobile</a> - A
|
||
mobile UI toolkit, based on Vue.js 2, designed for financial
|
||
scenes.</li>
|
||
<li><a href="https://github.com/jdf2e/nutui/">NutUI</a> - A Vue.js 2.0
|
||
UI Toolkit for Mobile Web</li>
|
||
</ul>
|
||
<h4 id="component-collections">Component Collections</h4>
|
||
<p><em>Set of components without layout system</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/posva/vue-mdc">vue-mdc</a> - Material
|
||
Components Web for Vue.js.</li>
|
||
<li><a href="https://github.com/JosephusPaye/Keen-UI">keen-ui</a> - A
|
||
lightweight collection of essential UI components written with Vue and
|
||
inspired by Material Design.</li>
|
||
<li><a href="https://github.com/vue-bulma/vue-admin">vue-admin</a> - Vue
|
||
Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3.</li>
|
||
<li><a href="https://github.com/vuikit/vuikit">vuikit</a> - UIkit with
|
||
all the power of Vue.</li>
|
||
<li><a href="https://github.com/uiv-lib/uiv">uiv</a> - Bootstrap3
|
||
components implemented by Vue2.</li>
|
||
<li><a
|
||
href="https://github.com/wffranco/vue-strap">wffranco/vue-strap</a> -
|
||
Bootstrap 3 components built with Vue.js 2</li>
|
||
<li><a href="https://github.com/chaogao/jsmod-pc-vue">jsmod-vue-pc</a> -
|
||
Highly scalable web components for vue 2.0</li>
|
||
<li><a
|
||
href="https://github.com/guilhermewaess/SemVue">guilhermewaess/SemVue</a>
|
||
- Semantic-ui Modules implemented with Vue 2</li>
|
||
<li><a
|
||
href="https://github.com/aidewoode/office-ui-fabric-vue">office-ui-fabric-vue</a>
|
||
- Office UI Fabric implementation for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/Semantic-UI-Vue/Semantic-UI-Vue">Semantic UI
|
||
Vue</a> - Semantic UI integration for Vue</li>
|
||
<li><a href="https://github.com/lusaxweb/vuesax">vuesax</a> - Frontend
|
||
vue Components for Vue.js.</li>
|
||
<li><a href="https://www.syncfusion.com/products/vue">Essential JS 2 for
|
||
Vue</a> - Full-featured 45+ Vue.js components which includes Data Grid,
|
||
Chart, Scheduler and Diagram components etc.</li>
|
||
<li><a href="https://github.com/banshee-ui/banshee">Banshee</a> - A
|
||
mostly renderless Vue UI component and utility framework that ships with
|
||
no CSS.</li>
|
||
<li><a href="https://github.com/nvms/vue-atlas">vue-atlas</a> - A
|
||
library of beautiful Vue components.</li>
|
||
<li><a href="https://github.com/DevExpress/devextreme-vue">DevExtreme
|
||
Vue Components</a> - 65+ responsive and feature-complete Vue UI
|
||
components with customizable Material Design and Bootstrap compliant
|
||
themes.</li>
|
||
<li><a href="https://www.jqwidgets.com/vue/">jqwidgets</a> - 70+ Vue.js
|
||
2.0 UI Components with Material Design themes.</li>
|
||
<li><a href="https://github.com/juijs/vue-uix">vue-uix</a> - UI
|
||
collection for web page implementation in Vue.js</li>
|
||
<li><a href="https://github.com/LeCoupa/vuedarkmode">vuedarkmode</a> - A
|
||
Minimalist Dark Design System for Vue.js 🎨</li>
|
||
<li><a href="https://www.telerik.com/kendo-vue-ui/components/">Kendo UI
|
||
for Vue</a> – Over 70 UI components, including a Grid, built for
|
||
business applications. Fully responsive with support for several Design
|
||
Languages including Material Design and Bootstrap.</li>
|
||
<li><a href="https://github.com/arturmiz/vuent">Vuent</a> - Vue.js
|
||
components implementing Microsoft Fluent Design</li>
|
||
<li><a href="https://github.com/dreambo8563/bpit-vue">bpit/vue</a> - Vue
|
||
components lib which is focused on effects</li>
|
||
<li><a
|
||
href="https://github.com/alfonsobries/vue-tailwind">vue-tailwind</a> -
|
||
Vue components with customizable classes ready for TailwindCSS, but
|
||
compatible with any framework.</li>
|
||
<li><a href="https://github.com/quatrochan/Equal">Equal UI</a> - Vue UI
|
||
kit based on TypeScript 🧬</li>
|
||
<li><a href="https://github.com/mevinoth/slim-ui">slim-ui</a> - Minimal
|
||
UI components based on Vue.js</li>
|
||
<li><a href="https://github.com/christiankienle/cdk">Vue Component
|
||
Development Kit</a> - Unstyled, highly tested and flexible Vue
|
||
components/mixins/plugins.</li>
|
||
<li><a
|
||
href="https://github.com/tolking/element-pro-components">element-pro-components</a>
|
||
A component library for Vue 3 base on element-plus</li>
|
||
<li><a
|
||
href="https://tw-elements.com/docs/standard/integrations/vue-integration/">TW
|
||
Elemetns for Vue</a> - Vue integration with Tailwind CSS - a free,
|
||
open-source UI Kit</li>
|
||
</ul>
|
||
<h4 id="admin-template">Admin Template</h4>
|
||
<p><em>Set of admin template</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/TonyLuo/iview-vue-admin">iView Vue
|
||
Admin</a> - iView Vue Admin / An admin portal template based on iView
|
||
2.x <a href="https://tonyluo.github.io/iview-vue-admin">Online
|
||
Demo</a></li>
|
||
<li><a href="https://github.com/TonyLuo/element-vue-admin">element Vue
|
||
Admin</a> - element Vue Admin / An admin portal template based on
|
||
Element UI 2.x</li>
|
||
<li><a
|
||
href="https://github.com/PanJiaChen/vue-element-admin">vue-element-admin</a>
|
||
- A magical vue admin based on Element UI 2.x <a
|
||
href="https://panjiachen.github.io/vue-element-admin/#/dashboard">Online
|
||
Demo</a></li>
|
||
<li><a href="https://github.com/d2-projects/d2-admin">D2 Admin</a> - An
|
||
elegant backstage template build by vue <a
|
||
href="https://d2admin.fairyever.com">Online Demo</a></li>
|
||
<li><a href="https://github.com/wxs77577/rest-admin">rest-admin</a> -
|
||
Restful Admin Panel Based on Vue and Bootstrap 4 <a
|
||
href="http://rest-admin.genyii.com">Online Demo</a></li>
|
||
<li><a
|
||
href="https://github.com/DesignRevision/shards-dashboard-vue">Shards
|
||
Dashboard Lite Vue</a> - ✨ Modern admin template featuring dozens of
|
||
custom components and templates.<a
|
||
href="https://designrevision.com/demo/shards-dashboard-lite-vue/blog-overview">Online
|
||
Demo</a></li>
|
||
<li><a href="https://github.com/tookit/vue-material-admin">Vue Material
|
||
Admin</a> - A vue material design admin template <a
|
||
href="http://vma.isocked.com/#/dashboard">Online Demo</a></li>
|
||
<li><a
|
||
href="https://github.com/codetrial/element-admin">element-admin</a> - A
|
||
dead simple but powerful vue admin with Vue CLI 3 and element-ui.<a
|
||
href="https://element-admin.now.sh/">Online Demo</a></li>
|
||
<li><a href="https://github.com/zce/dashboard">dashboard</a> - A
|
||
dashboard scaffolding based on vue.js created by vuejs/vue-cli 4.x. <a
|
||
href="https://dashboard.zce.me">Online Demo</a></li>
|
||
<li><a
|
||
href="https://github.com/openfext/vue-admin-next">vue-admin-next</a> -
|
||
Professional enterprise application with Multi-Module Design, Vue
|
||
Composition API, and Friendly User Interface. <a
|
||
href="https://openfext.github.io/vue-admin-next/#/table/basic/query">Online
|
||
Demo</a></li>
|
||
<li><a
|
||
href="https://github.com/boussadjra/vue-pro-sidebar">vue-pro-sidebar</a>
|
||
: A responsive template starter with the ecosystem configuration
|
||
(vue-router, vuex), this boilerplate allows you to choose your preferred
|
||
colors. <a href="http://boussadjra.github.io/vue-pro-sidebar">Live
|
||
demo</a></li>
|
||
<li><a
|
||
href="https://github.com/BootstrapDash/stellar-admin-vue-free">Stellar
|
||
Admin Boilerplate</a> Boilerplate Admin template created using
|
||
Bootstrap-Vue.<a
|
||
href="https://www.bootstrapdash.com/demo/stellar-vue-free/preview/demo_1/">Live
|
||
demo</a></li>
|
||
<li><a
|
||
href="https://github.com/epicmaxco/vuestic-admin">vuestic-admin</a> -
|
||
Vue Admin Dashboard built with Vue 3 and <code>vuestic-ui</code>.</li>
|
||
<li><a
|
||
href="https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free">Materio-vuetify-vuejs-admin-template-free</a>
|
||
- A Production ready, carefully crafted, most comprehensive Vuetify
|
||
Vuejs admin template. <a
|
||
href="https://themeselection.com/demo/materio-vuetify-vuejs-admin-template-free/demo/dashboard">Live
|
||
demo</a></li>
|
||
<li><a href="https://github.com/otezz/tailmin">Tailmin</a> - Admin
|
||
dashboard built with Vue.js and Tailwind CSS. <a
|
||
href="https://tailmin.vercel.app/">Live demo</a></li>
|
||
<li><a
|
||
href="https://github.com/Mani1124/vue-admin-template">Vue-Admin-Template</a>
|
||
- A beautiful free vuejs admin template, designed using vuetify and
|
||
apexcharts. <a href="https://mani1124.github.io">Live Demo</a></li>
|
||
<li><a href="https://github.com/justboil/admin-one-vue-tailwind">Admin
|
||
One Vue 3 Tailwind dashboard</a> - Vue.js 3 Tailwind CSS admin template
|
||
with dark mode.</li>
|
||
<li><a
|
||
href="https://github.com/cruip/vuejs-admin-dashboard-template">Mosaic -
|
||
Vue Admin TailwindCSS template</a> - The All-in-one Tailwind CSS Admin
|
||
Dashboard Template.</li>
|
||
<li><a
|
||
href="https://github.com/cmdparkour/vue-admin-box">vue-admin-box</a> -
|
||
The admin template based on vue3 and element-plus. <a
|
||
href="https://cmdparkour.github.io/vue-admin-box/dist/">Live
|
||
demo</a></li>
|
||
<li><a
|
||
href="https://github.com/ltv/argon-dashboard-vue3">argon-dashboard-vue3</a>
|
||
- Template, Element Plus & TailwindCSS 3, Vue3.</li>
|
||
<li><a href="https://github.com/kingyue737/vitify-admin">Vitify
|
||
Admin</a> - Vite 3 + Vuetify 2 + TypeScript, Vue 2.7</li>
|
||
<li><a
|
||
href="https://github.com/bit-ocean-studio/dolphin-admin-vue">Dolphin
|
||
Admin</a> - An open source, free, lightweight, out-of-the-box,
|
||
internationalized admin template based on Vue 3 + Vite + Naive UI +
|
||
TypeScript + TailwindCSS. <a
|
||
href="https://dolphin-admin-vue.bit-ocean.studio/">Live demo</a></li>
|
||
</ul>
|
||
<h4 id="server-side-rendering">Server-side rendering</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/nuxt/nuxt.js">Nuxt.js</a> - Versatile
|
||
Vue.js Framework.</li>
|
||
<li><a href="https://github.com/ream/ream">Ream</a> - A minimalistic
|
||
framework for building server-rendered and static websites.</li>
|
||
<li><a href="https://github.com/universal-vue/uvue">Universal vue</a> -
|
||
Vue CLI plugin to create universal Vue applications with ease</li>
|
||
<li><a href="https://github.com/fiction-com/factor">Factor Platform</a>
|
||
- An extension-driven VueJS platform (<a
|
||
href="https://factor.dev">Factor.dev → Docs</a>)</li>
|
||
<li><a href="https://github.com/shuidi-fed/vapper">Vapper</a> - A
|
||
Vue-based server-side rendering framework.</li>
|
||
</ul>
|
||
<h4 id="static-website-generator">Static website generator</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/vuejs/vuepress">VuePress</a> -
|
||
Minimalistic Vue-powered static site generator.</li>
|
||
<li><a href="https://github.com/egojump/peco">Peco</a> - A static
|
||
website generator for humans. <strong>UNMAINTAINED</strong></li>
|
||
<li><a href="https://github.com/saberland/saber">Saber</a> - A static
|
||
website generator for building blazing fast websites with Vue.js.</li>
|
||
<li><a href="https://github.com/gridsome/gridsome">Gridsome</a> - Build
|
||
super fast, modern websites with Vue.js</li>
|
||
<li><a href="https://github.com/futureaus/servue">Servue</a> -
|
||
Server-side rendering engine that renders vue files into html
|
||
strings.</li>
|
||
<li><a href="https://github.com/ElMassimo/iles">îles</a> - Islands of
|
||
interactivity, the joyful site generator</li>
|
||
</ul>
|
||
<h4 id="other">Other</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/scriptPilot/app-framework">app-framework</a> -
|
||
IOS and Android Apps with HTML & JavaScript - develop, build and
|
||
deploy - free and open source.</li>
|
||
<li><a href="https://github.com/myfirebase/myfirebase">Myfirebase</a> -
|
||
A decoupled Single page application Framework which is highly compatible
|
||
with google firebase.</li>
|
||
<li><a
|
||
href="https://github.com/tower1229/Vue-Access-Control">Vue-Access-Control</a>
|
||
Frontend access control framework based Vue.js 2.</li>
|
||
<li><a href="https://github.com/basys/basys">Basys</a> Toolbox for
|
||
building full-stack Vue.js apps</li>
|
||
<li><a href="https://github.com/zhennann/cabloy">CabloyJS</a> The
|
||
Ultimate NodeJS Full Stack Business Development Platform, based on KoaJS
|
||
& EggJS & VueJS & Framework7</li>
|
||
<li><a
|
||
href="https://github.com/freakzlike/vue-service-model">vue-service-model</a>
|
||
- Vue.js library for handling REST service requests with caching,
|
||
aggregation and model definitions.</li>
|
||
<li><a href="https://github.com/dataformsjs/dataformsjs">DataFormsJS</a>
|
||
- A minimal routing and web service framework that uses Vue as a
|
||
templating engine.</li>
|
||
<li><a href="https://github.com/yoychen/v-craft">V-Craft</a> - A toolset
|
||
for building extensible page builders with Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/KlausSchaefers/vue-low-code">Vue-Low-Code</a> -
|
||
Low Code toolkit that can generate VUE apps from Quant-UX
|
||
prototypes</li>
|
||
<li><a
|
||
href="https://github.com/KlausSchaefers/figma-low-code">Figma-Low-Code</a>
|
||
- Turns your Figma design into VUE applications.</li>
|
||
<li><a href="https://github.com/janniks/vue-notion">vue-notion</a> - An
|
||
unofficial Notion renderer – Use Notion as a CMS for Vue
|
||
(e.g. Nuxt)</li>
|
||
<li><a
|
||
href="https://github.com/WeBankFinTech/fes.js/blob/master/README.en-US.md">Fes.js</a>
|
||
- An easy-to-use front-end application framework based on vue3.</li>
|
||
<li><a href="https://github.com/vuejs/petite-vue">petite-vue</a> - 6kb
|
||
subset of Vue optimized for progressive enhancement.</li>
|
||
</ul>
|
||
<h3 id="ui-utilities">UI Utilities</h3>
|
||
<h4 id="event-handling">Event Handling</h4>
|
||
<p><em>Handling of user events (scroll, click, key strike, …)</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/iFgR/vue-shortkey">vue-shortkey</a> -
|
||
Vue-ShortKey - plugin for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/scaccogatto/vue-throttle-event">vue-throttle-event</a>
|
||
- Throttle events based on requestAnimationFrame.</li>
|
||
<li><a
|
||
href="https://github.com/scaccogatto/vue-waypoint">vue-waypoint</a> -
|
||
Waypoint component for Vue, this is the easiest way to trigger a
|
||
function when you scroll.</li>
|
||
<li><a
|
||
href="https://github.com/simplesmiler/vue-clickaway">vue-clickaway</a> -
|
||
Reusable clickaway directive for reusable Vue.js components.</li>
|
||
<li><a
|
||
href="https://github.com/vue-comps/vue-scrollfire">vue-scrollfire</a> -
|
||
Fires an event on a specific scroll position.</li>
|
||
<li><a
|
||
href="https://github.com/David-Desmaisons/Vue.resize">vue-resize-directive</a>
|
||
- Vue directive to detect resize events with deboucing and throttling
|
||
capacity.</li>
|
||
<li><a
|
||
href="https://github.com/ndelvalle/v-click-outside">v-click-outside</a>
|
||
- Vue directive to react on clicks outside of an element without
|
||
stopping the event propagation.</li>
|
||
<li><a
|
||
href="https://github.com/nchutchind/vue-outside-events">vue-outside-events</a>
|
||
- Vue 2.x directive to help a specified element listen for specific
|
||
events occurring outside of itself.</li>
|
||
<li><a
|
||
href="https://github.com/JSmith01/vue-selectable">vue-selectable</a> -
|
||
Vue 1.x/2.x directive to make items selectable by mouse.</li>
|
||
<li><a
|
||
href="https://github.com/huangshuwei/vue-click-helper">vue-click-helper</a>
|
||
- Vue2.x directive to handle click event and dblclick event on same
|
||
element.</li>
|
||
<li><a href="https://github.com/Dafrok/v-hotkey">v-hotkey</a> - Vue 2.x
|
||
directive for binding hotkeys to components.</li>
|
||
<li><a href="https://github.com/Akryum/vue-resize">vue-resize</a> - Vue
|
||
2.x component to detect DOM elements resizing (event based/no
|
||
window.onresize)</li>
|
||
<li><a
|
||
href="https://github.com/Akryum/vue-observe-visibility">vue-observe-visibility</a>
|
||
- Vue 2.x directive using Intersection Observer API that detects if the
|
||
element is visible (in the viewport and not hidden by CSS).</li>
|
||
<li><a href="https://github.com/zhanziyang/v-dragged">v-dragged</a> -
|
||
Vue 2.x directive plugin for drag event detection.</li>
|
||
<li><a href="https://github.com/ianaya89/vue-esc">vue-esc</a> - Vue.js
|
||
directive to add a document event listener on escape keyup.</li>
|
||
<li><a
|
||
href="https://github.com/shentao/vue-global-events/">vue-global-events</a>
|
||
– A component to handle global events (like shortcuts) using Vue’s event
|
||
modifiers</li>
|
||
<li><a
|
||
href="https://github.com/gu-fan/vue-edge-check/">vue-edge-check</a> –
|
||
Check browser edge to prevent transition effect triggered oddly when
|
||
swipe edge with <code>vue-router</code></li>
|
||
<li><a
|
||
href="https://github.com/PNKBizz/vue-mutation-observer">vue-mutation-observer</a>
|
||
– A simple and tiny directive to observe changes in DOM use
|
||
MutationObserver API</li>
|
||
<li><a
|
||
href="https://github.com/AlekseyPleshkov/vue-scroll-show">vue-scroll-show</a>
|
||
– Showing the element if the user reached it after scroll</li>
|
||
<li><a
|
||
href="https://github.com/Almoullim/vue-tabevents">vue-tabevents</a> –
|
||
Easy communication between other opened tabs</li>
|
||
<li><a
|
||
href="https://github.com/shwilliam/vue-visibility-trigger">vue-visibility-trigger</a>
|
||
- 👀 Declaratively trigger methods when scrolled into view</li>
|
||
<li><a
|
||
href="https://github.com/Xotic750/v-click-outside-x">v-click-outside-x</a>
|
||
- Vue V2 directive to react on click, touch, pointer or multiple events
|
||
outside an element.</li>
|
||
<li><a href="https://github.com/lupas/vue-keypress">vue-keypress</a> -
|
||
Global keypress event handler component for Vue.js applications.</li>
|
||
<li><a
|
||
href="https://github.com/privatenumber/vue-pseudo-window">vue-pseudo-window</a>
|
||
- 👻 Component to declaratively interface window/document in your Vue
|
||
template</li>
|
||
<li><a
|
||
href="https://github.com/mahdikhashan/v-on-page-video">v-on-page-video</a>
|
||
- Vue.js directive to change the state of a Video element on visibility
|
||
change</li>
|
||
<li><a
|
||
href="https://github.com/mahdikhashan/vue3-click-outside">vue3-click-outside</a>
|
||
- Directive for Vue 3 to run a method on clicking outside of the binded
|
||
element</li>
|
||
<li><a
|
||
href="https://github.com/nickap/vue-exit-intent">vue-exit-intent</a> -
|
||
✨ Vue Composable to handle user’s Exit Intent.</li>
|
||
</ul>
|
||
<h4 id="responsive-design">Responsive Design</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/scaccogatto/vue-viewports">vue-viewports</a> -
|
||
Define your custom viewports and use them in your components.</li>
|
||
<li><a
|
||
href="https://github.com/reinerBa/Vue-Responsive">vue-responsive</a>:
|
||
Vue.js(2.x) directive to hide/show HTML-elements with the Bootstrap 4, 3
|
||
or self defined breakpoints.</li>
|
||
<li><a
|
||
href="https://github.com/drenglish/vue-match-media">vue-match-media</a>
|
||
- Vue 2.x-compatible plugin that offers a consistent, semantic approach
|
||
to making components media query-aware.</li>
|
||
<li><a
|
||
href="https://github.com/jofftiquez/vue-media-query-mixin">vue-media-query-mixin</a>
|
||
- Vue 2 media query mixin that can be used in both component js and
|
||
component template. Compatible with bootstrap and vuetify viewports.
|
||
<code>wXS</code> returns if screen width is xs, <code>wSM</code> returns
|
||
true if screen width is sm, etc…</li>
|
||
<li><a
|
||
href="https://github.com/apertureless/vue-breakpoints">vue-breakpoints</a>
|
||
- Vue 2 minimal components to show and hide elements based on
|
||
breakpoints. Inspired by Airbnb.</li>
|
||
<li><a href="https://github.com/AlexandreBonaventure/vue-mq">vue-mq</a>
|
||
- Offer some useful tools to quickly setup responsive design with a
|
||
semantic and mobile-first API (Vue 2.x)</li>
|
||
<li><a
|
||
href="https://github.com/SeregPie/VueResizeSensor">VueResizeSensor</a> -
|
||
A container that supports resize event.</li>
|
||
<li><a
|
||
href="https://github.com/adi518/vue-breakpoint-component">vue-breakpoint-component</a>
|
||
- A render-less component for composing CSS breakpoint state.</li>
|
||
<li><a href="https://github.com/nash403/fine-mq">fine-mq</a> - A fine
|
||
API to manage media queries in JS with ease and first-class integration
|
||
with VueJS as a plugin.</li>
|
||
<li><a
|
||
href="https://github.com/Kelin2025/vue-responsive-components">vue-responsive-components</a>
|
||
- Create responsive components with <code>ResizeObserver</code>.</li>
|
||
<li><a
|
||
href="https://github.com/johndatserakis/vue-screen-size">vue-screen-size</a>
|
||
- Get easy and reactive access to the width and height of your
|
||
screen.</li>
|
||
<li><a
|
||
href="https://github.com/Mehdi-Hp/vue-container-query-2#readme">vue-container-query-2</a>
|
||
- Smart vue plugin for working with css container query.</li>
|
||
<li><a
|
||
href="https://github.com/CyberAP/vue-component-media-queries">vue-component-media-queries</a>
|
||
- MatchMedia component library for Vue.</li>
|
||
</ul>
|
||
<h4 id="form-1">Form</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/formly-js/vue-formly">vue-formly</a> -
|
||
JavaScript powered forms for Vue.js.</li>
|
||
<li><a href="https://github.com/simplesmiler/vue-focus">vue-focus</a> -
|
||
A reusable focus directive for reusable Vue.js components.</li>
|
||
<li><a
|
||
href="https://github.com/icebob/vue-form-generator">vue-form-generator</a>
|
||
- A schema-based form generator component for Vue.js.</li>
|
||
<li><a href="https://gitlab.com/formschema/native">FormSchema Native</a>
|
||
- Generate a form using JSON Schema and Vue.js</li>
|
||
<li><a href="https://github.com/InCuca/ic-formly">ic-formly</a> - Simple
|
||
form component powered by vue-formly.</li>
|
||
<li><a href="https://github.com/laravel-enso/formbuilder">Form
|
||
Builder</a> - Json template based form builder, based on Vue and
|
||
Laravel.</li>
|
||
<li><a
|
||
href="https://github.com/Botre/vue-autofocus-directive">vue-autofocus-directive</a>
|
||
- Vue autofocus directive.</li>
|
||
<li><a
|
||
href="https://github.com/fightingm/vue-awesome-form">vue-awesome-form</a>
|
||
- A vue.js component just like json-editor</li>
|
||
<li><a
|
||
href="https://github.com/antonreshetov/vue-form-components">vue-form-components</a>
|
||
- Clean & minimal vue form elements with validation</li>
|
||
<li><a href="https://github.com/hosokawat/v-ajax-form">v-ajax-form</a> -
|
||
vue.js component plug-in to make Form tag compatible with ajax
|
||
request</li>
|
||
<li><a href="https://github.com/wearebraid/vue-formulate">Vue
|
||
Formulate</a> - The easiest way to build forms with Vue. Validation,
|
||
error handling, form generation, comprehensive documentation, and
|
||
more.</li>
|
||
<li><a href="https://github.com/empla/reforms">Reforms.js</a> - Vue 3
|
||
and Bootstrap forms and cards generator. Validation, multiple fields,
|
||
grouping, schema and more.</li>
|
||
<li><a href="https://github.com/formkit/formkit">FormKit</a> - Vue 3
|
||
form development. 10x faster. Form inputs, validation, submission, error
|
||
handling, generation, accessibility, theming, and more.</li>
|
||
<li><a href="https://github.com/dimailn/vrf">vrf</a> - Declarative
|
||
scalable ui-agnostic markup-based Vue forms.</li>
|
||
<li><a
|
||
href="https://github.com/rudnik275/tracked-instance">tracked-instance</a>
|
||
- Build large forms and track all changes.</li>
|
||
</ul>
|
||
<h5 id="validation">Validation</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/logaretm/vee-validate">vee-validate</a>
|
||
- Simple Vue.js input validation plugin.</li>
|
||
<li><a
|
||
href="https://github.com/xpepermint/vue-rawmodel">vue-rawmodel</a> -
|
||
RawModel.js plugin for Vue.js v2. Form validation has never been
|
||
easier.</li>
|
||
<li><a href="https://github.com/monterail/vuelidate">vuelidate</a> -
|
||
Simple, lightweight model-based validation for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/semisleep/simple-vue-validator">simple-vue-validator</a>
|
||
- A simple yet flexible validator library for vue.js.</li>
|
||
<li><a href="https://github.com/joseluisq/vue-vform">vue-vform</a> -
|
||
Vue.js 2 form component that integrates jQuery Validation and
|
||
Axios.</li>
|
||
<li><a href="https://github.com/fergaldoyle/vue-form">vue-form</a> -
|
||
Comprehensive form validation for Vue.js.</li>
|
||
<li><a href="https://github.com/cj/vuelidation">vuelidation</a> -
|
||
simple, powerful, vuejs validation.</li>
|
||
<li><a
|
||
href="https://github.com/val-bubbleflat/laravel-vue-validator">laravel-vue-validator</a>
|
||
- Display errors from laravel validation rules</li>
|
||
<li><a href="https://github.com/deulos/vue-daval">vue-daval</a> - Super
|
||
vue data validator. Easiness, simplicity, accurate.</li>
|
||
<li><a
|
||
href="https://github.com/gustavoSoriano/willvalidate">willvalidate</a> -
|
||
Validation Forms for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/Pitu/vue-isyourpasswordsafe">vue-isyourpasswordsafe</a>
|
||
- A small utility written in Vue that checks if the given password has
|
||
been leaked against the Have I Been Pwned API.</li>
|
||
<li><a
|
||
href="https://github.com/AlekseyPleshkov/vue-form-send">vue-form-send</a>
|
||
- A Vue.js directive for sending data from form and primitive
|
||
validation</li>
|
||
<li><a href="https://github.com/janiskelemen/formvuelar">FormVuelar</a>
|
||
- Vue form components with server-side validation in mind</li>
|
||
<li><a
|
||
href="https://phphe.github.io/vue-final-validate/">vue-final-validate</a>
|
||
- Vue validation solution from my development experience, support
|
||
nested, async.</li>
|
||
<li><a href="https://github.com/cretueusebiu/vform">vform</a> - A simple
|
||
way to handle Laravel back-end validation in Vue.</li>
|
||
<li><a
|
||
href="https://github.com/VitorLuizC/vue-form-container">vue-form-container</a>
|
||
- A <code>Provider Component</code> that encapsulates your forms and
|
||
handles their states and validations.</li>
|
||
<li><a
|
||
href="https://github.com/PrimitiveSocial/ps-validation">ps-validation</a>
|
||
- A Vue plugin that provides out-of-the-box data validation rules, very
|
||
much inspired by the Laravel validation system.</li>
|
||
<li><a
|
||
href="https://github.com/Sohaib-Sherif/vue-laravel-errors">vue-laravel-errors</a>
|
||
- A Vue.JS plugin that adds a global mixin which can be used to fill an
|
||
errors variable from a laravel error response and display it as an
|
||
object or array, can also be used as a local mixin.</li>
|
||
<li><a
|
||
href="https://github.com/mediv0/vue-input-validator">vue-input-validator</a>
|
||
- 🛡️ Highly extensible & customizable input validator for Vue 2</li>
|
||
<li><a href="https://github.com/mathix420/vuito"><span class="citation"
|
||
data-cites="vuito/vue">@vuito/vue</span></a> - Simple, lightweight,
|
||
isomorphic, and template-based validation library.</li>
|
||
<li><a
|
||
href="https://github.com/FrontLabsOfficial/vue-tiny-validate">vue-tiny-validate</a>
|
||
- Tiny (2.5KB minified) Vue Validate Composition.</li>
|
||
<li><a href="https://github.com/ealush/vest">vest</a> - 🦺 Declarative
|
||
form validation framework inspired by unit testing.</li>
|
||
<li><a href="https://github.com/ccqgithub/vfm">VFM</a> - Vue driven form
|
||
management tool.</li>
|
||
<li><a href="https://github.com/Mini-ghost/vorms">vorms</a> - Vue Form
|
||
Validate with Composition API.</li>
|
||
</ul>
|
||
<h4 id="resize">Resize</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/PxyUp/vue-not-visible">vue-not-visible</a> -
|
||
Vue directive for removing from dom (like v-if) element on screen
|
||
smaller than breakpoints.</li>
|
||
<li><a
|
||
href="https://github.com/mya-ake/vue-window-size">vue-window-size</a> -
|
||
Provides reactivity window size properties.</li>
|
||
<li><a
|
||
href="https://github.com/shwilliam/vue-responsive-text">vue-responsive-text</a>
|
||
- ↔︎ Component that scales its child node in relation to its parent
|
||
node’s width</li>
|
||
<li><a href="https://github.com/ventralnet/v-hide">v-hide</a> - v-hide
|
||
directive to accompany v-if and v-show. Keeps layout space in the
|
||
DOM</li>
|
||
</ul>
|
||
<h4 id="scroll">Scroll</h4>
|
||
<p><em>Set window scroll position</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/theomessin/vue-chat-scroll">vue-chat-scroll</a>
|
||
- Automatic scroll-to-bottom directive for Vue.js 2.0.</li>
|
||
<li><a href="https://github.com/rigor789/vue-scrollTo">vue-scrollto</a>
|
||
- Adds a directive that listens for click events and scrolls to
|
||
elements.</li>
|
||
<li><a
|
||
href="https://github.com/Developmint/vue-next-level-scroll">vue-next-level-scroll</a>
|
||
- A component based and SSR ready approach to smooth scrolling using the
|
||
modern Scroll behavior API</li>
|
||
<li><a
|
||
href="https://github.com/metawin-m/vue-scroll-sync">vue-scroll-sync</a>
|
||
- A component that synchronizes containers’ scroll positions</li>
|
||
<li><a href="https://github.com/phegman/v-scroll-lock">v-scroll-lock</a>
|
||
- A Vue.js directive for body scroll locking without breaking scrolling
|
||
of a target element</li>
|
||
<li><a
|
||
href="https://github.com/mercs600/vue2-perfect-scrollbar">vue2-perfect-scrollbar</a>
|
||
- PerfectScrollbar minimalistic wrapper</li>
|
||
<li><a
|
||
href="https://github.com/KevinHoughton/vue-scroll-to">vue-scroll-to</a>
|
||
- Adds a directive that listens for click events and scrolls to
|
||
elements.</li>
|
||
<li><a
|
||
href="https://github.com/guillaumebriday/vue-scroll-progressbar">vue-scroll-progressbar</a>
|
||
- A customizable component that indicates the scroll relative position
|
||
in a progressbar.</li>
|
||
<li><a
|
||
href="https://github.com/caiofsouza/vue-backtotop">vue-backtotop</a> - A
|
||
Back-to-top component for Vue.js, which scroll page to the top when
|
||
clicked.</li>
|
||
</ul>
|
||
<p><em>Virtual scrollbar</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/luiguild/v-bar">VBar</a> - The virtual
|
||
responsive cross-browser scrollbar component for Vue.js 2x.</li>
|
||
<li><a href="http://serafin.io/vuebar/">Vuebar</a> - Vue 2 directive for
|
||
custom scrollbar that uses native scroll behavior. Lightweight,
|
||
performant, customizable and without dependencies.</li>
|
||
<li><a
|
||
href="https://github.com/ozangulle/vue-detached-scrollbar">vue-detached-scrollbar</a>
|
||
- A simple scrollbar that can be detached from the container it is
|
||
scrolling.</li>
|
||
<li><a href="https://github.com/YvesCoding/vuescroll">vuescroll</a> - A
|
||
scrolling plugin based on Vue.js for uniforming the scrolling in PC and
|
||
mobile.</li>
|
||
<li><a
|
||
href="https://github.com/hfalucas/vue-simplebar">vue-simplebar</a> -
|
||
Vue.js wrapper for simplebar plugin.</li>
|
||
<li><a
|
||
href="https://github.com/scaccogatto/smooth-vuebar">smooth-vuebar</a> -
|
||
Vue directive wrapper for smooth-scrollbar</li>
|
||
</ul>
|
||
<p><em>Detect when components enter viewport</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/chrishurlburt/vue-scrollview">vue-scrollview</a>
|
||
- A component utilizing scoped slots to detect when a vue component
|
||
enters and leaves the viewport.</li>
|
||
<li><a
|
||
href="https://github.com/eddiemf/vue-scrollactive">vue-scrollactive</a>
|
||
- Adds an active class in a menu item based on the current section in
|
||
viewport, also scrolling to the section when clicking the menu
|
||
item.</li>
|
||
<li><a href="https://github.com/heavyy/vue-intersect">vue-intersect</a>
|
||
- A Vue component to add intersection-observer to a Vue component or
|
||
HTML element.</li>
|
||
<li><a
|
||
href="https://github.com/AlexandreBonaventure/vue-scrollmonitor">vue-scrollmonitor</a>
|
||
- A Vue plugin to watch visibility state of elements inside viewport
|
||
with a wide range of browsers supported (use provide/inject so compat
|
||
vue@2.2.x)</li>
|
||
<li><a href="https://github.com/xiaoluoboding/vue-stroll">vue-stroll</a>
|
||
- An Awesome CSS3 list scroll effects component for Vue.js 2.x.</li>
|
||
<li><a href="https://github.com/nash403/navscroll-js">navscroll-js</a> -
|
||
Highlights menu items as you scroll, and also scrolls to a section when
|
||
a menu item clicked. Use as a vue component, a vue directive or with
|
||
vanilla js.</li>
|
||
<li><a
|
||
href="https://github.com/Desdesdesgo/vue-scrollwatch">vue-scrollwatch</a>
|
||
- A light plugin detecting scroll event,customize callback when element
|
||
enter viewport,expose ‘scrollTo’ api to scroll to specific element
|
||
.Using vue directive.</li>
|
||
<li><a
|
||
href="https://github.com/vtimofeev/vue-check-view">vue-check-view</a> -
|
||
A plugin that checks if element is in viewport. Fast, small, has no
|
||
dependencies, live demo.</li>
|
||
<li><a href="https://github.com/JALBAA/vue-stickto">vue-stickto</a> - A
|
||
vue directive that supports multiple DOM nodes stick to top
|
||
automatically</li>
|
||
<li><a href="https://github.com/ibufu/vue2-scrollspy">vue2-scrollspy</a>
|
||
- A scrollspy plugin and animated scroll-to.</li>
|
||
<li><a
|
||
href="https://github.com/lorrenrules/vue-trip-wire">vue-trip-wire</a> -
|
||
A custom directive for firing functions when an element reaches a
|
||
designated point in the viewport, with option to import module with
|
||
globally accessible functions.</li>
|
||
<li><a href="https://github.com/kholid060/v-intersect">v-intersect</a> -
|
||
A Vue directive and component that detect element when it’s visible or
|
||
hidden on viewport</li>
|
||
<li><a
|
||
href="https://github.com/vgshenoy/vue-scrollama">vue-scrollama</a> - A
|
||
Vue component to easily setup scroll-driven interactions (aka
|
||
scrollytelling).</li>
|
||
<li><a
|
||
href="https://github.com/smastrom/vue-use-active-scroll">vue-use-active-scroll</a>
|
||
- Highlight Vue 3 menu/sidebar links without compromises.</li>
|
||
</ul>
|
||
<p><em>Customize the scroll behavior</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/jeneser/vue-scroll-behavior">vue-scroll-behavior</a>
|
||
- Customize the scroll behavior on route navigation. Especially hash
|
||
mode.</li>
|
||
<li><a
|
||
href="https://github.com/voxtobox/vue-scroll-stop">vue-scroll-stop</a> -
|
||
Stops propagation scroll when edge reached.</li>
|
||
</ul>
|
||
<p><em>Seamless scrolling</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/chenxuan0000/vue-seamless-scroll">vue-seamless-scroll</a>
|
||
- A simple, Seamless scrolling for Vue.js.</li>
|
||
</ul>
|
||
<h4 id="routing">Routing</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/vuejs/vue-router">vue-router</a> - The
|
||
official router for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/ElderJames/vue-router-storage">vue-router-storage</a>
|
||
- Router storage & resolve solution for Vue.js 2 & vue-router
|
||
2</li>
|
||
<li><a
|
||
href="https://github.com/edgarnadal/vue-tidyroutes">vue-tidyroutes</a> -
|
||
Decentralized vue-router routes definitions</li>
|
||
<li><a
|
||
href="https://github.com/mikerockett/vue-routisan">vue-routisan</a> -
|
||
Elegant, fluent route definitions for Vue Router, inspired by
|
||
Laravel.</li>
|
||
<li><a
|
||
href="https://github.com/raniesantos/vue-error-page">vue-error-page</a>
|
||
- Provides a wrapper for router-view that allows you to show error pages
|
||
without changing the URL</li>
|
||
<li><a
|
||
href="https://github.com/40818419/vue-router-sitemap">vue-router-sitemap</a>
|
||
- Generate sitemap.xml by vue-router configuration</li>
|
||
<li><a href="https://github.com/f/vue-smart-route">vue-smart-route</a> -
|
||
Smart route directive to make intelligent looking apps with Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/ccqgithub/vue-router-lite">vue-router-lite</a>
|
||
- A component-based, declarative router for Vue.js 2.</li>
|
||
<li><a
|
||
href="https://github.com/iendeavor/vue-route-props">vue-route-props</a>
|
||
- Automatically bind vue-router query to vm, APIs are mostly same as the
|
||
Vue props.</li>
|
||
<li><a href="https://github.com/jiangfengming/vue-pilot">vue-pilot</a> -
|
||
A Trie-based vue router with the ability of managing history.state.</li>
|
||
<li><a
|
||
href="https://github.com/adbrosaci/vue-lang-router">vue-lang-router</a>
|
||
- Vue.js 2 & 3 language routing with (optional) URL
|
||
localization.</li>
|
||
<li><a
|
||
href="https://github.com/greenpress/vue-router-compositions">vue-router-compositions</a>
|
||
- A util package for Vue-Router and Vue Composition API.</li>
|
||
<li><a
|
||
href="https://github.com/grafikri/vue-middleware">vue-middleware</a> -
|
||
Middleware for Vue.</li>
|
||
<li><a
|
||
href="https://github.com/Kolobok12309/vue-router-webcache">vue-router-webcache</a>
|
||
- Enable spa routing while in google/yandex/etc webcache.</li>
|
||
<li><a
|
||
href="https://github.com/weiquanju/v-route-generate">v-route-generate</a>
|
||
- A tool to generate routes for vue-router 4.x.</li>
|
||
</ul>
|
||
<h4 id="lazy-load">Lazy Load</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/hilongjw/vue-lazyload">vue-lazyload</a>
|
||
- A Vue.js plugin for lazyload your Image or Component in your
|
||
application.</li>
|
||
<li><a
|
||
href="https://github.com/darrynten/vue-lazy-background-images">vue-lazy-background-images</a>
|
||
- Lazy load background images for Vue 2.</li>
|
||
<li><a
|
||
href="https://github.com/MatteoGabriele/vue-progressive-image">vue-progressive-image</a>
|
||
- Vue progressive image loading plugin.</li>
|
||
<li><a
|
||
href="https://github.com/lsycxyj/vue-l-lazyload">vue-l-lazyload</a> - A
|
||
lazyload plugin for Vue.js v2.x+.</li>
|
||
<li><a
|
||
href="https://github.com/JALBAA/vue-lazyload-img">vue-lazyload-img</a> -
|
||
Especially optimized for mobile browser. support V2 & v1.</li>
|
||
<li><a
|
||
href="https://github.com/yyh1102/vue-lazyload-images">vue-lazy-images</a>
|
||
- A plugin of lazyload images for Vue 2.x.</li>
|
||
<li><a href="https://github.com/nkoehring/v-lazy-img">v-lazy-img</a> -
|
||
Tiny (<0.6kb) directive for progressive image loading for Vue 2.</li>
|
||
<li><a
|
||
href="https://github.com/matheusgrieger/vue-clazy-load">vue-clazy-load</a>
|
||
- Lightweight transitionable image lazy loading component using
|
||
IntersecionObserver for Vue 2.</li>
|
||
<li><a
|
||
href="https://github.com/thangman22/vue-lazy-this">vue-lazy-this</a> -
|
||
Lazyloading component using Intersection Observer API.</li>
|
||
<li><a href="https://github.com/dwqs/v2-lazy-list/">v2-lazy-list</a> - A
|
||
simple lazy-load list component based Vue 2.x</li>
|
||
<li><a href="https://github.com/ooade/pimg">pimg</a> - A Simple
|
||
Progressive Image Component used for lazy loading images.</li>
|
||
<li><a
|
||
href="https://github.com/mazipan/vue-tiny-lazyload-img">vue-tiny-lazyload-img</a>
|
||
- A small size Vue.js v.2+ directive for lazy loading images</li>
|
||
<li><a
|
||
href="https://github.com/3vilArthas/vue-lazy-youtube-video">vue-lazy-youtube-video</a>
|
||
- A simple Vue.js component for lazy loading YouTube videos.</li>
|
||
<li><a href="https://github.com/Kazap/lazyload-vue">lazyload-vue</a>-
|
||
Vue Plugin for vanilla-lazyload.</li>
|
||
<li><a
|
||
href="https://github.com/tolking/vue-lazy-loading">vue-lazy-loading</a>
|
||
- A vue plugin to better supporting native lazy-loading for image and
|
||
iframe.</li>
|
||
<li><a
|
||
href="https://github.com/RadKod/v-lazy-component">v-lazy-component</a> -
|
||
Vue component render when visible. Uses Intersection Observer API.</li>
|
||
<li><a href="https://github.com/bartdominiak/vue-lazy">vue-lazy</a> -
|
||
Lightweight Image/Picture lazyload based on Intersection API</li>
|
||
<li><a href="https://github.com/jambonn/vue-lazyload">vue3-lazyload</a>
|
||
- Vue module for lazy-loading images in your vue 3 applications.</li>
|
||
</ul>
|
||
<h4 id="pagination">Pagination</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/TahaSh/vue-paginate">vue-paginate</a> -
|
||
A simple vue.js plugin to paginate data.</li>
|
||
<li><a
|
||
href="https://github.com/matfish2/vue-pagination-2">vue-pagination-2</a>
|
||
- Vue.js 2 pagination component.</li>
|
||
<li><a
|
||
href="https://github.com/sant123/vuejs-uib-pagination">vuejs-uib-pagination</a>
|
||
- Best and complete pagination plugin for Vue.js. Inspired in Angular
|
||
Bootstrap Pagination.</li>
|
||
<li><a
|
||
href="https://github.com/lokyoung/vuejs-paginate">vuejs-paginate</a> - A
|
||
Vue.js(v2.x+) component for creating pagination.</li>
|
||
<li><a
|
||
href="https://github.com/brunoseco/vue-pagination-bootstrap">vue-pagination-bootstrap</a>
|
||
- A Vue.js (1.x & 2.x) server-side paging component with a template
|
||
based on Bootstrap</li>
|
||
<li><a
|
||
href="https://github.com/vinayakkulkarni/laravel-vue-semantic-ui-pagination">laravel-vue-semantic-ui-pagination</a>
|
||
- A Vue.js 2.x pagination used with Laravel & Semantic-UI.</li>
|
||
<li><a
|
||
href="https://github.com/alziqziq/vue-paginate-al">vue-paginate-al</a> -
|
||
Vue paginate with return your data.</li>
|
||
<li><a
|
||
href="https://github.com/coderdiaz/vue-tiny-pagination">vue-tiny-pagination</a>
|
||
- A Vue component for create a tiny pagination.</li>
|
||
<li><a
|
||
href="https://github.com/gilbitron/laravel-vue-pagination">laravel-vue-pagination</a>
|
||
- A Vue.js pagination component for Laravel paginators that works with
|
||
Bootstrap.</li>
|
||
<li><a href="https://github.com/Botre/vue-lpage">vue-lpage</a> -
|
||
Low-level Vue pagination component.</li>
|
||
<li><a href="https://github.com/TerryZ/v-page">v-page</a> - A simple
|
||
pagination bar, including length Menu, i18n support, based on
|
||
Vue2.x.</li>
|
||
<li><a
|
||
href="https://github.com/grinmax/vue-smart-pagination">vue-smart-pagination</a>
|
||
- Smart pagination of any data with a lot of nice settings.</li>
|
||
<li><a
|
||
href="https://github.com/sbaidon/vue-paginatron">vue-paginatron</a> -
|
||
Pagination component built with scoped-slot props for maximum
|
||
flexibility.</li>
|
||
<li><a
|
||
href="https://github.com/arnedesmedt/vue-ads-pagination">vue-ads-pagination</a>
|
||
- A vue pagination component build with the css framework
|
||
<code>tailwindcss</code></li>
|
||
<li><a href="https://github.com/trandaison/v-pagy">v-pagy</a> - A
|
||
lightweight and customizable Bootstrap Pagination for Vue.</li>
|
||
<li><a href="https://github.com/Sitronik/v-paginator">v-paginator</a> -
|
||
Simple page-by-page navigation for Vue.js based on your html templates
|
||
with ssr support.</li>
|
||
<li><a
|
||
href="https://github.com/Sun0fABeach/vue-use-paginator">vue-use-paginator</a>
|
||
- Vue 3 use-hook to reactively paginate data and arrange paginator
|
||
buttons. Completely renderless.</li>
|
||
<li><a href="https://github.com/lombervid/vueginate">vueginate</a> - A
|
||
simple pagination component for Vue 3</li>
|
||
</ul>
|
||
<h4 id="animation">Animation</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/asika32764/vue-animate">vue-animate</a>
|
||
- A Vue.js port of Animate.css. For use with Vue’s built-in
|
||
transitions.</li>
|
||
<li><a
|
||
href="https://github.com/radical-dreamers/animated-vue">animated-vue</a>
|
||
- A Vue.js 2.x plugin to easily use Animate.css animations as
|
||
transitions. As easy as <code><animated-tada></code>!</li>
|
||
<li><a
|
||
href="https://github.com/chenqingspring/vue-lottie">vue-lottie</a> - A
|
||
Vue.js 2.x plugin to render after effects animations based on
|
||
bodymovin</li>
|
||
<li><a href="https://github.com/jaweii/vueg">Vueg</a> - Make vue-router
|
||
have a transition effect / 为 webApp 提供转场特效的开源 Vue 插件</li>
|
||
<li><a
|
||
href="https://jofftiquez.github.io/v-animate-css/">v-animate-css</a> -
|
||
The easiest to implement Vue 2 directive for Animate.css</li>
|
||
<li><a
|
||
href="https://github.com/lukechinworth/vue-mixin-tween">vue-mixin-tween</a>
|
||
- Mixin factory that adds tweened values to component context for
|
||
animations</li>
|
||
<li><a href="https://github.com/JefferyHus/v-odometer">v-odometer</a> -
|
||
Smoothly transitions numbers with ease. Use this library to give your
|
||
application a smooth animation, only applicable on numbers.</li>
|
||
<li><a
|
||
href="https://github.com/cristijora/vue2-transitions">vue2-transitions</a>
|
||
✨ Reusable Vue 2 transition components</li>
|
||
<li><a
|
||
href="https://github.com/mattrothenberg/vue-overdrive">vue-overdrive</a>
|
||
Super easy magic-move transitions for Vue apps 🎩</li>
|
||
<li><a
|
||
href="https://github.com/Leocardoso94/animated-number-vue">animated-number-vue</a>
|
||
Super easy way to animate numbers.</li>
|
||
<li><a
|
||
href="https://github.com/Orlandster1998/vue-typed-js">vue-typed-js</a>
|
||
Typed.js integration to easily create typing animations.</li>
|
||
<li><a
|
||
href="https://github.com/inamori/vue-parent-change-transition">vue-parent-change-transition</a>
|
||
Enable a child components to animate when it changes the parent.</li>
|
||
<li><a
|
||
href="https://github.com/guanzo/vue-smooth-reflow">vue-smooth-reflow</a>
|
||
Transition an elements reflow in response to data changes.</li>
|
||
<li><a href="https://github.com/SeregPie/VueTween">VueTween</a> Allows
|
||
components to tween their properties.</li>
|
||
<li><a
|
||
href="https://github.com/danieldiekmeier/vue-slide-up-down">vue-slide-up-down</a>
|
||
Like jQuery’s <code>slideUp</code> / <code>slideDown</code>, but for
|
||
Vue!</li>
|
||
<li><a href="https://github.com/BenAHammond/vue-anime">vue-animejs</a>
|
||
Simple <code>anime.js</code> directives for Vue.</li>
|
||
<li><a href="https://github.com/zulko/eagle.js/">Eagle.js</a> Eagle.js
|
||
is a web-based slideshow framework for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/k-okina/vue-slide-up-down-component">vue-slide-up-down-component</a>
|
||
It is a simple interface but realizes very flexible and powerful slide
|
||
animation, for Vue!</li>
|
||
<li><a href="https://github.com/pearofducks/femtoTween">femtoTween</a> A
|
||
minimalistic (zero-dep, less than 1k) tweening library with first-class
|
||
Vue support</li>
|
||
<li><a
|
||
href="https://github.com/deivthings/vue-sequential-entrance">vue-sequential-entrance</a>
|
||
Plugin for creating elegant sequential animation entrances with a list
|
||
of elements of your page. Zero effort. Simple and lightweight</li>
|
||
<li><a
|
||
href="https://github.com/mike-prince/vue-animate-scroll">vue-animate-scroll</a>
|
||
Super lightweight way to add CSS animations to elements as they scroll
|
||
into view.</li>
|
||
<li><a
|
||
href="https://github.com/kai-oswald/vue-svg-transition">vue-svg-transition</a>
|
||
Create 2-state, SVG-powered transitions</li>
|
||
<li><a
|
||
href="https://github.com/Orlandster/vue-page-transition">vue-page-transition</a>
|
||
Easy route / page transitions for Vue.js</li>
|
||
<li><a href="https://github.com/denisinvader/vuenime">Vuenime</a> A
|
||
flexible Vue wrapper for Animejs</li>
|
||
<li><a href="https://github.com/VitorLuizC/vue-flipper">vue-flipper</a>
|
||
- A component to flip children with a nice transition.</li>
|
||
<li><a href="https://github.com/maxflex/v-number/">v-number</a> Animated
|
||
number transition library for Vue.js</li>
|
||
<li><a href="https://github.com/Aminerman/vue-kinesis">vue-kinesis</a> A
|
||
set of components to create interactive animations</li>
|
||
<li><a
|
||
href="https://github.com/DakerHub/vue-digital-transform">vue-digital-transform</a>
|
||
A vue component for better digital transform animation</li>
|
||
<li><a href="https://github.com/Turkyden/vue-typical">vue-typical</a> 🐡
|
||
Vue Animated typing in ~400 bytes of JavaScript.</li>
|
||
<li><a href="https://github.com/megasanjay/vue3-lottie">vue3-lottie</a>
|
||
A component for importing and displaying Lottie animations in Vue 3</li>
|
||
<li><a href="https://github.com/morevm/vue-transitions"><span
|
||
class="citation"
|
||
data-cites="morev/vue-transitions">@morev/vue-transitions</span></a>
|
||
Transitions library for Vue 2 and 3 with no CSS needed</li>
|
||
<li><a href="https://github.com/formkit/auto-animate"><span
|
||
class="citation"
|
||
data-cites="formkit/auto-animate">@formkit/auto-animate</span></a> Add
|
||
motion to your apps with a single line of code</li>
|
||
<li><a
|
||
href="https://github.com/beepy/vue-contextual-transition">vue-contextual-transition</a>
|
||
Easy-ish cross-browser transitioning between pages with shared elements
|
||
and/or sequential order</li>
|
||
<li><a href="https://github.com/Applelo/blottie">blottie</a> Lottie
|
||
component for Vue 3</li>
|
||
</ul>
|
||
<h4 id="meta-tags">Meta Tags</h4>
|
||
<p><em>Manage meta information in the document head</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/ktquez/vue-head">vue-head</a> - Manage
|
||
the meta information of the head tag, a simple and easy way.</li>
|
||
<li><a href="https://github.com/declandewet/vue-meta">vue-meta</a> -
|
||
Manage page meta info in Vue 2.0 components. SSR + Streaming
|
||
supported.</li>
|
||
<li><a href="https://github.com/troxler/vue-headful">vue-headful</a> -
|
||
Set document <code><title></code> and meta tags from within your
|
||
views.</li>
|
||
<li><a
|
||
href="https://github.com/VeryWow/vue-simple-headful">vue-simple-headful</a>
|
||
- Easily set meta-tags with vue.js - a simpler <code>vue-headful</code>
|
||
alternative with TypeScript support.</li>
|
||
</ul>
|
||
<h4 id="portal">Portal</h4>
|
||
<p><em>Move a DOM node to a target DOM node</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/calebroseland/vue-dom-portal">vue-dom-portal</a>
|
||
- An escape hatch for DOM Elements in Vue.js components.</li>
|
||
<li><a href="https://portal-vue.linusb.org/">portal-vue</a> - A Vue
|
||
Plugin to render your component’s template anywhere in the DOM (Works on
|
||
the virtualDOM level, doesn’t move nodes within the DOM)</li>
|
||
</ul>
|
||
<h4 id="filters">Filters</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/freearhey/vue2-filters">vue2-filters</a>
|
||
- A collection of standard filters Vue 1._ adapted for use in Vue
|
||
2._.</li>
|
||
<li><a
|
||
href="https://github.com/jofftiquez/vue-morphling">vue-morphling</a> - A
|
||
collection of standard and custom filters for Vue 2.</li>
|
||
<li><a
|
||
href="https://github.com/mazipan/vue-currency-filter">vue-currency-filter</a>
|
||
- Lightweight and Customizable Vue 2 Currency Filter.</li>
|
||
<li><a href="https://github.com/Trekels/vue-trans">vue-trans</a> - A
|
||
simple filter to provide a similar way of translating to the Symfony
|
||
trans.</li>
|
||
<li><a
|
||
href="https://github.com/mazipan/vue-string-filter">vue-string-filter</a>
|
||
- Lightweight Vue 2 String Manipulation Filter.</li>
|
||
<li><a href="https://github.com/ERPedersen/vue-units">vue-units</a> - A
|
||
collection of handy unit conversion filters for use in Vue 2.</li>
|
||
<li><a
|
||
href="https://github.com/lloydjatkinson/vue-numeral-filter">vue-numeral-filter</a>
|
||
- A collection of filters that allows Numeral.js to be used inline in
|
||
the template section of a component.</li>
|
||
<li><a
|
||
href="https://github.com/eduardnikolenko/vue-filter-date-format">vue-filter-date-format</a>
|
||
- Simple datetime filter for Vue 2.</li>
|
||
<li><a
|
||
href="https://github.com/eduardnikolenko/vue-filter-pluralize">vue-filter-pluralize</a>
|
||
- Simple pluralize filter for Vue 2.</li>
|
||
<li><a
|
||
href="https://github.com/eduardnikolenko/vue-filter-date-parse">vue-filter-date-parse</a>
|
||
- Simple parsing datetime filter for Vue 2.</li>
|
||
</ul>
|
||
<h4 id="svg">SVG</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/MMF-FE/vue-svgicon">vue-svgicon</a> - A
|
||
tool to create svg icon components. (vue 2.x).</li>
|
||
<li><a
|
||
href="https://github.com/LucasLeandro1204/vue-content-loading">vue-content-loading</a>
|
||
- Vue component to easily build (or use presets) SVG loading cards
|
||
Facebook like.</li>
|
||
<li><a
|
||
href="https://github.com/DrSensor/vue-annotator">vue-annotator</a> -
|
||
Annotate page using any SVG Element (<code>rect</code>,
|
||
<code>polygon</code>, and many more, even HTML Element like
|
||
<code>canvas</code> if wrapped in <code>foreignObject</code>)</li>
|
||
<li><a
|
||
href="https://github.com/thierrymichel/vue-svg-sprite">vue-svg-sprite</a>
|
||
- A plugin, component or directive to simply use SVG sprite (vue 3.x,
|
||
vue 2.x).</li>
|
||
<li><a
|
||
href="https://github.com/biigpongsatorn/vue-svg-filler">vue-svg-filler</a>
|
||
- Vue component for custom your svg file 🖍 🎨 (vue 2.x).</li>
|
||
<li><a
|
||
href="https://github.com/shrpne/vue-inline-svg">vue-inline-svg</a> - Vue
|
||
component loads an SVG source dynamically and inline
|
||
<code><svg></code> so you can manipulate the style of it with CSS
|
||
or JS. (vue 2.x, vue 3.x)</li>
|
||
</ul>
|
||
<h4 id="miscellaneous-2">Miscellaneous</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/staskjs/vue-resource-progressbar-interceptor">vue-resource-progressbar-interceptor</a>
|
||
- Interceptor that ties a progressbar to all requests, that it is clear
|
||
that something is loading.</li>
|
||
<li><a
|
||
href="https://github.com/David-Desmaisons/Vue.ImagesLoaded">vue-images-loaded</a>
|
||
- Vue.js 2.0 directive to detect images loading.</li>
|
||
<li><a href="https://github.com/javisperez/vue-visible">vue-visible</a>
|
||
- A v-visible directive for VueJS (2.x), like v-show but for
|
||
visibility.</li>
|
||
<li><a
|
||
href="https://github.com/FranckFreiburger/vue-resize-sensor">vue-resize-sensor</a>
|
||
- Component to detect container resizing (event-based)</li>
|
||
<li><a href="https://github.com/ndelvalle/v-blur">v-blur</a> - Vue
|
||
directive to blur an element dynamically</li>
|
||
<li><a
|
||
href="https://github.com/mokkabonna/vue-async-methods">vue-async-methods</a>
|
||
- Helper utilities for promise based methods</li>
|
||
<li><a
|
||
href="https://github.com/braceslab/vue-openseadragon">vue-openseadragon</a>
|
||
- OpenSeaDragon component for Vue.js (zoom and pan)</li>
|
||
<li><a
|
||
href="https://github.com/samturrell/vue-match-heights">vue-match-heights</a>
|
||
- Directive to set heights of elements to be the same.</li>
|
||
<li><a
|
||
href="https://github.com/FL3NKEY/vue-conditional-attrs">vue-conditional-attrs</a>
|
||
- A Vue.js component for conditional rendering attributes and
|
||
directives</li>
|
||
<li><a href="https://github.com/arthurvasconcelos/vue-cbsc">vue-cbsc</a>
|
||
- A Vue.js 2.x component for programmatically blender, shader and
|
||
convert colors.</li>
|
||
<li><a
|
||
href="https://github.com/twcapps/vue-spatialnavigation">vue-spatialnavigation</a>
|
||
- Vue directive (Vue.js 2.x) for spatial navigation (keyboard
|
||
navigation)</li>
|
||
<li><a href="https://github.com/FL3NKEY/vue-lifecycle">vue-lifecycle</a>
|
||
- A Vue.js lifecycle directives.</li>
|
||
<li><a
|
||
href="https://github.com/andrewvasilchuk/v-aspect-ratio">v-aspect-ratio</a>
|
||
- Vue.js directive for setting an aspect ratio.</li>
|
||
<li><a href="https://github.com/kooljay82/vue-m-camera"><span
|
||
class="citation"
|
||
data-cites="kooljay82/vue-m-camera">@kooljay82/vue-m-camera</span></a> -
|
||
To avoid changing orientation of photo automatically which is taken via
|
||
camera of user’s device.</li>
|
||
<li><a
|
||
href="https://github.com/andrewvasilchuk/v-ripple-directive">v-ripple-directive</a>
|
||
- Vue.js directive for ripple effect.</li>
|
||
<li><a
|
||
href="https://github.com/partyka1/vue-material-design-ripple">vue-material-design-ripple</a>
|
||
- Add material design ripple to any element. Use any ripple color you
|
||
want. No performance issues. Mobile friendly. No dependencies. It just
|
||
works.</li>
|
||
<li><a
|
||
href="https://github.com/vinayakkulkarni/v-github-icon">v-github-icon</a>
|
||
- easily add “that” tiny GitHub icon on the right/left corner of your
|
||
Vue components/libraries demos’ 🤙</li>
|
||
<li><a
|
||
href="https://github.com/juliandreas/vue-styled-shadows">vue-styled-shadows</a>
|
||
- Component based styled shadow patterns for images.</li>
|
||
<li><a href="https://github.com/andrewvasilchuk/v-visible">v-visible</a>
|
||
- Vue.js directive for setting visibility of an element.</li>
|
||
<li><a href="https://github.com/mrbilit/vue-web-otp">vue-web-otp</a> -
|
||
Vue.js component to work with browser’s WebOTP API to receive OTPs over
|
||
SMS</li>
|
||
<li><a href="https://github.com/fchancel/v-privacy">v-privacy</a> - Vue3
|
||
plugin that allows to manage the privacy of an HTML element by blurring
|
||
its content</li>
|
||
</ul>
|
||
<h4 id="webgl">WebGL</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/hujiulong/vue-3d-model">vue-3d-model</a>
|
||
- A 3D model viewer in Vue component.</li>
|
||
<li><a href="https://github.com/ChiChou/vue-pano">vue-pano</a> - A
|
||
panorama viewer in Vue component.</li>
|
||
<li><a href="https://github.com/fritx/vue-threejs">vue-threejs</a> - Vue
|
||
bindings for Three.js.</li>
|
||
<li><a href="https://github.com/vue-gl/vue-gl">VueGL</a> - Vue.js
|
||
components rendering 3D graphics reactively via three.js</li>
|
||
<li><a href="https://github.com/imudin/vue-vr">vue-vr</a> - A framework
|
||
for building VR applications with Vue based on <a
|
||
href="https://threejs.org/">threejs</a> and <a
|
||
href="https://pchen66.github.io/Panolens/">Panolens</a>, inspired by <a
|
||
href="https://github.com/facebook/react-vr">react-vr</a></li>
|
||
<li><a
|
||
href="https://github.com/AlbanCrepel/vue-displacement-slideshow">vue-displacement-slideshow</a>
|
||
- A Vue.js component that makes Webgl image displacement transitions
|
||
easier.</li>
|
||
<li><a
|
||
href="https://github.com/LuXDAmore/vue-fake3d-image-effect">vue-fake3d-image-effect</a>
|
||
- An interactive 3D fake-effect for images with depth maps in
|
||
WebGL.</li>
|
||
<li><a href="https://github.com/janvorisek/drie">drie</a> - A Vue 3
|
||
component library for three.js inspired by react-three-fiber.</li>
|
||
<li><a href="https://github.com/tresjs/tres">TresJs</a>: Declarative
|
||
ThreeJS using Vue Components</li>
|
||
<li><a href="https://github.com/Tresjs/cientos">Cientos</a>: Collection
|
||
of useful helpers and fully functional, ready-made abstractions for
|
||
TresJs</li>
|
||
</ul>
|
||
<h4 id="fullscreen">Fullscreen</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/mirari/vue-fullscreen">vue-fullscreen</a> - A
|
||
simple Vue component for fullscreen, support Vue2 and Vue3.</li>
|
||
</ul>
|
||
<h4 id="page-visibility">Page visibility</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/stefanodotit/vue-page-visibility-awesome">vue-page-visibility-awesome</a>
|
||
- A Vue 2.x component of easy-to-config page visibility api.</li>
|
||
<li><a href="https://github.com/vv13/vue-authplugin">vue-authplugin</a>
|
||
- an elegant view auth control plugin, support directive and prototype
|
||
methods.</li>
|
||
</ul>
|
||
<h4 id="printing">Printing</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/mycurelabs/vue-html-to-paper">vue-html-to-paper</a>
|
||
- Vue mixin for paper printing html elements to paper.</li>
|
||
<li><a href="https://github.com/siaikin/vue-to-print">vue-to-print</a> -
|
||
Print Vue 3 components in the browser. Supports Chrome, Safari, Firefox
|
||
and EDGE.</li>
|
||
</ul>
|
||
<h3 id="utilities">Utilities</h3>
|
||
<p><em>Utilities not directly related to the UI</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/HKskn/vue-underscore">vue-underscore</a>
|
||
- simple vue plugin to implement underscore</li>
|
||
<li><a
|
||
href="https://github.com/dreambo8563/vue-lazy-calc">vue-lazy-calc</a> -
|
||
A simple calculation plugin in lazy && chaining way with strong
|
||
typed.</li>
|
||
<li><a
|
||
href="https://github.com/VitorLuizC/vue-loadable">vue-loadable</a> - A
|
||
plugin to improve loading state control with pretty simple methods,
|
||
decorators and helpers.</li>
|
||
<li><a href="https://github.com/vueuse/vueuse">vueuse</a> - Collection
|
||
of essential Vue Composition API utils works for Vue 2.x and 3.x.</li>
|
||
<li><a href="https://github.com/pikax/vue-composable">vue-composable</a>
|
||
- Vue composition-api composable components. i18n, validation,
|
||
pagination, fetch, etc. +30 variable composable functions.</li>
|
||
<li><a
|
||
href="https://github.com/runkids/vue-condition-watcher">vue-condition-watcher</a>
|
||
- 🕶 Vue Composition API for automatic fetch data when condition has been
|
||
changed.</li>
|
||
<li><a href="https://github.com/openfext/vue-use">vue-use</a> - Use
|
||
magic Vue Composition APIs to provide a lot of reusable logic, such as
|
||
form, table and loading, etc.</li>
|
||
<li><a
|
||
href="https://github.com/MartinMalinda/vue-concurrency">vue-concurrency</a>
|
||
- library for encapsulating asynchronous operations and managing
|
||
concurrency for Vue and Composition API.</li>
|
||
<li><a href="https://github.com/evildvl/vue-ics">vue-ics</a> - Vue.js
|
||
plugin for generating ICalendar (.ics) files.</li>
|
||
<li><a
|
||
href="https://github.com/jfet97/vue-use-switch-map">vue-use-switch-map</a>
|
||
- 👽 The power of the RxJS switchMap operator injected into the Vue
|
||
composition world.</li>
|
||
<li><a
|
||
href="https://github.com/jfet97/vue-use-infinite-scroll">vue-use-infinite-scroll</a>
|
||
- ♾️ A Vue composition function that makes infinite scroll a
|
||
breeze.</li>
|
||
<li><a
|
||
href="https://github.com/zWingz/vue-with-wrapper">vue-with-wrapper</a> -
|
||
A object deconstruction used in <code>template</code></li>
|
||
<li><a href="https://github.com/vesselize/vesselize">vesselize</a> - ⛵
|
||
A JavaScript IoC container that works seamlessly with Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/AlbertBrand/vue-context-composition">vue-context-composition</a>
|
||
- share state created with the composition API between components,
|
||
similar to <code>useContext</code> from React Hooks</li>
|
||
<li><a
|
||
href="https://github.com/Mirazex/vuex-overlay">vuex-overlay-tools</a> -
|
||
🛠 A Vue 3 plugin for monitoring Vuex store (time-travel is also
|
||
supported)</li>
|
||
<li><a href="https://github.com/Raiondesu/vuse-rx">vuse-rx</a> -
|
||
Complete first-class rxjs support for Vue 3</li>
|
||
<li><a
|
||
href="https://github.com/rubnvp/vue-props-validation">vue-props-validation</a>
|
||
- Vue props validation logic extracted for nested validations in objects
|
||
and arrays using the Vue native syntax.</li>
|
||
<li><a href="https://github.com/NOPR9D/vue-next-rx">vue-next-rx</a> -
|
||
Complete RxJS integration for Vue.js. (Update of vue-rx)</li>
|
||
<li><a
|
||
href="https://github.com/GTANAdam/fontawesome-autogen">fontawesome-autogen</a>
|
||
- Automatically detect and import fontawesome icons used in your
|
||
webapp.</li>
|
||
</ul>
|
||
<h4 id="typescript">Typescript</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/vue-typed/vue-typed">vue-typed</a> -
|
||
Sets of ECMAScript / Typescript decorators that helps you write Vue
|
||
component easily.</li>
|
||
<li><a
|
||
href="https://github.com/itsFrank/vue-typescript">vue-typescript</a> -
|
||
Typescript decorators to make vue feel more typescripty.</li>
|
||
<li><a
|
||
href="https://github.com/kaorun343/vue-property-decorator">vue-property-decorator</a>
|
||
- Vue.js and Property Decorator.</li>
|
||
<li><a
|
||
href="https://github.com/locoslab/vue-typescript-component">vue-typescript-component</a>
|
||
- Decorators to use TypeScript classes as Vue.js 2.0 components.</li>
|
||
<li><a
|
||
href="https://github.com/locoslab/vue-typescript-import-dts">vue-typescript-import-dts</a>
|
||
- TypeScript declaration file that allows using ‘import’ with .vue
|
||
files.</li>
|
||
<li><a
|
||
href="https://github.com/HerringtonDarkholme/vue-ts-loader">vue-ts-loader</a>
|
||
- Type-check your script in your vue-loader.</li>
|
||
<li><a
|
||
href="https://github.com/justrhysism/vue-mixin-decorator">vue-mixin-decorator</a>
|
||
- Typescript decorator for strongly typed Mixins.</li>
|
||
<li><a
|
||
href="https://github.com/frogbob/vue-ts-component-generator">vue-ts-component-generator</a>
|
||
- A simple cli tool for generating vue typescript components.</li>
|
||
<li><a
|
||
href="https://github.com/vip30/vue-local-storage-decorator">vue-local-storage-decorator</a>
|
||
- Persist data by using local storage in decorator format</li>
|
||
<li><a
|
||
href="https://github.com/championswimmer/vuex-module-decorators">vuex-module-decorators</a>
|
||
- Typescript/ES7 Decorators to make Vuex modules a breeze</li>
|
||
<li><a
|
||
href="https://github.com/gertqin/vuex-class-modules">vuex-class-modules</a>
|
||
- Introduce a simple type-safe class style syntax for your vuex modules,
|
||
inspired by vue-class-component.</li>
|
||
<li><a href="https://github.com/joon610/vue-corator">vue-corator</a> -
|
||
Vue typescript decorator utils</li>
|
||
<li><a href="https://github.com/kahirokunn/vuedts">vuedts</a> - Generate
|
||
TypeScript declaration files for .vue files.</li>
|
||
<li><a href="https://github.com/icare-jp-oss/vue-props-type"><span
|
||
class="citation"
|
||
data-cites="icare-jp/vue-props-type">@icare-jp/vue-props-type</span></a>
|
||
- Helps to define the props type.</li>
|
||
<li><a
|
||
href="https://github.com/facing-dev/vue-facing-decorator">vue-facing-decorator</a>
|
||
- Vue 3 typescript class component decorators, like
|
||
<code>vue-property-decorator</code> in Vue 2.</li>
|
||
</ul>
|
||
<h4 id="http-requests">HTTP Requests</h4>
|
||
<p><em>Retrieve data over HTTP</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/pagekit/vue-resource">vue-resource</a> -
|
||
The HTTP client for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/foxbenjaminfox/vue-async-computed">vue-async-computed</a>
|
||
- Async computed properties for Vue.js.</li>
|
||
<li><a href="https://github.com/LancerComet/vue-jsonp">vue-jsonp</a> - A
|
||
tiny library for handling JSONP request.</li>
|
||
<li><a href="https://github.com/huanleguang/v-model">v-model</a> -
|
||
V-Model is a model plugin for Vue.js, like ng-resource.</li>
|
||
<li><a
|
||
href="https://github.com/noru/vue-resource-mock">vue-resource-mock</a> -
|
||
A helper to mock your http response, based on vue-resource’s
|
||
interceptor.</li>
|
||
<li><a
|
||
href="https://github.com/kamijin-fanta/vue-async-data">vue-async-data-2</a>
|
||
- Async data loading plugin for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/ftgibran/vue-api-request">vue-api-request</a> -
|
||
A plugin that provides full control on your APIs, making your request
|
||
simple, fast, and easy to implement.</li>
|
||
<li><a
|
||
href="https://github.com/leonardovilarinho/vue-fast-axios">vue-fast-axios</a>
|
||
- Make requests with validations in a simple and beautiful way.</li>
|
||
<li><a
|
||
href="https://github.com/blainehansen/vue-async-properties">vue-async-properties</a>
|
||
- An <code>asyncData</code> and <code>asyncComputed</code> plugin with
|
||
support for debouncing, transforming results, error handlers,
|
||
loading/pending flags, lazy/eager requests.</li>
|
||
<li><a
|
||
href="https://github.com/yugasun/vue-axios-plugin">vue-axios-plugin</a>
|
||
- A plugin that combines axios with Vuejs, making http request more
|
||
easier.</li>
|
||
<li><a
|
||
href="https://github.com/elgris/zipkin-instrumentation-vue-resource">zipkin-instrumentation-vue-resource</a>
|
||
- An interceptor for <code>vue-resource</code> that instruments outgoing
|
||
HTTP requests with <a
|
||
href="https://github.com/openzipkin/zipkin">Zipkin</a></li>
|
||
<li><a
|
||
href="https://github.com/robsontenorio/vue-api-query">vue-api-query</a>
|
||
- Elegant and simple way to build requests for REST API.</li>
|
||
<li><a
|
||
href="https://github.com/SasanFarrokh/vue-chimera">vue-chimera</a> - A
|
||
full-featured RESTful resource based client, compatible with Nuxt.js and
|
||
allows server-side fetch.</li>
|
||
<li><a href="https://github.com/ChangedenCZD/vue-apis">vue-apis</a> - A
|
||
vue plug-in integrated with axios that chain-builds API instances.
|
||
Available from the context of a vue instance (eg:
|
||
this.$apis.apiName()).</li>
|
||
<li><a href="https://github.com/Scrum/rexios">rexios</a> - Utils
|
||
normalize url, data, params for axios when using rest api request.</li>
|
||
<li><a href="https://github.com/Scrum/vue-axillo">vue-axillo</a> -
|
||
Composable Axios for REST API with query notation GraphQL.</li>
|
||
<li><a href="https://github.com/Attojs/vue-request">vue-request</a> - ⚡️
|
||
Vue 3 Composable for data fetching, supports SWR, polling, error retry,
|
||
cache request, pagination, and other cool features.</li>
|
||
<li><a href="https://github.com/Kong/swrv">swrv</a> -
|
||
Stale-while-revalidate data fetching for Vue.</li>
|
||
<li><a href="https://github.com/frederikbache/vue-vroom">vue-vroom</a> -
|
||
A plugin for REST APIs, that lets you quickly generate type safe stores
|
||
and a mock API with minimal config.</li>
|
||
<li><a href="https://github.com/tanstack/query">tanstack-query</a> -
|
||
Powerful asynchronous state management.</li>
|
||
</ul>
|
||
<h4 id="i18n">i18n</h4>
|
||
<p><em>Internationalization / L10n / localization / translation</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/kazupon/vue-i18n">vue-i18n</a> -
|
||
Internationalization plugin for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/javisperez/vuetranslate">vue-translate-plugin</a>
|
||
- VueJS plugin for translations.</li>
|
||
<li><a href="https://github.com/dkfbasel/vuex-i18n">vuex-i18n</a> -
|
||
Localization plugin for vue.js 2.0 using vuex as store.</li>
|
||
<li><a href="https://github.com/Polyconseil/vue-gettext">vue-gettext</a>
|
||
- Translate your Vue.js applications with gettext.</li>
|
||
<li><a href="https://github.com/MattyRad/vue-i18n">vue-i18n</a> - A
|
||
small plugin for implementing translations in Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/leonardovilarinho/vue-multilanguage">vue-multilanguage</a>
|
||
- Support many languages in Vue.js 2.</li>
|
||
<li><a href="https://github.com/twcapps/vue-ts-locale">vue-ts-locale</a>
|
||
- A plugin for implementing translations using Intl in Vue.js 2 with
|
||
typescript support.</li>
|
||
<li><a href="https://github.com/panter/vue-i18next">vue-i18next</a> - A
|
||
i18next wrapper to support translations in Vue.js 2.</li>
|
||
<li><a
|
||
href="https://github.com/guillaumevincent/vue-polyglot">vue-polyglot</a>
|
||
- Basic translation plugin for Vue.js 2 with async loading.</li>
|
||
<li><a href="https://github.com/neetjn/v-localize">v-localize</a> -
|
||
Simple localization plugin for the amazing Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/ClassicOldSong/vue-simple-i18n">vue-simple-i18n</a>
|
||
- Probably the thinnest library to end all Vue i18n solutions within
|
||
1kb</li>
|
||
<li><a
|
||
href="https://github.com/cutsin/template-string-i18n">template-string-i18n</a>
|
||
- I18n using template strings with auto save/load translate
|
||
documents.</li>
|
||
<li><a
|
||
href="https://github.com/owl1n/vue-translations">vue-translations</a> -
|
||
Translate your vuejs application easy with it.</li>
|
||
<li><a href="https://github.com/f/vue-i18n-service">vue-i18n-service</a>
|
||
- Export and import <code>vue-i18n</code>’s SFC translations.</li>
|
||
<li><a
|
||
href="https://github.com/chiaweilee/vue-i18n-filter">vue-i18n-filter</a>
|
||
- Vue filter extend for Vue-i18n, simply using
|
||
<code>{{ hello world | t }}</code>.</li>
|
||
<li><a
|
||
href="https://github.com/cyon/vue-translation-manager">vue-translation-manager</a>
|
||
- Interactively find and translate strings in your Vue.js application.
|
||
Works well with vue-18n and vuex-i18n.</li>
|
||
<li><a href="https://github.com/Ni55aN/vue-t9n">vue-t9n</a> - Simplest
|
||
way to translate your applications</li>
|
||
<li><a
|
||
href="https://github.com/alidrus/vue-simple-inline-translation">vue-simple-inline-translation</a>
|
||
- A Vue component that simplifies the way text is translated: by
|
||
translating it inline.</li>
|
||
<li><a
|
||
href="https://github.com/pixari/vue-i18n-extract">vue-i18n-extract</a> -
|
||
Manage vue-i18n localization with static analysis. Make reports about
|
||
missing and unused i18n entries.</li>
|
||
<li><a
|
||
href="https://github.com/antfu/vue-i18n-ally">vscode-vue-i18n-ally</a> -
|
||
VSCode extension for better Vue-i18n experiences.</li>
|
||
<li><a href="https://github.com/vinayakkulkarni/v-intl">v-intl</a> -
|
||
Global Intl wrapper for your awesome Vue 3 app 🔉</li>
|
||
<li><a
|
||
href="https://github.com/grafikri/excel-vue-i18n">excel-vue-i18n</a> - A
|
||
plugin transforms excel file to i18n json format for translations.</li>
|
||
<li><a
|
||
href="https://github.com/FrontLabsOfficial/vue-i18n-lite">vue-i18n-lite</a>
|
||
- A super lightweight and minimal plugin that introduces
|
||
internationalization into your Vue.js app with a simple API.</li>
|
||
<li><a
|
||
href="https://github.com/i7eo/v-google-translate">v-google-translate</a>
|
||
- A component that use google translate to internationalize your Vue.js
|
||
app.</li>
|
||
<li><a href="https://github.com/Demivan/fluent-vue">fluent-vue</a> -
|
||
Internationalization plugin for Vue.js (2 and 3). Vue.js integration for
|
||
Fluent.js - JavaScript implementation of Project Fluent</li>
|
||
<li><a
|
||
href="https://github.com/uiwebkit/localize-vue-2x">localize-vue-2x</a> -
|
||
Uni Localization Vue 2 integration example. Customizable Language Menu
|
||
widget built with Web Components.</li>
|
||
<li><a
|
||
href="https://github.com/uiwebkit/localize-vue-3x">localize-vue-3x</a> -
|
||
Uni Localization Vue 3 integration example. Customizable Language Menu
|
||
widget built with Web Components.</li>
|
||
<li><a
|
||
href="https://github.com/Aaronlamz/vue-next-i18n">vue-next-i18n</a> - A
|
||
lightweight internationalization plugin for Vue 3.</li>
|
||
<li><a
|
||
href="https://github.com/tolgee/tolgee-js/tree/main/packages/vue">tolgee/vue</a>
|
||
- Web-based localization tool enabling users to translate directly in
|
||
the Vue 3 app they develop.</li>
|
||
<li><a
|
||
href="https://github.com/Aaronlamz/excel-to-json">excel-to-json</a> - A
|
||
easy tool is created to convert Excel to JSON for i18n.</li>
|
||
<li><a
|
||
href="https://github.com/intlify/vue-i18n-next">intlify/vue-i18n-next</a>
|
||
- Vue I18n for Vue 3.</li>
|
||
<li><a href="https://github.com/i18n-pro/vue">i18n-pro/vue</a> -
|
||
Lightweight, simple, flexible, automatic translation
|
||
internationalization tool for Vue.</li>
|
||
<li><a href="https://github.com/i18n-pro/vue2">i18n-pro/vue2</a> -
|
||
Lightweight, simple, flexible, automatic translation
|
||
internationalization tool for Vue 2.</li>
|
||
</ul>
|
||
<h4 id="custom-events">Custom Events</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/cklmercer/vue-events">vue-events</a> -
|
||
Simple event handling for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/sandeepk01/vue-event-handler">vue-event-handler</a>
|
||
- Event handling plugin for VueJS.</li>
|
||
<li><a
|
||
href="https://github.com/pagekit/vue-event-manager">vue-event-manager</a>
|
||
- The global event manager for Vue.js.</li>
|
||
<li><a href="https://github.com/vouill/vue-geb">vue-geb</a> - A global
|
||
event bus using Observables.</li>
|
||
<li><a href="https://github.com/fffixed/vue-bus">vue-bus</a> - Tiny
|
||
simple central event bus plugin for Vue.js 2.</li>
|
||
<li><a
|
||
href="https://github.com/VeryWow/vue-simple-events">vue-simple-events</a>
|
||
- Yet another event management plugin, but WITHOUT Vue instance</li>
|
||
<li><a
|
||
href="https://github.com/Cweili/vue-option-events">vue-option-events</a>
|
||
- Bring Vue.js 1 events option and $emit to Vue.js 2.</li>
|
||
<li><a href="https://github.com/denisinvader/vue-emit">vue-emit</a> - A
|
||
helper function to emit events from functional components.</li>
|
||
<li><a
|
||
href="https://github.com/nolde/vue-plugin-events">vue-plugin-events</a>
|
||
- Simple global event bus for Vue.js applications with automatic
|
||
subscription control.</li>
|
||
<li><a
|
||
href="https://github.com/PoluosmakAndrew/vue3-custom-hooks">vue3-custom-hooks</a>
|
||
- Build custom hooks for Vue.js 3 Composition API.</li>
|
||
<li><a
|
||
href="https://github.com/Tahul/vue-catch-hrefs">vue-catch-hrefs</a> -
|
||
Catch clicks on hrefs links (in v-html) and route them to
|
||
vue-router.</li>
|
||
</ul>
|
||
<h4 id="persistence">Persistence</h4>
|
||
<p><em>LocalStorage etc.</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/pinguinjkeke/vue-local-storage">vue-localstorage</a>
|
||
- Vue.js localStorage plugin with types support.</li>
|
||
<li><a href="https://github.com/RobinCK/vue-ls">vue-ls</a> - Vue plugin
|
||
for work with LocalStorage from Vue context.</li>
|
||
<li><a href="https://github.com/qurateinc/vue-pouch">vue-pouch</a> -
|
||
Live and reactive bindings for PouchDB. Persist data in IndexedDB and
|
||
sync with CouchDB.</li>
|
||
<li><a href="https://github.com/ddgll/vue-idb">vue-idb</a> - Lists and
|
||
huge lists management with IndexedDB (Dexie.js) only or automatically
|
||
created and extendible vuex modules</li>
|
||
<li><a
|
||
href="https://github.com/gvost/vue-browserstore">vue-browserstore</a> -
|
||
Browser storage wrapper.</li>
|
||
<li><a href="https://github.com/SeregPie/VueStorage">VueStorage</a> -
|
||
Allows components to save and load their data across browser
|
||
sessions.</li>
|
||
<li><a
|
||
href="https://github.com/ankurk91/vue-web-storage">vue-web-storage</a>
|
||
Another Vue.js plugin for localStorage and sessionStorage</li>
|
||
<li><a
|
||
href="https://github.com/S64/vue-universal-cookies">vue-universal-cookies</a>
|
||
Isomorphic cookies plugin for Vue.js / Nuxt.js supports Browser,
|
||
Express, http (node).</li>
|
||
<li><a
|
||
href="https://github.com/yarkovaleksei/vue2-storage">vue2-storage</a>
|
||
Browser storage for Vue.js app</li>
|
||
<li><a href="https://github.com/bazzite/vue-warehouse">vue-warehouse</a>
|
||
A Cross-browser storage for Vue.js and Nuxt.js, with plugins support and
|
||
easy extensibility based on Store.js.</li>
|
||
<li><a
|
||
href="https://github.com/dreambo8563/vue-storage-watcher">vue-storage-watcher</a>
|
||
/ <a href="https://github.com/dreambo8563/next-vue-storage-watcher">Vue
|
||
3 version</a> - A reactive localStorage/sessionStorage plugin for Vue.js
|
||
with strong typed for Vue 2 / Vue 3.</li>
|
||
<li><a
|
||
href="https://github.com/HJ29/vue-use-local-storage">vue-use-local-storage</a>
|
||
- A composition api to persist and rehydrate reactive data to local
|
||
storage for vue 3.</li>
|
||
</ul>
|
||
<h4 id="state-management">State Management</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/vuejs/vuex">vuex</a> - Centralized State
|
||
Management for Vue.js.</li>
|
||
<li><a href="https://github.com/buhrmi/vue-sync">vue-sync</a> -
|
||
Synchronize Vue State with the Browser URL, Server Backend, and other
|
||
endpoints.</li>
|
||
<li><a href="https://github.com/keuller/vuelm">vuelm</a> - Lightweight
|
||
state management inspired by Elm architecture.</li>
|
||
<li><a href="https://github.com/markselby9/vuez">vuez</a> - A simple but
|
||
powerful State Management for Vue.js, with only 2 APIs.</li>
|
||
<li><a href="https://github.com/medevicex/vuet">vuet</a> - Vue.js state
|
||
management model for Agile Development</li>
|
||
<li><a href="https://github.com/qgp9/vue-ya-stash">vue-ya-stash</a> -
|
||
Yet Another stash storage with update/patch event emitters similar with
|
||
v-bind.sync</li>
|
||
<li><a
|
||
href="https://github.com/midnightSuyama/vue-assign-model">vue-assign-model</a>
|
||
- Automatically assign elements value to model for Vue.js.</li>
|
||
<li><a href="https://github.com/cklmercer/vue-stash">vue-stash</a> -
|
||
Easily share reactive data between your Vue components.</li>
|
||
<li><a href="https://github.com/aarondfrancis/vue-model">vue-model</a> -
|
||
Model component for Vue.js</li>
|
||
<li><a href="https://github.com/Raiondesu/Tuex">tuex</a> - A mostly
|
||
reasonable alternative to Vuex.</li>
|
||
<li><a href="https://github.com/dwqs/revuejs">revuejs</a> - A tiny,
|
||
light and handy state management for vuejs 2, writing less verbose
|
||
code.</li>
|
||
<li><a href="https://github.com/dwqs/lue">lue</a> - Vue and vuex based
|
||
library, writing less verbose code.</li>
|
||
<li><a href="https://github.com/rayraegah/vuex-lite">vuex-lite</a> - A
|
||
1KB Vuex with just state and mutations.</li>
|
||
<li><a href="https://github.com/raizam/vue-shared">vue-shared</a> - A
|
||
light and simple alternative to vuex</li>
|
||
<li><a
|
||
href="https://github.com/abdullah/vuex-module-generator">vuex-module-generator</a>
|
||
- It allows you to create a vuex module easily.</li>
|
||
<li><a
|
||
href="https://github.com/kbdsbx/vuex-declaration">vuex-declaration</a> -
|
||
Declare state like props, make state inject to vuex dynamically when
|
||
component created.</li>
|
||
<li><a href="https://github.com/Hokid/vuex-up">vuex-up</a> - Brings
|
||
mixing and services injector features to module vuex.</li>
|
||
<li><a href="https://github.com/zerobias/effector">effector</a> — Fast
|
||
and powerful reactive state manager. Effector lets you write simple,
|
||
fast and type safe code and manage reactive state with ease.</li>
|
||
<li><a
|
||
href="https://gitlab.com/sophosoft/nano-state-vue">nano-state-vue</a> -
|
||
Efficient, effective, and extensible state management: less is more</li>
|
||
<li><a
|
||
href="https://github.com/universal-model/universal-model-vue">universal-model-vue</a>
|
||
- Unified state management for Vue (and also for
|
||
Angular/React/Svelte)</li>
|
||
<li><a href="https://github.com/sumcumo/vue-states">vue-states</a> -
|
||
State management system for Vue with same API as Vue components</li>
|
||
<li><a href="https://github.com/mediv0/v-bucket">v-bucket</a> - 📦 Fast,
|
||
Simple, and Lightweight State Management for Vue 3.0 built with
|
||
composition API, inspired by Vuex.</li>
|
||
<li><a href="https://github.com/SeregPie/VueFort">VueFort</a> - Data
|
||
modeling for Vue. Works for Vue 2 & 3.</li>
|
||
<li><a href="https://github.com/Korijn/vue-store"><span class="citation"
|
||
data-cites="korijn/vue-store">@korijn/vue-store</span></a> - Lightweight
|
||
Vue 3 composition API-compatible store pattern library with
|
||
undo/redo.</li>
|
||
<li><a href="https://github.com/js-cosmos/vuex-light">vuex-light</a> -
|
||
State management system with robust typing for Vue 3</li>
|
||
<li><a
|
||
href="https://github.com/crashkonijn/vue-object-state">vue-object-state</a>
|
||
- Simple object/dto/model state tracking</li>
|
||
<li><a
|
||
href="https://github.com/socotecio/vue-datatable-url-sync">vue-datatable-url-sync</a>
|
||
- Synchronize datatable options and filters with the url to keep user
|
||
preference even after refresh or navigation</li>
|
||
<li><a href="https://github.com/kouts/vue-path-store">vue-path-store</a>
|
||
- Simple state management that uses the dot notation path syntax, also
|
||
comes with Vuex and Pinia plugins.</li>
|
||
<li><a href="https://github.com/posva/pinia">pinia</a> - 🍍 Intuitive,
|
||
type safe, light and flexible Store for Vue using the composition api
|
||
with DevTools support.</li>
|
||
<li><a href="https://github.com/andrewcourtice/harlem">harlem</a> -
|
||
Simple, unopinionated, lightweight and extensible state management for
|
||
Vue 3</li>
|
||
<li><a href="https://github.com/guyskk/hami-vuex">hami-vuex</a> - 🍈
|
||
Hami melon flavored Vuex, modular by design, completely TypeScript
|
||
intelligence, state management for Vue.js.</li>
|
||
<li><a href="https://github.com/Marcisbee/exome">exome</a> - Simple
|
||
proxy based state manager for deeply nested states.</li>
|
||
</ul>
|
||
<h5 id="redux">Redux</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/Vuedeux/vuedeux">vuedeux</a> - Binding
|
||
Solutions for Vue & Redux.
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/kolesoffac/redux-store-mixin">redux-store-mixin</a>
|
||
- Mixin for integrate action creators in methods of vue-component</li>
|
||
<li><a
|
||
href="https://github.com/kolesoffac/vue-redux-prepare-props">vue-redux-prepare-props</a>
|
||
- Helper for use props of <em>Redux</em> with <em>Vue.js</em> using
|
||
<em>Vuex</em> and <em>Vuedeux</em></li>
|
||
</ul></li>
|
||
<li><a
|
||
href="https://github.com/titouancreach/vuejs-redux">vuejs-redux</a> -
|
||
High order component facilities for Vue and Redux.</li>
|
||
<li><a href="https://github.com/niklv/vuex-coolstory">vuex-coolstory</a>
|
||
- Plugin for vuex to run redux-saga.</li>
|
||
</ul>
|
||
<h5 id="mobx">Mobx</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/nighca/movue">movue</a> - Mobx
|
||
integration for Vue.js.</li>
|
||
<li><a href="https://github.com/dwqs/vue-mobx">vue-mobx</a> - Mobx
|
||
binding for Vuejs 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/wobsoriano/mobx-vue-lite">mobx-vue-lite</a> -
|
||
Lightweight Vue 3 bindings for MobX based on Composition API.</li>
|
||
</ul>
|
||
<h5 id="pinia">Pinia</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/wobsoriano/pinia-shared-state">pinia-shared-state</a>
|
||
- A lightweight plugin to sync your pinia state across browser
|
||
tabs.</li>
|
||
<li><a href="https://github.com/wobsoriano/pinia-undo">pinia-undo</a> -
|
||
Undo/Redo plugin for pinia.</li>
|
||
<li><a
|
||
href="https://github.com/wobsoriano/pinia-xstate">pinia-xstate</a> - Put
|
||
your xstate state machines into a global pinia store.</li>
|
||
<li><a
|
||
href="https://github.com/JD-Wang/pinia-persistedstate">pinia-persistedstate</a>
|
||
- Persist Vuex state with localStorage, like vuex-persistedstate.</li>
|
||
<li><a href="https://github.com/CodeDredd/pinia-orm">pinia-orm</a> - The
|
||
Pinia plugin to enable Object-Relational Mapping access to the Pinia
|
||
Store. 🍍</li>
|
||
<li><a href="https://github.com/ccqgithub/pinia-di">pinia-di</a> -
|
||
Dependency injection for pinia.</li>
|
||
<li><a
|
||
href="https://github.com/iendeavor/pinia-plugin-persistedstate-2">pinia-persistedstate-2</a>
|
||
- Persist and rehydrate your Pinia state between page reloads.</li>
|
||
</ul>
|
||
<h5 id="authenticationauthorization">Authentication/Authorization</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/JiriChara/vue-kindergarten">vue-kindergarten</a></li>
|
||
<li><a
|
||
href="https://github.com/dgrubelic/vue-authenticate">vue-authenticate</a>
|
||
- Simple Vue.js authentication library for login/register and OAuth
|
||
(1.0/2.0) authentication</li>
|
||
<li><a
|
||
href="https://github.com/biessek/vue-facebook-account-kit">vue-facebook-account-kit</a>
|
||
- Simple vue wrapper to the fb account kit library.</li>
|
||
<li><a
|
||
href="https://github.com/stalniy/casl/tree/master/packages/casl-vue">casl-vue</a>
|
||
- Restricts what resources a given user is allowed to access</li>
|
||
<li><a
|
||
href="https://github.com/vertcitron/vue-google-api">vue-google-api</a> -
|
||
A wrapper for easy integration of the Google’s APIs client in any vue.js
|
||
2 project, based on promises, with built-in Oauth2 “Sign In with Google”
|
||
facilities.</li>
|
||
<li><a href="https://github.com/websanova/vue-auth">vue-auth</a> - A
|
||
simple light-weight authentication library for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/d0whc3r/vue-auth-plugin">vue-auth-plugin</a> -
|
||
A simple authentication and authorization library for Vue.js using
|
||
typescript</li>
|
||
<li><a
|
||
href="https://github.com/phanan/vue-google-signin-button">vue-google-signin-button</a>
|
||
- A simple Vue plugin to include a Google sign-in button into your web
|
||
app</li>
|
||
<li><a
|
||
href="https://github.com/phanan/vue-facebook-signin-button">vue-facebook-signin-button</a>
|
||
- A simple plugin to include a custom Facebook sign-in button into your
|
||
web app</li>
|
||
<li><a href="https://github.com/nachodd/vue-auth-href">vue-auth-href</a>
|
||
- A VueJS directive for downloading files that are under a protected
|
||
route schema</li>
|
||
<li><a href="https://github.com/mvertopoulos/vue-msal">vue-msal</a> -
|
||
Vue plugin for using Microsoft Authentication Library (MSAL)</li>
|
||
<li><a
|
||
href="https://github.com/victorybiz/vue-simple-acl">vue-simple-acl</a> -
|
||
A simple unopinionated Vue plugin for managing user roles and
|
||
permissions, access-control list (ACL) and role-based access control
|
||
(RBAC).</li>
|
||
</ul>
|
||
<h5 id="vuex-utilities">Vuex Utilities</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/robinvdvleuten/vuex-persistedstate">vuex-persistedstate</a>
|
||
- Persist Vuex state with localStorage.</li>
|
||
<li><a
|
||
href="https://github.com/AlexandreBonaventure/vuex-jsdata-plugin">vuex-plugin-jsdata</a>
|
||
- A plugin for syncing Vuex store with js-data.</li>
|
||
<li><a href="https://github.com/ktsn/vuex-local">vuex-local</a> - Local
|
||
state management within Vuex.</li>
|
||
<li><a href="https://github.com/varHarrie/vuex-action">vuex-action</a> -
|
||
Utilities for vuex to easily create and manage actions.</li>
|
||
<li><a
|
||
href="https://github.com/christianmalek/vuex-rest-api">vuex-rest-api</a>
|
||
- A Helper utility to simplify the usage of REST APIs with Vuex. Based
|
||
on axios.</li>
|
||
<li><a href="https://github.com/superwf/vuex-cache">vuex-cache</a> - A
|
||
Vuex plugin utility to cache action those will make remote request.</li>
|
||
<li><a
|
||
href="https://github.com/championswimmer/vuex-persist">vuex-persist</a>
|
||
- A Typescript-ready Vuex plugin to help save the store to localStorage
|
||
or any custom Storage (that you can configure).</li>
|
||
<li><a
|
||
href="https://github.com/biluochun/vuex-localState">vuex-local-state</a>
|
||
- Add ‘localState/sessionState’ options to vuex. Keep the Vuex state
|
||
with localStorage.</li>
|
||
<li><a
|
||
href="https://github.com/chlab/vuex-action-reload">vuex-action-reload</a>
|
||
- A vuex plugin that reloads actions when a condition is met.</li>
|
||
<li><a
|
||
href="https://github.com/maple3142/vuejs-storage">vuejs-storage</a> -
|
||
Vue.js and vuex plugin to persistence data with
|
||
localStorage/sessionStorage.</li>
|
||
<li><a href="https://github.com/vuex-orm/vuex-orm">vuex-orm</a> - The
|
||
Vuex plugin to enable Object-Relational Mapping access to the Vuex
|
||
Store.</li>
|
||
<li><a
|
||
href="https://github.com/liqueflies/vuex-async-module">vuex-async-module</a>
|
||
- Reduce async boilerplate code generating Vuex modules. Compatible with
|
||
Vue 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/L-Chris/vuex-iframe-sync">vuex-iframe-sync</a>
|
||
- Vuex state synchronization between iframe/window.</li>
|
||
<li><a
|
||
href="https://gitlab.com/frissdiegurke/vuex-aspect">vuex-aspect</a> -
|
||
Bind remote data of any kind to the vuex store.</li>
|
||
<li><a href="https://github.com/lusaxweb/vuenut">Vuenut</a> - is a
|
||
component to develop faster and more fluently.</li>
|
||
<li><a
|
||
href="https://github.com/maoberlehner/vuex-map-fields">vuex-map-fields</a>
|
||
- Enable two-way data binding for form fields.</li>
|
||
<li><a
|
||
href="https://github.com/AlbertLucianto/vuex-search">vuex-search</a> -
|
||
Vuex binding for client-side search with indexers and Web Workers.</li>
|
||
<li><a
|
||
href="https://davestewart.github.io/vuex-pathify/#/">vuex-pathify</a> -
|
||
provides a unified path syntax to Vuex stores (such as
|
||
<code>foo/bar@a.b.c</code>)</li>
|
||
<li><a
|
||
href="https://github.com/anthinkingcoder/vuex-loading">vuex-loading</a>
|
||
- Simplify vuex loading state management</li>
|
||
<li><a
|
||
href="https://github.com/oncebot/vuex-module-builder">vuex-module-builder</a>
|
||
- Vuex module builder is a wrapper for writing vuex stores efficiently
|
||
with some common methods built-in.</li>
|
||
<li><a
|
||
href="https://github.com/cyon/vuex-pagination">vuex-pagination</a> -
|
||
Easily work with paginated resources in your Vue/Vuex application. Works
|
||
well with most of the Vue pagination components.</li>
|
||
<li><a
|
||
href="https://mesqueeb.github.io/vuex-easy-firestore/">vuex-easy-firestore</a>
|
||
- Easy coupling of Firebase Cloud Firestore and Vuex. 2-way sync with 0
|
||
boilerplate!</li>
|
||
<li><a
|
||
href="https://github.com/TimurKiyivinski/vuex-listener">vuex-listener</a>
|
||
- A global Vuex action and mutation listener plugin</li>
|
||
<li><a href="https://github.com/mrichar1/jsonapi-vuex">jsonapi-vuex</a>
|
||
- Use a JSONAPI api with a Vuex store, with client-side
|
||
restructuring/normalization of records.</li>
|
||
<li><a href="https://github.com/mikefaraponov/vuexi">vuexi</a> -
|
||
provides utilities to simplify async actions and state management</li>
|
||
<li><a
|
||
href="https://github.com/stfalcon-studio/stfalcon-vuex-loading-plugin">stfalcon-vuex-loading-plugin</a>
|
||
- the easiest way to handle loading state of vuex</li>
|
||
<li><a href="https://github.com/ProReNata/VueRestResource">Vue Rest
|
||
Resource</a> - Rest HTTP resource management for Vue.js and Vuex
|
||
projects.</li>
|
||
<li><a href="https://github.com/xiaoluoboding/vuex-stateshot">Vuex
|
||
Stateshot</a> - 💾 A State Snapshot plugin on Actions/Mutations for
|
||
Vuex3.1+.</li>
|
||
<li><a
|
||
href="https://github.com/mikeevstropov/vuex-loopback">vuex-loopback</a>
|
||
- Vuex module factory and Vue components for Loopback.</li>
|
||
<li><a
|
||
href="https://github.com/dezull/vuex-state-snapshot">vuex-state-snapshot</a>
|
||
- A Vuex plugin to take state snapshot on mutation.</li>
|
||
<li><a
|
||
href="https://github.com/Schoolmouv-team/vuex-awesome-async">vuex-awesome-async</a>
|
||
- It wraps Vuex stores to easily manage async requests (loading, error
|
||
and cache state).</li>
|
||
<li><a
|
||
href="https://github.com/Goldziher/vuex-factories">vuex-factories</a> -
|
||
Factory functions to generate vuex actions and mutations.</li>
|
||
<li><a href="https://github.com/Goldziher/vuex-hooks">vuex-hooks</a> -
|
||
Typescript enabled vuex composition-api hooks.</li>
|
||
<li><a
|
||
href="https://github.com/echo008/vuex-composition">vuex-composition</a>
|
||
- A util package to use Vuex with Composition API and Reactivity API
|
||
easily.</li>
|
||
<li><a
|
||
href="https://github.com/greenpress/vuex-composition-helpers">vuex-composition-helpers</a>
|
||
- A util package to use Vuex with Composition API easily.</li>
|
||
<li><a
|
||
href="https://github.com/zWingz/vuex-ts-enhance">vuex-ts-enhance</a> - A
|
||
tool to enhance <code>mapXXX</code> and <code>dispatch</code> methods
|
||
hint</li>
|
||
<li><a
|
||
href="https://github.com/Silksofthesoul/vuex-masked-modules">vuex-masked-modules</a>
|
||
- A Vuex plugin put data structure of the module in localStorage, with
|
||
the ability to mask or encrypt the data to make it difficult to explore.
|
||
Designed for Vue 3 and Vuex 4.</li>
|
||
</ul>
|
||
<h6 id="sync-between-tabs">Sync Between Tabs</h6>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/RashadSaleh/vuex-basement">vuex-basement</a> -
|
||
Vuex state persistence and synchronization between tabs/windows.</li>
|
||
<li><a
|
||
href="https://github.com/xanf/vuex-shared-mutations">vuex-shared-mutations</a>
|
||
- Share vuex mutations between tabs/windows.</li>
|
||
<li><a
|
||
href="https://github.com/gabrielmbmb/vuex-multi-tab-state">vuex-multi-tab-state</a>
|
||
- Share and synchronize status between multiple tabs with this plugin
|
||
for Vuex.</li>
|
||
</ul>
|
||
<h4 id="graphql">GraphQL</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/Akryum/vue-apollo">vue-apollo</a> -
|
||
Apollo/GraphQL integration for VueJS.</li>
|
||
<li><a href="https://github.com/ntkme/vue-relay">vue-relay</a> - A
|
||
framework for building GraphQL-driven Vue.js applications.</li>
|
||
<li><a
|
||
href="https://github.com/vuex-orm/vuex-orm-apollo">vuex-orm-apollo</a> -
|
||
Apollo/GraphQL integration for Vuex-ORM.</li>
|
||
<li><a
|
||
href="https://github.com/storipress/apollo-vue-devtools">apollo-vue-devtools</a>
|
||
- Apollo integration for Vue-Devtools to inspect GraphQL queries in the
|
||
vue-devtools timeline</li>
|
||
</ul>
|
||
<h4 id="concurrency-management">Concurrency Management</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/alidcastano/vuency">vuency</a> -
|
||
Concurrency management for Vue.js.</li>
|
||
</ul>
|
||
<h4 id="code-style">Code Style</h4>
|
||
<p><em>Improve readability of code</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/dwightjack/vue-types">vue-types</a> -
|
||
Vue Prop Types definitions.</li>
|
||
<li><a href="https://github.com/ye-will/vue-factory">vue-factory</a> - A
|
||
simple factory/provider extension for Vue.js, like services in
|
||
Angular.</li>
|
||
<li><a
|
||
href="https://github.com/vuejs/eslint-plugin-vue">eslint-plugin-vue</a>
|
||
- Eslint plugin for Vue.js projects.</li>
|
||
<li><a
|
||
href="https://github.com/partyka95/vue-decorators">vue-decorators</a> -
|
||
Decorators for Vue.js (beta).</li>
|
||
<li><a
|
||
href="https://github.com/michalsnik/vue-computed-helpers">vue-computed-helpers</a>
|
||
- Computed helpers for Vue.js apps</li>
|
||
<li><a href="https://github.com/LancerComet/Vert-Core">vert</a> -
|
||
Library to build Vue applications in OOP.</li>
|
||
<li><a
|
||
href="https://github.com/mya-ake/vue-slot-checker">vue-slot-checker</a>
|
||
- Provide the function to check slot like checking props.</li>
|
||
<li><a
|
||
href="https://github.com/FloEdelmann/vue-ts-types">vue-ts-types</a> -
|
||
Lightweight TypeScript-first Vue prop type definitions.</li>
|
||
</ul>
|
||
<h4 id="css">CSS</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/c01nd01r/vue-bem-cn">vue-bem-cn</a> -
|
||
Simple BEM class name generator for Vue.JS.</li>
|
||
<li><a
|
||
href="https://github.com/NxtChg/pieces/tree/master/js/vue/vue-css">vue-css</a>
|
||
- Vue.js plugin that allows you to bundle CSS with your components.</li>
|
||
<li><a href="https://github.com/RGRU/vue-mods-names">vue-mods-names</a>
|
||
- Adding modificators to class names for all components in app.</li>
|
||
<li><a href="https://github.com/mrtone/vue-styler">vue-styler</a> -
|
||
Simple, performant styler for vue.</li>
|
||
<li><a
|
||
href="https://github.com/fjc0k/vue-css-modules">vue-css-modules</a> -
|
||
Seamless mapping of class names to CSS Modules inside of Vue
|
||
components.</li>
|
||
<li><a
|
||
href="https://github.com/mlturner88/vue-simple-bem">vue-simple-bem</a> -
|
||
Directive with succint syntax for adding BEM class names to
|
||
elements.</li>
|
||
<li><a href="https://github.com/houd1ni/fela-vue">fela-vue</a> -
|
||
CSS-IN-JS mixin for Vue designed for flexibility yet team-oriented.</li>
|
||
<li><a href="https://github.com/LongTengDao/j-vue/">j-vue</a></li>
|
||
<li><a
|
||
href="https://github.com/JoshK2/vue-spinners-css">vue-spinners-css</a> -
|
||
Collection of pure CSS vue spinners components, css spinners for ajax or
|
||
loading animation based on loading.io.</li>
|
||
<li><a
|
||
href="https://github.com/LuXDAmore/vue-css-doodle">vue-css-doodle</a> -
|
||
Porting of css-doodle, a web component for drawing patterns with
|
||
CSS.</li>
|
||
</ul>
|
||
<h4 id="asset-management">Asset Management</h4>
|
||
<p><em>Utilities for building / compiling / bundling / loading
|
||
assets</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/taoeffect/vue-script2">vue-script2</a> -
|
||
Standardized, designer-friendly script tag behavior for your Single Page
|
||
App.</li>
|
||
<li><a href="https://github.com/vuejs/vue-loader">vue-loader</a> -
|
||
Webpack loader for Vue.js components.</li>
|
||
<li><a href="https://github.com/vuejs/vueify">vueify</a> - Browserify
|
||
transform for single-file Vue components.</li>
|
||
<li><a href="https://github.com/paulpflug/vue-compiler">vue-compiler</a>
|
||
- A simple cli wrapper around the vue-component-compiler.</li>
|
||
<li><a href="https://github.com/nblackburn/vue-brunch">vue-brunch</a> -
|
||
Adds support to Brunch for pre-compiling single file Vue
|
||
components.</li>
|
||
<li><a href="https://github.com/egoist/poi">poi</a> - Start writing an
|
||
app with a single .js file, Poi could handle all the development setups
|
||
for you, no more configuration hell.</li>
|
||
<li><a
|
||
href="https://github.com/FranckFreiburger/http-vue-loader">http-vue-loader</a>
|
||
- Load .vue files directly from your html/js without node.js environment
|
||
nor build step.</li>
|
||
<li><a
|
||
href="https://github.com/skyrpex/vue-jsx-hot-loader">vue-jsx-hot-loader</a>
|
||
- Enable HMR for Vue.js components with JSX render functions.</li>
|
||
<li><a
|
||
href="https://github.com/SeregPie/VueInBrowserLoader">VueInBrowserLoader</a>
|
||
- Loads a .vue file from the given URL and compiles it to a component
|
||
directly in the browser.</li>
|
||
<li><a
|
||
href="https://github.com/NetCZ/vue-separate-files-webpack-loader">vue-separate-files-webpack-loader</a>
|
||
- Webpack loader for separated Vue components parts</li>
|
||
<li><a
|
||
href="https://github.com/visualfanatic/vue-svg-loader">vue-svg-loader</a>
|
||
- webpack loader that lets you use SVG files as Vue components</li>
|
||
<li><a
|
||
href="https://github.com/AmirrezaNasiri/vue-registrar">vue-registrar</a>
|
||
- ☘️ A package that dynamically registers your components and vuex
|
||
modules - Makes your code a lot readable!</li>
|
||
<li><a
|
||
href="https://github.com/hunterliu1003/vue-automatic-import-loader">vue-automatic-import-loader</a>
|
||
- webpack loader that auto import your Vue single file components by
|
||
using a match function.</li>
|
||
<li><a
|
||
href="https://github.com/chenxinan/vue-aimg-loader">vue-aimg-loader</a>
|
||
- A easy way to use image in Vue template without write css.</li>
|
||
<li><a
|
||
href="https://github.com/jpkleemans/vite-svg-loader">vite-svg-loader</a>
|
||
- Vite plugin to load SVG files as Vue components</li>
|
||
<li><a href="https://github.com/gVguy/vue-sfc-split">vue-sfc-split</a> -
|
||
Convert SFCs for native browser use without build</li>
|
||
<li><a
|
||
href="https://github.com/cduyzh/webpack-plugin-qiniu-upload">webpack-plugin-qiniu-upload</a>
|
||
- Vue3,webpack-plugin-qiniu-upload for qiniu(七牛)|aws(亚马逊) cloud
|
||
upload. support <span class="citation"
|
||
data-cites="vue/cli-service">@vue/cli-service</span> 5.0.x</li>
|
||
</ul>
|
||
<h4 id="page-navigation">Page Navigation</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/zack24q/vue-navigation">vue-navigation</a> - A
|
||
page navigation library, record routes and cache pages, like native app
|
||
navigation. 一个页面导航库,记录路由并缓存页面,像原生 APP
|
||
导航一样。</li>
|
||
<li><a href="https://github.com/leonardovilarinho/vue-acl">vue-acl</a> -
|
||
Access Control List for VueJS 2.</li>
|
||
<li><a
|
||
href="https://github.com/samturrell/vue-breadcrumbs">vue-breadcrumbs</a>
|
||
- Implements simple breadcrumb functionality with vue-router for both
|
||
Vue 1.x and Vue 2.x.</li>
|
||
<li><a
|
||
href="https://github.com/Scrum/vue-2-breadcrumbs">vue-2-breadcrumbs</a>
|
||
- breadcrumb together with vue-router for Vue 2.x. and Bootstrap 4</li>
|
||
<li><a
|
||
href="https://github.com/NxtChg/pieces/tree/master/js/vue/vs-crumbs">vs-crumbs</a>
|
||
- Vue breadcrumbs in 40 lines of code that allows nested paths without
|
||
child views.</li>
|
||
<li><a href="https://github.com/nearspears/vue-nav">vue-nav</a> - Page
|
||
navigation manager, support all navigation function of native mobile
|
||
app. 页面导航管理器,支持手机原生应用的所有导航功能。</li>
|
||
<li><a href="https://github.com/Suruat/vue-2-crumbs">vue-2-crumbs</a> -
|
||
Breadcrumbs plugin for Vue.js 2 framework that allows to select parent
|
||
route in route meta object with no need of sub-routing. Also allows
|
||
using dynamic data.</li>
|
||
<li><a href="https://github.com/imgly/pesdk-wrapper-vuejs">vue-pesdk</a>
|
||
Vue.js wrapper for the PhotoEditorSDK</li>
|
||
<li><a href="https://github.com/javisperez/vue-resolve">vue-resolve</a>
|
||
Resolve routes data before entering / rendering the component for that
|
||
route.</li>
|
||
<li><a
|
||
href="https://github.com/hezhongfeng/vue-page-stack">vue-page-stack</a>
|
||
- Routing and navigation for your Vue SPA. Vue 单页应用导航管理器</li>
|
||
</ul>
|
||
<h4 id="miscellaneous-3">Miscellaneous</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/rpkilby/vue-super">vue-super</a> - A
|
||
simple plugin to call methods on parent components.</li>
|
||
<li><a href="https://github.com/skyrpex/props-to-local"><span
|
||
class="citation"
|
||
data-cites="skyrpex/props-to-local">@skyrpex/props-to-local</span></a> -
|
||
Vue mixin that maps props to local data.</li>
|
||
<li><a href="https://github.com/jpex-js/vue-inject">vue-inject</a> -
|
||
Dependency injection for Vue 2.x Components</li>
|
||
<li><a href="https://github.com/bhoriuchi/vue-deepset">vue-deepset</a> -
|
||
Interact with deeply nested fields in Vue/Vuex objects/state with
|
||
v-model in Vue 1.x and 2.x</li>
|
||
<li><a href="https://github.com/lucaperret/vue-gaspard">vue-gaspard</a>
|
||
- DOM helpers plugin for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/alex-oleshkevich/vue-config">vue-configuration</a>
|
||
- A static configuration object for Vue.js</li>
|
||
<li><a href="https://github.com/Ewocker/vue-lodash">vue-lodash</a> - A
|
||
simple wrapper for integrating lodash to Vue 2.</li>
|
||
<li><a href="https://github.com/choufeng/vue-ramda">vue-ramda</a> - Vue
|
||
Wrapper for <a href="http://ramdajs.com/">ramda</a></li>
|
||
<li><a
|
||
href="https://github.com/anthonygore/vue-router-user-roles">vue-router-user-roles</a>
|
||
- Protects routes based on user roles. Add your own authentication.</li>
|
||
<li><a href="https://github.com/fjc0k/vue-messenger">vue-messenger</a> -
|
||
A series of useful enhancements to Vue component props: Transform,
|
||
Enum-type, Numeric-type, Two-way data bindings.</li>
|
||
<li><a
|
||
href="https://github.com/estudioliver/vue-uuid.git">vue-uuid-v4</a> -
|
||
Plugin Vue2 to easy get UUIDv4</li>
|
||
<li><a
|
||
href="https://github.com/devstark-com/vue-async-operations">vue-async-operations</a>
|
||
- Managing async operations statuses in your Vue components</li>
|
||
<li><a
|
||
href="https://github.com/shwilliam/vue-direction">vue-direction</a> - 👋
|
||
Direction aware hover in Vuejs</li>
|
||
<li><a
|
||
href="https://github.com/berniegp/vue-unique-id">vue-unique-id</a> -
|
||
Generates unique component ids and component-scoped HTML ids.</li>
|
||
<li><a
|
||
href="https://github.com/stfalcon-studio/stfalcon-vue-di">stfalcon-vue-di</a>
|
||
- ⭐️ Lightweight DI for vue components️ ❤️</li>
|
||
<li><a href="https://github.com/VitorLuizC/vue-uuid">vue-uuid</a> - Adds
|
||
UUID to Vue instance.</li>
|
||
<li><a href="https://github.com/Scandltd/vue-injector">vue-injector</a>
|
||
- Dependency injection for Vue 2.x</li>
|
||
<li><a
|
||
href="https://github.com/privatenumber/vue-subslot">vue-subslot</a> - 💍
|
||
Vue component to pick ’n choose what you want from a slot</li>
|
||
<li><a
|
||
href="https://github.com/dannyfeliz/vue-timed-content">vue-timed-content</a>
|
||
- Shows or hides content based on a given time range and timezone.</li>
|
||
<li><a href="https://github.com/vue-styleguidist/vue-live">vue-live</a>
|
||
- A component to demo components, inspired by react-live.</li>
|
||
<li><a href="https://github.com/ecosia/vue-safe-html">vue-safe-html</a>
|
||
- Vue.js directive which renders sanitised HTML dynamically.</li>
|
||
<li><a href="https://github.com/shaynekasai/v-fetch">v-fetch</a> -
|
||
Vue.js directive to make AJAX requests.</li>
|
||
<li><a
|
||
href="https://github.com/sergiocarracedo/vue-use-model-helpers">vue-use-model-helpers</a>
|
||
- Helper to map properties to local Ref using Composition API for Vue
|
||
2.x and 3</li>
|
||
<li><a href="https://github.com/skirtles-code/vue-vnode-utils"><span
|
||
class="citation"
|
||
data-cites="skirtle/vue-vnode-utils">@skirtle/vue-vnode-utils</span></a>
|
||
- Helper functions for working with slot VNodes inside render functions
|
||
in Vue 3</li>
|
||
</ul>
|
||
<h4 id="web-workers">Web Workers</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/israelss/vue-worker">vue-worker</a> - A
|
||
Vue.js plugin to use webworkers in a simple way.</li>
|
||
<li><a
|
||
href="https://gitlab.com/schoolmouv-open-source/vue-log-worker">vue-log-worker</a>
|
||
- A Vue.js plugin to log error and vuex mutations to your backend
|
||
through a web worker</li>
|
||
</ul>
|
||
<h4 id="jsx">JSX</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/nickmessing/babel-plugin-jsx-vue-functional">jsx-vue-functional</a>
|
||
- A Babel plugin that brings syntactic sugar for Vue functional
|
||
components.</li>
|
||
<li><a
|
||
href="https://github.com/nickmessing/babel-plugin-jsx-event-modifiers">jsx-event-modifiers</a>
|
||
- A Babel plugin that adds event modifiers similar to Vue templates to
|
||
JSX.</li>
|
||
<li><a
|
||
href="https://github.com/nickmessing/babel-plugin-jsx-v-model">jsx-v-model</a>
|
||
- A Babel plugin that brings <code>v-model</code> to JSX.</li>
|
||
<li><a
|
||
href="https://github.com/njleonzhang/babel-plugin-vue-jsx-sync">vue-jsx-sync</a>
|
||
- A Babel plugin that brings vue <code>sync modifier</code> to JSX.</li>
|
||
<li><a
|
||
href="https://github.com/LancerComet/vue2-jsx-runtime">vue2-jsx-runtime</a>
|
||
- A Vue 2 new JSX transform runtime for TSC/SWC. Use Vue 2 JSX with
|
||
TSC/SWC directly.</li>
|
||
</ul>
|
||
<h4 id="migration">Migration</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/mikeapr4/vue-backbone">vue-backbone</a>
|
||
- Vue.js Plugin to facilitate Backbone integration.</li>
|
||
<li><a
|
||
href="https://github.com/mubaidr/vue2-migration-helper">vue2-migration-helper</a>
|
||
- Transforms Vue.js SFCs to composition api syntax.</li>
|
||
</ul>
|
||
<h4 id="web-sockets">Web Sockets</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/MetinSeylan/Vue-Socket.io">vue-socket.io</a> -
|
||
Socket.io implementation for vuejs.</li>
|
||
<li><a href="https://github.com/icebob/vue-websocket">vue-websocket</a>
|
||
- Simple websocket (socket.io) plugin for Vue.js.</li>
|
||
<li><a href="https://github.com/happyDemon/vue-echo">vue-echo</a> -
|
||
Integrates Laravel Echo into Vue, allows for easy registration of socket
|
||
events.</li>
|
||
<li><a
|
||
href="https://github.com/nigeltiany/vue-socket-cluster">vue-socket-cluster</a>
|
||
- Web Sockets for vue with uws(Micro web sockets) through socket
|
||
cluster</li>
|
||
<li><a
|
||
href="https://github.com/nathantsoi/vue-native-websocket">vue-native-websocket</a>
|
||
- Native websocket implementation for Vuejs 2 and Vuex</li>
|
||
<li><a
|
||
href="https://github.com/probil/vue-socket.io-extended">vue-socket.io-extended</a>
|
||
- Socket.io bindings for Vue.js and Vuex</li>
|
||
<li><a href="https://github.com/vip30/vue-phoenix">vue-phoenix</a> -
|
||
Elixir Phoenix Web Socket implementation for vuejs. Also provides
|
||
typescript decorator for better use.</li>
|
||
</ul>
|
||
<h4 id="server-sent-events">Server-Sent Events</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/tserkov/vue-sse">vue-sse</a> - A Vue
|
||
plugin for using Server-Sent Events (EventSource).</li>
|
||
</ul>
|
||
<h4 id="payment">Payment</h4>
|
||
<p>Payment utilities.</p>
|
||
<h5 id="stripe">Stripe</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/jofftiquez/vue-stripe-checkout">vue-stripe-checkout</a>
|
||
- A simple vue plugin for Stripe checkout.</li>
|
||
<li><a
|
||
href="https://github.com/samturrell/vue-stripe-payment">vue-stripe-payment</a>
|
||
- Vue wrapper for jquery.payment by Stripe.</li>
|
||
<li><a
|
||
href="https://github.com/ectoflow/vue-stripe-elements">vue-stripe-elements</a>
|
||
- Vue component collection for Stripe.js</li>
|
||
<li><a
|
||
href="https://github.com/ectoflow/vue-stripe-js">vue-stripe-js</a> - Vue
|
||
3 components for Stripe.js</li>
|
||
</ul>
|
||
<h5 id="paypal">Paypal</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/khoanguyen96/vue-paypal-checkout">vue-paypal-checkout</a>
|
||
- A simple Vue.js wrapper component for paypal-checkout.</li>
|
||
</ul>
|
||
<h5 id="plaid">Plaid</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/roundupapp/vue-plaid-link">vue-plaid-link</a> -
|
||
Easy to use Vue component for Plaid Link.</li>
|
||
</ul>
|
||
<h3 id="integrations">Integrations</h3>
|
||
<p><em>Integrate with services or other frameworks</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/ktquez/vue-disqus">vue-disqus</a> - Vue
|
||
component to integrate Disqus comments in your application, with support
|
||
for SPA.</li>
|
||
<li><a
|
||
href="https://github.com/kaorun343/vue-youtube-embed">vue-youtube-embed</a>
|
||
- Vue.js and YouTube.</li>
|
||
<li><a
|
||
href="https://github.com/nicolasbeauvais/vue-add-to-calendar">vue-add-to-calendar</a>
|
||
- A Vue.js component that provides “Add to Calendar” functionality,
|
||
works with Vue 2.X.</li>
|
||
<li><a href="https://github.com/Akryum/vue-meteor">Vue + Meteor</a> -
|
||
Vue first-class integration in Meteor.</li>
|
||
<li><a href="https://github.com/HerringtonDarkholme/av-ts">av-ts</a> - A
|
||
modern, type-safe, idiomatic Vue binding library.</li>
|
||
<li><a
|
||
href="https://github.com/NeutroniumCore/Neutronium">Neutronium</a> -
|
||
Build .NET desktop applications using HTML, CSS and javascript.</li>
|
||
<li><a
|
||
href="https://github.com/locoslab/vue-typescript-jest">vue-typescript-jest</a>
|
||
- Jest preprocessor.js for Vue.js components (supporting html, pug, and
|
||
babel) and TypeScript.</li>
|
||
<li><a
|
||
href="https://github.com/locoslab/vue-jest-utils">vue-jest-utils</a> -
|
||
Utilities for testing Vue.js components using Jest.</li>
|
||
<li><a
|
||
href="https://github.com/karol-f/vue-custom-element">vue-custom-element</a>
|
||
- Vue Custom Element - Custom Elements for Vue.js.</li>
|
||
<li><a href="https://github.com/kartsims/vue-cordova">vue-cordova</a> -
|
||
Vue.js plugin for Cordova.</li>
|
||
<li><a href="https://github.com/lajosbencz/vue-wamp">vue-wamp</a> -
|
||
AutobahnJS wrapper library fo Vue.js.</li>
|
||
<li><a href="https://github.com/danmademe/express-vue">express-vue</a> -
|
||
Vue rendering engine for Express.js. Use .Vue files as templates using
|
||
res.render().</li>
|
||
<li><a
|
||
href="https://github.com/drozdzynski/vue-grecaptcha">vue-grecaptcha</a>
|
||
- Google reCAPTCHA for VueJS 2</li>
|
||
<li><a href="https://github.com/DanSnow/vue-recaptcha">vue-recaptcha</a>
|
||
- Google reCAPTCHA component for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/edgardleal/require-vuejs">require-vuejs</a> -
|
||
RequireJS plugin to async and dynamic load and parse .vue
|
||
components.</li>
|
||
<li><a
|
||
href="https://github.com/iliran11/facebook-login-vue.git">facebook-login-vuejs</a>
|
||
- Vue Component for Authenticating your Facebook App and get the
|
||
benefits of Facebook Login.</li>
|
||
<li><a href="https://github.com/vuejs/vuefire">vuejs/vuefire</a> -
|
||
Official Firebase Integration for VueJS</li>
|
||
<li><a href="https://github.com/nigeltiany/vuefire">vuefire</a> -
|
||
Firebase for VueJS and Vuex</li>
|
||
<li><a href="https://github.com/maple3142/vue-runkit">vue-runkit</a> -
|
||
RunKit Embed for Vue.js</li>
|
||
<li><a
|
||
href="https://github.com/anteriovieira/vue-youtube">vue-youtube</a> -
|
||
Provides a simple layer for you to use your imagination while over the
|
||
<a
|
||
href="https://developers.google.com/youtube/iframe_api_reference">YouTube
|
||
IFrame Player API</a>. (Compatible with SSR)</li>
|
||
<li><a
|
||
href="https://github.com/alex-oleshkevich/vue-introjs">vue-introjs</a> -
|
||
Integrates intro.js step-by-step guide and feature introduction with
|
||
Vue.js <a href="http://introjs.com/">http://introjs.com/</a>.</li>
|
||
<li><a href="https://github.com/InCuca/vue-loopback">vue-loopback</a> -
|
||
Loopback and Vue application template</li>
|
||
<li><a href="https://github.com/samturrell/vue-laroute">vue-laroute</a>
|
||
- Integrate Laravel routes into your VueJS application using
|
||
laroute.</li>
|
||
<li><a href="https://github.com/anteriovieira/vue-raven">vue-raven</a> -
|
||
Automatically reports uncaught JavaScript exceptions triggered from vue
|
||
component.</li>
|
||
<li><a
|
||
href="https://github.com/vchaptsev/vue-telegram-login">vue-telegram-login</a>
|
||
- Vue Component for <a
|
||
href="https://core.telegram.org/widgets/login">Telegram Login</a></li>
|
||
<li><a href="https://github.com/vuexpress/vuexpress">vuexpress</a> - Vue
|
||
+ Express.js = VueXpress / A server-side rendering engine for
|
||
Express.js. Use .vue files as your express.js templates.</li>
|
||
<li><a href="https://github.com/eperedo/vue-fixer">vue-fixer</a> - A
|
||
simple vue component for the <a href="https://fixer.io">fixer
|
||
API</a>.</li>
|
||
<li><a
|
||
href="https://github.com/Botre/amazon-cognito-vuex-module">amazon-cognito-vuex-module</a>
|
||
- Vuex module for Amazon Cognito.</li>
|
||
<li><a href="https://github.com/morrislaptop/vue-web3">vue-web3</a> -
|
||
Web3 blockchain bindings for Vue.js (inspired by Vuefire and
|
||
Drizzle)</li>
|
||
<li><a
|
||
href="https://github.com/GIVESocialMovement/sbt-vuefy">sbt-vuefy</a> -
|
||
Vue.js integration for Playframework</li>
|
||
<li><a
|
||
href="https://github.com/ivandov/loopback-vue-starter">loopback-vue-starter</a>
|
||
- LoopBack and Vue starter template with easy plugin management through
|
||
<code>vue-cli</code> and <code>vue ui</code>.</li>
|
||
<li><a href="https://stefanhoelzl.github.io/vue.py/">vue.py</a> - Write
|
||
Vue.js Components in Python</li>
|
||
<li><a
|
||
href="https://github.com/vchaptsev/vue-telegram-passport">vue-telegram-passport</a>
|
||
- Vue Component for <a
|
||
href="https://telegram.org/blog/passport">Telegram Passport</a></li>
|
||
<li><a
|
||
href="https://github.com/adi518/vue-facebook-login-component">vue-facebook-login-component</a>
|
||
- A fully customizable component for integrating Facebook login.</li>
|
||
<li><a
|
||
href="https://github.com/promosis/vue-programmatic-invisible-google-recaptcha">vue-programmatic-invisible-google-recaptcha</a>
|
||
- A simple invisible Google reCAPTCHA component focused solely on
|
||
programmatic invocation.</li>
|
||
<li><a href="https://github.com/manatlan/vbuild">vbuild</a> - Its main
|
||
purpose is to let you use components (.vue files) in your vuejs app,
|
||
without a full nodejs stack. Since 0.6 versions : you can create <a
|
||
href="https://github.com/manatlan/vbuild/blob/master/doc/PyComponent.md">your
|
||
component in pure python</a> !</li>
|
||
<li><a
|
||
href="https://github.com/feathers-plus/feathers-vuex">feathers-vuex</a>
|
||
- is a first class integration of the Feathers Client and Vuex. It
|
||
implements many Redux best practices under the hood, eliminates a lot of
|
||
boilerplate code, and still allows you to easily customize the Vuex
|
||
store.</li>
|
||
<li><a
|
||
href="https://github.com/chiaweilee/vue-nocaptcha">vue-nocaptcha</a> -
|
||
Aliyun noCAPTCHA component for Vue.js</li>
|
||
<li><a href="https://github.com/ModusCreateOrg/ionic-vue">ionic-vue</a>
|
||
- Vue.js integration for Ionic v4</li>
|
||
<li><a
|
||
href="https://github.com/0xcert/framework/tree/master/packages/0xcert-vue-plugin">vue-0xcert</a>
|
||
- Vue.js integration for 0xcert Framework - an open-source library that
|
||
provides tools for building powerful decentralized applications</li>
|
||
<li><a
|
||
href="https://github.com/AlexandreBonaventure/vue-zdog">vue-zdog</a> -
|
||
Vue wrapper for zDog - a minimalist 3D engine for the browser</li>
|
||
<li><a href="https://github.com/crishellco/vue-unleash">vue-unleash</a>
|
||
- A Vue plugin for the <a href="https://unleash.github.io/">Unleash</a>
|
||
open-source feature flag platform</li>
|
||
<li><a
|
||
href="https://github.com/zeye-ru/vue-zeye-client">vue-zeye-client</a> -
|
||
A Vue plugin for simple use of the <a
|
||
href="https://github.com/zeye-ru/zeye-server">Zeye-server</a>
|
||
open-source mediasoup WebRTC SFU server</li>
|
||
<li><a
|
||
href="https://github.com/technowledgy/vue-postgrest">vue-postgrest</a> -
|
||
Vue.js integration for postgREST: flexible, powerful and easy to
|
||
use.</li>
|
||
<li><a href="https://github.com/OrienteerBAP/vuecket">Vuecket</a> -
|
||
WebFramework where power of Vue.JS married with magic of <a
|
||
href="https://wicket.apache.org/">Apache Wicket</a></li>
|
||
<li><a href="https://github.com/dashhudson/vue-ld">vue-ld</a> - Vue
|
||
LaunchDarkly plugin and routing utilities</li>
|
||
<li><a href="https://github.com/sherl0g/prisma">Prisma</a> - Logs
|
||
visualization client for <span class="citation"
|
||
data-cites="sherlog/cli">@sherlog/cli</span></li>
|
||
<li><a href="https://github.com/webistomin/vuetube">vuetube</a> - 🚀 A
|
||
fast, lightweight, lazyload vue component acting as a thin layer over
|
||
the YouTube Iframe Player API which renders fast</li>
|
||
<li><a href="https://github.com/DannyFeliz/vue-tweet">vue-tweet</a> -
|
||
Vue 3 component that let you embed tweets in your App by only giving the
|
||
tweet id</li>
|
||
<li><a href="https://github.com/chnejohnson/vue-dapp">vue-dapp</a> - Vue
|
||
3 library for building Dapps with ethers.js.</li>
|
||
<li><a
|
||
href="https://github.com/bbonch/vue3-recaptcha2">vue3-recaptcha2</a> -
|
||
Google reCAPTCHA 2 for Vue 3.</li>
|
||
<li><a href="https://github.com/indus/hugoVueSFC">hugoVueSFC</a> - Vue
|
||
Single-File Components (SFC) in <a
|
||
href="https://gohugo.io/">Hugo</a>.</li>
|
||
<li><a href="https://github.com/deptyped/vue-telegram">vue-tg</a> -
|
||
Telegram Web Apps integration for Vue 3.</li>
|
||
</ul>
|
||
<h4 id="vue-cli-plugins">Vue CLI Plugins</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/m0dch3n/vue-cli-plugin-cordova">vue-cli-plugin-cordova</a>
|
||
- Vue CLI Plugin to add Cordova easily to your project</li>
|
||
<li><a
|
||
href="https://github.com/David-Desmaisons/vue-cli-plugin-component">vue-cli-plugin-component</a>
|
||
- Vue CLI Plugin to create component</li>
|
||
<li><a
|
||
href="https://github.com/PureConstructs/vue-cli-plugin-modular-vuex">vue-cli-plugin-modular-vuex</a>
|
||
- Vue CLI Plugin to create modular Vuex store files</li>
|
||
<li><a
|
||
href="https://github.com/PureConstructs/vue-cli-plugin-modular-router">vue-cli-plugin-modular-router</a>
|
||
- Vue CLI Plugin to create modular route files</li>
|
||
<li><a
|
||
href="https://github.com/truefalse10/vue-cli-plugin-docker-nginx">vue-cli-plugin-docker-nginx</a>
|
||
- Vue CLI Plugin to add a docker deployment using a minimal nginx
|
||
server</li>
|
||
<li><a
|
||
href="https://github.com/codetrial/vue-cli-plugin-element">vue-cli-plugin-element</a>
|
||
- Vue CLI Plugin to build an enterprise application with element-ui in
|
||
seconds</li>
|
||
<li><a
|
||
href="https://github.com/nklayman/vue-cli-plugin-electron-builder">vue-cli-plugin-electron-builder</a>
|
||
- Vue CLI Plugin for Electron with no required configuration that uses
|
||
Electron Builder.</li>
|
||
<li><a
|
||
href="https://github.com/codecept-js/vue-cli-plugin-codeceptjs-puppeteer">vue-cli-plugin-codeceptjs-puppeteer</a>
|
||
- installs CodeceptJS & Puppeteer for supercharged end 2 end testing
|
||
🙋</li>
|
||
<li><a
|
||
href="https://github.com/KamiMeow/vue-cli-plugin-kami">vue-cli-plugin-kami</a>
|
||
- Vue CLI Plugin with work-made architecture for quickly start your
|
||
app</li>
|
||
<li><a
|
||
href="https://github.com/BryanAdamss/vue-cli-plugin-auto-alias">vue-cli-plugin-auto-alias</a>
|
||
- Vue CLI Plugin to automatically sets alias</li>
|
||
<li><a
|
||
href="https://github.com/DevTony101/vue-cli-plugin-clean">vue-cli-plugin-clean</a>
|
||
- Vue CLI Plugin to help you clean and quickly set up your Vue app by
|
||
adding some common tools and patterns</li>
|
||
<li><a
|
||
href="https://github.com/xuxihai123/vue-cli-plugin-mock">vue-cli-plugin-mock</a>
|
||
- Vue CLI Plugin to mock http request</li>
|
||
<li><a
|
||
href="https://github.com/P0ppoff/vue-cli-plugin-ci">vue-cli-plugin-ci</a>
|
||
- Vue CLI Plugin to generate CI agent config file to start project with
|
||
CI</li>
|
||
<li><a
|
||
href="https://github.com/capacitor-community/vue-cli-plugin-capacitor">vue-cli-plugin-capacitor</a>
|
||
- A Vue CLI 3 Plugin for Capacitor</li>
|
||
<li><a
|
||
href="https://github.com/sanyu1225/vue-cli-plugin-chrome-extension-cli">vue-cli-plugin-chrome-extension-cli</a>
|
||
- Vue CLI Plugin generate chrome extension template</li>
|
||
</ul>
|
||
<h5 id="google-analytics">Google Analytics</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/ScreamZ/vue-analytics">vue-ua</a> -
|
||
Google Universal Analytics support in Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/MatteoGabriele/vue-analytics">vue-analytics</a>
|
||
- Vue plugin for Google Analytics.</li>
|
||
<li><a href="https://github.com/mib200/vue-gtm">vue-gtm</a> - Vue plugin
|
||
for Google Tag Manager</li>
|
||
<li><a href="https://github.com/MatteoGabriele/vue-gtag">vue-gtag</a> -
|
||
Global Site Tag plugin for Vue</li>
|
||
</ul>
|
||
<h5 id="yandex-metrika">Yandex Metrika</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/shershen08/vue-ya-metrica">vue-ya-metrica</a> -
|
||
Vue plugin for Yandex.Metrica</li>
|
||
<li><a
|
||
href="https://github.com/vchaptsev/vue-yandex-metrika">vue-yandex-metrika</a>
|
||
- Vue plugin for Yandex Metrika with router integration, plugin
|
||
options</li>
|
||
</ul>
|
||
<h3 id="dev-tools">Dev Tools</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/paulpflug/vue-dev-server">vue-dev-server</a> -
|
||
A small development server for building <code>vue</code>
|
||
components.</li>
|
||
<li><a href="https://storybook.js.org">Storybook</a> - The UI
|
||
Development Environment. works with v3.2+ later.</li>
|
||
<li><a
|
||
href="https://chrome.google.com/webstore/detail/font-awesome-icon-finder/kjejboahkcobalmgldloeinebmbomgog">Font
|
||
Awesome Finder</a> - Chrome extension to search, preview and choose Font
|
||
Awesome icons and copy the selected icon HTML code & Unicode to
|
||
clipboard.</li>
|
||
<li><a href="https://github.com/paulcollett/vue-dummy">vue-dummy</a> -
|
||
Placeholder Text and Dummy Images as a simple <code>v-dummy</code>
|
||
directive.</li>
|
||
<li><a href="https://github.com/teambit/bit">Bit</a> - Manage and reuse
|
||
<code>vue</code> components between projects. Easily isolate and share
|
||
components from any project without changing its source code, organize
|
||
curated collections and install in different projects.</li>
|
||
<li><a
|
||
href="https://github.com/David-Desmaisons/ComponentFixture">ComponentFixture</a>
|
||
- is a component design to develop and test other components,
|
||
automatically binding their props.</li>
|
||
<li><a
|
||
href="https://github.com/eliranmal/vue-cli-template-dev-server">vue-cli-template-dev-server</a>
|
||
- A development server for building vue-cli custom templates.</li>
|
||
<li><a
|
||
href="https://github.com/SergioCrisostomo/vue-codemods">vue-codemods</a>
|
||
- Collection of codemod scripts that help update and refactor Vue and
|
||
JavaScript files.</li>
|
||
<li><a href="https://codesandbox.io/s/vue-vue">codesandbox</a> - An
|
||
online IDE and prototyping tool for rapid Vue development.</li>
|
||
<li><a
|
||
href="https://github.com/privatenumber/vue-dom-hints">vue-dom-hints</a>
|
||
- 💡 Get hints in the DOM. Minimal Vue devtool alternative.</li>
|
||
<li><a
|
||
href="https://github.com/tolking/components-helper">components-helper</a>
|
||
- Based on the documents to provide code prompt files for vue component
|
||
library.</li>
|
||
<li><a
|
||
href="https://github.com/webdevnerdstuff/vue-unicorn-log">vue-unicorn-log</a>
|
||
- A Vue 2 magical 🦄 plugin to make coloring the (devtools) console
|
||
output easier and more flexible. <a
|
||
href="https://github.com/webdevnerdstuff/vue3-unicorn-log">Vue 3
|
||
version</a> version also available..</li>
|
||
</ul>
|
||
<h4 id="inspect">Inspect</h4>
|
||
<p><em>Inspecting & debugging</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/vuejs/vue-devtools">Vue.js devtools</a>
|
||
- Chrome devtools extension for debugging Vue.js applications.</li>
|
||
<li><a href="https://github.com/MiCottOn/DejaVue">DejaVue</a> -
|
||
Visualization and debugging tool built for Vue.js.</li>
|
||
<li><a href="https://github.com/Herteby/vue-clicky">vue-clicky</a> -
|
||
Right click any component to show info about it in the console.</li>
|
||
<li><a
|
||
href="https://github.com/justinkames/vuejs-logger">vuejs-logger</a> -
|
||
Provides customizable logging functionality for Vue.js.</li>
|
||
<li><a
|
||
href="https://github.com/calirojas506/vue-inspector">vue-inspector</a> -
|
||
Vue.js Inspector for Mobile Devices</li>
|
||
<li><a href="https://github.com/vue-perf-devtool/vue-perf-devtool">Vue
|
||
Performance Devtool</a> - Vue Performance Devtool is a browser extension
|
||
for inspecting the performance of Vue Components</li>
|
||
<li><a href="https://github.com/davestewart/vue-source">VueSource</a> -
|
||
Global Vue mixin which identifies components in source code by adding
|
||
HTML comments</li>
|
||
<li><a
|
||
href="https://github.com/TheJaredWilcurt/nw-vue-devtools">NW-Vue-DevTools</a>
|
||
- DevDependency for adding Vue DevTools into NW.js</li>
|
||
<li><a href="https://github.com/Moventes/bruit.io">bruit-io</a> -
|
||
Collect feedback with screenshot and technical data and post them to an
|
||
API like <a href="https://bruit.io">bruit.io</a>.</li>
|
||
</ul>
|
||
<h4 id="docs">Docs</h4>
|
||
<p><em>Create documentation</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/QingWei-Li/vue-markdown-loader">vue-markdown-loader</a>
|
||
- Convert Markdown file to Vue Component.</li>
|
||
<li><a
|
||
href="https://github.com/shershen08/vue-styleguide-generator">vue-styleguide-generator</a>
|
||
- React inspired style guide generator for Vue.js.</li>
|
||
<li><a href="https://vuejs-tips.github.io/cheatsheet">CheatSheet</a> -
|
||
Complete Interactive API.</li>
|
||
<li><a href="https://vuejs-tips.github.io/vuex-cheatsheet">Vuex
|
||
CheatSheet</a> - Complete Interactive Vuex API.</li>
|
||
<li><a
|
||
href="https://github.com/vue-styleguidist/vue-styleguidist">vue-styleguidist</a>
|
||
- A style guide generator for Vue components with a living style
|
||
guide.</li>
|
||
<li><a
|
||
href="https://github.com/mattrothenberg/vue-elucidate">vue-elucidate</a>
|
||
- A component that generates beautiful documentation for your living
|
||
styleguide / design system.</li>
|
||
<li><a href="https://github.com/wxsms/vue-md-loader">vue-md-loader</a> -
|
||
Markdown files to ALIVE Vue components.</li>
|
||
<li><a href="https://gitlab.com/vuedoc/parser"><span class="citation"
|
||
data-cites="vuedoc/parser">@vuedoc/parser</span></a> - Generate a JSON
|
||
documentation for a Vue file component.</li>
|
||
<li><a href="https://gitlab.com/vuedoc/md"><span class="citation"
|
||
data-cites="vuedoc/md">@vuedoc/md</span></a> - Generate a Markdown
|
||
Documentation for a Vue file.</li>
|
||
<li><a
|
||
href="https://github.com/ccqgithub/jsdoc-vue-component">jsdoc-vue-component</a>
|
||
- A jsodc3 plugin that extract vue SFC info(name, props, events…) to
|
||
document.</li>
|
||
<li><a href="https://github.com/ccqgithub/jsdoc-vuedoc">jsdoc-vuedoc</a>
|
||
- A jsdoc3 plugin use <code>@vuedoc/md</code>.</li>
|
||
<li><a
|
||
href="https://github.com/mattrothenberg/vue-storybook">vue-storybook</a>
|
||
– Add <code><story></code> blocks to your Vue single file
|
||
components for tighter integration of Vue + <a
|
||
href="https://github.com/storybooks/storybook">Storybook</a></li>
|
||
<li><a
|
||
href="https://github.com/learn-vuejs/vue-patterns">vue-patterns</a> -
|
||
Useful Vue patterns, techniques, tips and tricks and helpful curated
|
||
links.</li>
|
||
<li><a href="https://github.com/vuese/vuese">vuese</a> - One-stop
|
||
solution for vue component documentation.</li>
|
||
<li><a
|
||
href="https://github.com/mengdu/vue-dotmd-loader">vue-dotmd-loader</a> -
|
||
A webpack loader for loader markdown file transform to vue file.</li>
|
||
<li><a href="https://github.com/evwt/vue-tut">vue-tut</a> - Easily build
|
||
beautiful tutorials with Vue.</li>
|
||
<li><a href="https://vue-cheatsheet.themeselection.com/">Vue
|
||
Cheatsheet</a> - The only Vue cheatsheet you will ever need</li>
|
||
</ul>
|
||
<h4 id="test">Test</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/jackmellis/vuenit">vuenit</a> -
|
||
Utilities for testing Vue components and directives.</li>
|
||
<li><a href="https://github.com/wrseward/vue-unit">vue-unit</a> - A
|
||
library for Vue.js that makes it easier to create and unit test
|
||
components.</li>
|
||
<li><a href="https://github.com/fromAtoB/vue-a2b">vue-a2b</a> - A
|
||
library for Split Testing with Vue.js (A/B Testing). Highly configurable
|
||
and tiny (1.2k gzipped).</li>
|
||
<li><a href="https://github.com/vuejs/vue-test-utils">vue-test-utils</a>
|
||
- Official utilities for testing Vue components.</li>
|
||
<li><a
|
||
href="https://github.com/biigpongsatorn/vue-test-actions">vue-test-actions</a>
|
||
- Unit testing Vuex actions with Jest mocks.</li>
|
||
<li><a
|
||
href="https://github.com/14nrv/jest-vue-matcher">jest-vue-matcher</a> -
|
||
Additional jest matchers for vue</li>
|
||
<li><a href="https://github.com/crishellco/vue-hubble">vue-hubble</a> -
|
||
A better way to select elements for UI testing in Vue.</li>
|
||
<li><a href="https://github.com/testing-library/vue-testing-library">Vue
|
||
Testing Library</a> - Simple and complete testing utilities that
|
||
encourage good testing practices. Based on DOM Testing Library and built
|
||
upon the official Vue Test Utils.</li>
|
||
<li><a
|
||
href="https://github.com/tjw-lint/jest-serializer-vue-tjw">jest-serializer-vue-tjw</a>
|
||
- Improved formatting of Jest Snapshots</li>
|
||
<li><a
|
||
href="https://github.com/Incognitus-Io/vuex-test-utils">vuex-test-utils</a>
|
||
- Unit testing Vux with chai.</li>
|
||
</ul>
|
||
<h5 id="browser-less-require">Browser-less require</h5>
|
||
<p><em>Load Vue components without browser</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/knpwrs/vue-node">vue-node</a> - Load vue
|
||
components in node.</li>
|
||
</ul>
|
||
<h4 id="source-code-editing">Source Code Editing</h4>
|
||
<p><em>Text editor plugins</em></p>
|
||
<h5 id="atom">Atom</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/hedefalk/atom-vue">language-vue@atom.io</a> -
|
||
Vue component file syntax for Atom.</li>
|
||
<li><a
|
||
href="https://github.com/ealves-pt/atom-vue-snippets">vue-snippets@atom.io</a>
|
||
- Atom snippets for Vue component files.</li>
|
||
<li><a
|
||
href="https://github.com/paulpflug/vue-autocompile">vue-autocompile@atom.io</a>
|
||
- Auto compile vue file on save.</li>
|
||
<li><a
|
||
href="https://github.com/fsblemos/lint-sass-vue">lint-sass-vue@atom.io</a>
|
||
- Atom.io package to lint Sass/SCSS in <code>.vue</code> files.</li>
|
||
<li><a
|
||
href="https://github.com/CorentinAndre/Vuejs-snippets">vuejs2-snippets@atom.io</a>
|
||
- Atom snippets for javascript and components, including lifecycle
|
||
hooks, directives, properties, vuex, vue-router, vue-i18n support.</li>
|
||
<li><a
|
||
href="https://github.com/ealves-pt/atom-vue2-autocomplete">vue2-autocomplete@atom.io</a>
|
||
- Vue.js 2.0+ autocomplete for Atom.</li>
|
||
</ul>
|
||
<h5 id="sublime-text">Sublime Text</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/vuejs/vue-syntax-highlight">Vue Syntax
|
||
Highlight</a> - Sublime Text syntax highlighting for single-file Vue
|
||
components.</li>
|
||
<li><a
|
||
href="https://github.com/baixuexiyang/VUEFormatter">VUEFormatter</a> -
|
||
Sublime Text code format</li>
|
||
<li><a href="https://github.com/luozhihua/sublime-vue-formatter">Vue
|
||
Next Formatter</a> - Sublime Text Vue formatter, Supported ES5/6/7,
|
||
Less/Sass and Pug/Html template.</li>
|
||
</ul>
|
||
<h5 id="vim">Vim</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/posva/vim-vue">Vim Vue</a> - Syntax
|
||
Highlight for Vue.js components.</li>
|
||
<li><a
|
||
href="https://github.com/leafOfTree/vim-vue-plugin">vim-vue-plugin</a> -
|
||
Vim syntax and indent plugin for .vue files.</li>
|
||
</ul>
|
||
<h5 id="visual-studio-code">Visual Studio Code</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/octref/vetur">Vetur</a> - Vue tooling
|
||
for VSCode.</li>
|
||
<li><a href="https://github.com/sdras/vue-vscode-snippets">Vue VSCode
|
||
Snippets</a> - Snippets that will supercharge your Vue workflow.</li>
|
||
<li><a
|
||
href="https://github.com/moduslabs/ionic/tree/master/packages/ionic-vetur">Ionic
|
||
Snippets</a> - Vetur support for Ionic Components</li>
|
||
<li><a href="https://github.com/johnsoncodehk/volar">Volar</a> - The
|
||
Fastest Vue Language Support Extension</li>
|
||
</ul>
|
||
<h5 id="visual-studio">Visual Studio</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/madskristensen/VuePack">VuePack</a> -
|
||
Contains HTML Intellisense and code snippets for the Vue.js JavaScript
|
||
library.</li>
|
||
</ul>
|
||
<h5 id="brackets">Brackets</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/pandao/brackets-vue">Brackets Vue</a> -
|
||
Brackets extension for Vue.js.</li>
|
||
</ul>
|
||
<h5 id="intellij">Intellij</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/JetBrains/intellij-plugins/tree/master/vuejs">Vue.js
|
||
support for WebStorm</a>, IntelliJ IDEA, PhpStorm, PyCharm &
|
||
RubyMine – official Vue.js support by JetBrains</li>
|
||
</ul>
|
||
<h5 id="emacs">Emacs</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/CodeFalling/vue-mode">Vue Mode</a> -
|
||
Emacs major mode for vue.js.</li>
|
||
</ul>
|
||
<h5 id="kate">Kate</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/mtorromeo/kate-syntax-files">Kate Syntax
|
||
Files</a> - Syntax files (modified or original) for katepart (kate,
|
||
kwrite, kdevelop).</li>
|
||
</ul>
|
||
<h3 id="scaffold">Scaffold</h3>
|
||
<p><em>Scaffold / boilerplate / seed / starter kits / stack ensemble /
|
||
Yeoman generator</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/vuejs/vue-cli">vue-cli</a> - Simple CLI
|
||
for scaffolding Vue.js projects.</li>
|
||
<li><a href="https://github.com/NdagiStanley/vue-django">Vue-Django</a>
|
||
- A boilerplate to set you up in bringing the awesomeness of VueJS into
|
||
a Django (Python) app.</li>
|
||
<li><a href="https://github.com/cstrap/python-vuejs">python-vuejs</a> -
|
||
Gluing Python web frameworks and Vue.js with a set of scripts. Basically
|
||
a <code>vue-cli</code> wrapper.</li>
|
||
<li><a
|
||
href="https://github.com/jeneser/generator-vue-plugin">generator-vue-plugin</a>
|
||
- Yeoman generator generating vue plugin.</li>
|
||
<li><a href="https://github.com/dulin666/vue-seed">vue-seed</a> -
|
||
vue-seed is minimal seed for those looking to get up-and-running with
|
||
Vue</li>
|
||
<li><a href="https://github.com/dulin666/nuxt-seed">nuxt-seed</a> -
|
||
nuxt-seed is minimal seed for those looking to get up-and-running with
|
||
Vue and Nuxt</li>
|
||
<li><a
|
||
href="https://github.com/midnightSuyama/rails_vue_melt">rails_vue_melt</a>
|
||
- Rails view with webpack=vue optimizer.</li>
|
||
<li><a href="https://github.com/rohitkrai03/vue-starter">vue-starter</a>
|
||
- A Vue.js starter kit that lets you focus on more programming and less
|
||
configuration.</li>
|
||
<li><a
|
||
href="https://github.com/EvanAgee/vuejs-wordpress-theme-starter">vuejs-wordpress-theme-starter</a>
|
||
- A WordPress theme with the guts ripped out and replaced with Vue</li>
|
||
<li><a href="https://github.com/TheMushrr00m/cordovue">Cordovue</a> - A
|
||
sample Apache Cordova application using Vue.</li>
|
||
<li><a
|
||
href="https://github.com/vchaptsev/cookiecutter-django-vue">Cookiecutter-Django-Vue</a>
|
||
- Django+VueJS+Docker customizable project generator with a large number
|
||
of settings/integrations</li>
|
||
<li><strong><a
|
||
href="https://github.com/bobiscool/iBiu">iBiu</a></strong> A visual CLI
|
||
for scaffolding large Vue projects in 2 seconds.</li>
|
||
<li><a href="https://github.com/alexmacarthur/wp-vue">wp-vue</a> - A
|
||
simple Vue blog template that displays posts from a WordPress REST API
|
||
endpoint.</li>
|
||
<li><a
|
||
href="https://github.com/julon/vue-cli-template-nativescript">vue-cli-template-nativescript</a>
|
||
- Template for starting new nativescript+vue projects with
|
||
rollup+babel+eslint</li>
|
||
<li><a
|
||
href="https://scaffoldhub.io/vue-sample">vue-element-ui-scaffold</a> -
|
||
Online and visual Vue 2 with Element-UI CRUD scaffold/generator.</li>
|
||
<li><a
|
||
href="https://scaffoldhub.io/vue-firebase">vue-firebase-element-ui-scaffold</a>
|
||
- Online and visual Vue 2, Element-UI and Firebase scaffold/generator
|
||
with CRUDs, authentication, file/image upload, activity log and
|
||
more.</li>
|
||
<li><a href="https://github.com/vuesion/vuesion">vuesion</a> - Vuesion
|
||
is a boilerplate that helps product teams build faster than ever with
|
||
fewer headaches and modern best practices across engineering &
|
||
design.</li>
|
||
<li><a
|
||
href="https://github.com/IsraelZablianov/vue-vuex-typescript-webpack-seed">vue-vuex-typescript-webpack-seed</a>
|
||
- A seed project with Vue, Vuex, Typescript, Scss & Webpack with hot
|
||
reloading</li>
|
||
<li><a href="https://github.com/mrboomer/vuecharged-template">VueCharged
|
||
Template</a> - A highly opinionated, feature-first Vue 2 template with
|
||
CLI scaffolding. Uses Vue 2, Vuex, Vue Router and Vue I18n.</li>
|
||
<li><a href="https://github.com/zaiste/huncwot">Huncwot</a> - Vue.js
|
||
boilerplate with Node.js for building modern JavaScript applications
|
||
with « batteries included » approach.</li>
|
||
<li><a
|
||
href="https://github.com/wemake-services/wemake-vue-template">wemake-vue-template</a>
|
||
- Bleeding edge vue template focused on code quality and developer
|
||
happiness. Featuring: nuxt, flow, and jest.</li>
|
||
<li><a
|
||
href="https://github.com/biigpongsatorn/vue-lib-template">vue-lib-template</a>
|
||
- 🛠 A simple template for building and publishing Vue component/library
|
||
as an open source project.</li>
|
||
<li><a
|
||
href="https://github.com/NarHakobyan/awesome-vue-boilerplate">Awesome
|
||
Vue Boilerplate</a> - 😍 Awesome Vue, 🥰 Vuex, Vuex-pathify, element-ui,
|
||
tailwindcss</li>
|
||
<li><a href="https://scaffoldhub.io">ScaffoldHub.io</a> - Generate full
|
||
Vue applications with SQL, MongoDB or Firebase Firestore databases.</li>
|
||
<li><a href="https://christiankienle.github.io/vueplay/">VuePlay</a> -
|
||
Generate disposable Vue playgrounds in seconds. Allows you to test
|
||
things quickly.</li>
|
||
<li><a href="https://github.com/madlabsinc/mevn-cli">Mevn-CLI</a> -
|
||
Light speed setup for MEVN stack based apps.</li>
|
||
<li><a
|
||
href="https://github.com/eliranmal/vue-cli-template-registry">vue-cli-template-registry</a>
|
||
- A solution for installing vue-cli custom templates hosted on
|
||
private/enterprise repositories.</li>
|
||
<li><a href="https://github.com/Timtech4u/vuejs-firebase-cruder">Vuejs
|
||
Firebase CRUD Starter with Auth</a></li>
|
||
<li><a
|
||
href="https://github.com/chrisvfritz/vue-enterprise-boilerplate">vue-enterprise-boilerplate</a>
|
||
- An ever-evolving, very opinionated architecture and dev environment
|
||
for new Vue SPA projects using Vue CLI 3.</li>
|
||
<li><a
|
||
href="https://shershen08.github.io/vue-starters-directory/">vue-starters-directory</a>
|
||
- Search for available scaffold projects and starter kits for VueJS.
|
||
Features search and github stats are available.</li>
|
||
<li><a href="https://github.com/vinayakkulkarni/janak">janak</a> - Build
|
||
your Vue 3 apps in a breeze 🌬</li>
|
||
<li><a
|
||
href="https://github.com/Tahul/vue-composable-starter">vue-composable-starter</a>
|
||
- 🪝 Minimalist starting point for your next Vue composable.</li>
|
||
<li><a
|
||
href="https://github.com/GoodManWEN/vuetify-tailwind-animate-starter">Vuetify-tailwind-animate-starter</a>
|
||
- A vue-cli starter template for vuetify + tailwindcss +
|
||
animate.css.</li>
|
||
<li><a
|
||
href="https://github.com/huogerac/crud-vuetify-structured-template">vuejs-vuetify-structured-template
|
||
boilerplate</a> - A vue-cli template for a full-featured Vuejs + Vuetify
|
||
+ Great structure + API Ready</li>
|
||
<li><a
|
||
href="https://github.com/peterroe/vue-component-starter">vue-component-starter</a>
|
||
- A template to help you create vue3.x component.</li>
|
||
<li><a
|
||
href="https://github.com/M-Media-Group/Vue3-SPA-starter-template">Vue3-SPA-starter-template</a>
|
||
- A starter kit with Router, Pinia, i18n, Stripe, Event Bus, SEO meta
|
||
and schema tag handling, and more.</li>
|
||
</ul>
|
||
<h4 id="client">Client</h4>
|
||
<p><em>Render Vue application in the browser only</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/rayfranco/bourgeon">Bourgeon</a> -
|
||
Bourgeon is an opinionated-featured VueJS 2.0 setup for Webpack.</li>
|
||
<li><a href="https://github.com/weavingbird/vue-settler">Vue Settler</a>
|
||
- An opinionated Vue 2.0 SPA Starter.</li>
|
||
<li><a
|
||
href="https://github.com/Plortinus/vue-multiple-pages">vue-multiple-pages</a>
|
||
- A modern Vue.js multiple pages starter which uses Vue 2, Webpack2, and
|
||
Element-UI</li>
|
||
<li><a
|
||
href="https://github.com/twcapps/vue-typescript-boilerplate">vue-typescript-boilerplate</a>
|
||
- A Vue.js typescript SPA starter with Vue 2, Vue Typed, Vuex, Vue
|
||
Router and localization</li>
|
||
<li><a
|
||
href="https://github.com/colorful-tones/vue-tachyons-template">vue-tachyons-template</a>
|
||
- A Vue 2 project starter template w/ Tachyons, Webpack, and ESLint</li>
|
||
<li><a href="https://github.com/AkiraLaine/Vuets">Vuets</a> - A Vue,
|
||
TypeScript ready boilerplate using class-style components, vue plugin
|
||
options, webpack & vue-cli.</li>
|
||
<li><a
|
||
href="https://github.com/MMF-FE/vue-typescript">MMF-FE/vue-typescript</a>
|
||
- A vue2.x typescript template.</li>
|
||
<li><a href="https://github.com/mcongy/friendly-vue-starter">Friendly
|
||
Vue Starter</a> - A full-featured Vue.js starter project with GraphQL
|
||
support via Apollo-client (Vuex, Vue-router, Vue-i18n, Webpack 3,
|
||
Eslint, Prettier, …)</li>
|
||
<li><a href="https://github.com/Micene09/vue-ts-amd">vue-ts-amd</a> - A
|
||
full-featured Vue.js 2 boilerplate using AMD pattern (RequireJS) and
|
||
Typescript.</li>
|
||
<li><a
|
||
href="https://github.com/petervmeijgaard/vue-2-boilerplate"><strong>vue-2-boilerplate</strong></a>
|
||
- Vue 2 boilerplate for developing medium to large single page
|
||
applications by <a
|
||
href="https://github.com/petervmeijgaard/">petervmeijgaard</a></li>
|
||
<li><a
|
||
href="https://github.com/julon/vue-cli-template-library">vue-cli-template-library</a>
|
||
- Template for developing open-source vue.js libraries with Rollup +
|
||
Jest + Babel + Storybook + TravisCI + SemanticRelease.</li>
|
||
<li><a
|
||
href="https://github.com/julon/vue-cli-template-github-pages">vue-cli-template-github-pages</a>
|
||
- A full-featured Webpack + vue-loader setup for Github Pages Deployment
|
||
with travisCI.</li>
|
||
<li><a
|
||
href="https://github.com/ALiangLiang/vue-webpack-chrome-extension-template">vue-webpack-chrome-extension-template</a>
|
||
- Template for quick creation of Chrome extension on Vuejs hot reloading
|
||
when developing.</li>
|
||
<li><a
|
||
href="https://github.com/VPetar/vue-auth-boilerplate"><strong>vue-auth-boilerplate</strong></a>
|
||
- Vue SPA boilerplate with Router/Vuex/CLI3 and auth functions (cool
|
||
looking register and login). Works with minimal setup out of the box
|
||
with <a
|
||
href="https://github.com/VPetar/laravel-api-boilerplate-jwt"><strong>laravel-api-boilerplate-jwt</strong></a>.</li>
|
||
<li><a
|
||
href="https://github.com/alexander-elgin/vue-atomic-design"><strong>vue-atomic-design</strong></a>
|
||
- Vue front-end boilerplate based on atomic design methodology.</li>
|
||
<li><a
|
||
href="https://github.com/upupming/vue3-compact-template">vue3-compact-template</a>
|
||
- ⚡️ A simple and compact vue 3 template with current cutting edge front
|
||
end technologies.</li>
|
||
</ul>
|
||
<h4 id="universal">Universal</h4>
|
||
<p><em>Render Vue application to HTML on the server and to the DOM in
|
||
the browser</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/codecasts/spa-starter-kit">SPA Starter
|
||
Kit</a> - A highly opinionated starter kit for building Single Page
|
||
Applications with Laravel and Vue.js.</li>
|
||
<li><a href="https://github.com/fenivana/vue-ssr-boilerplate">SSR
|
||
Boilerplate</a> - Vue.js server-side rendering boilerplate without
|
||
polluting Vuex.</li>
|
||
<li><a
|
||
href="https://github.com/shyiko/neutrino-preset-vue-static">neutrino-preset-vue-static</a>
|
||
- A minimalistic starter kit for building static sites using
|
||
Vue.js.</li>
|
||
<li><a href="https://github.com/rlindskog/vueniverse">Vueniverse</a> - A
|
||
fully featured, universal Vue template for user-based applications,
|
||
powered by Nuxt.js and Express.</li>
|
||
<li><a href="https://github.com/shershen08/vue-preload">vue-preload</a>
|
||
- A plugin Vue for adding <code><link rel="preload"</code>
|
||
capabilities</li>
|
||
<li><a
|
||
href="https://github.com/GrabarzUndPartner/gp-vue-boilerplate">Vue.js/Nuxt.js
|
||
full-featured boilerplate</a> - professional agency frontend template
|
||
for building fast, robust, and adaptable web apps or sites by
|
||
vuejs/nuxtjs.</li>
|
||
</ul>
|
||
<h4 id="server">Server</h4>
|
||
<p><em>Includes a backend boilerplate</em></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/scottbedard/oc-vuetober-theme">Vuetober</a> -
|
||
Single page apps with Laravel, Vue.js, and October CMS.</li>
|
||
<li><a
|
||
href="https://github.com/fritx/vue-server-demo">vue-server-demo</a> -
|
||
Writing koa server in Vue.</li>
|
||
<li><a
|
||
href="https://github.com/ecerroni/apollo-connector-kit">vue-apollo-connector-kit</a>
|
||
- JWT authentication with 2 different strategies (localStorage and
|
||
httpOnly cookies). Authorization using custom directives (apollo).</li>
|
||
<li><a href="https://github.com/mbdavid/DotVue">DotVue</a> - 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.</li>
|
||
<li><a
|
||
href="https://github.com/apiel/isomor#getting-started-with-vue">isomor-vue-app</a>
|
||
- Setup a working environment with Vue and isomor, to unify the frontend
|
||
and the backend by generating automatically the API.</li>
|
||
</ul>
|
||
<h4 id="electron">Electron</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/SimulatedGREG/electron-vue">Electron
|
||
Vue</a> - An Electron & Vue.js quick start boilerplate with vue-cli
|
||
scaffolding, common Vue plugins, electron-packager/electron-builder,
|
||
unit/e2e testing, vue-devtools, and webpack.</li>
|
||
<li><a href="https://github.com/egoist/vuepack">VuePack</a> - A modern
|
||
starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even
|
||
Electron).</li>
|
||
<li><a
|
||
href="https://github.com/saintplay/vue-flexible-link">vue-flexible-link</a>
|
||
- Tiny Vue component for Electron to open links in a browser. Ideal for
|
||
cross-environment apps (Web & Native)</li>
|
||
<li><a href="https://github.com/rachmanzz/vuelectron">vuelectron</a> -
|
||
electronjs starter kits for vue.</li>
|
||
<li><a href="https://github.com/L-Chris/vue-design">vue-design</a> - the
|
||
best website visualization builder with Vue and Electron.</li>
|
||
<li><a href="https://github.com/fritx/dapp">dapp</a> - Boilerplate for
|
||
stack of Vue/Parcel/Electron.</li>
|
||
<li><a
|
||
href="https://github.com/mubaidr/vue-electron-template">vue-electron-template</a>
|
||
- An Electron & Vue.js boilerplate with Hot-reloading enabled and
|
||
common Vue plugins, dev and build scripts configured using
|
||
webpack-4</li>
|
||
<li><a
|
||
href="https://github.com/buyouzzj/vue-iview-electron">vue-iview-electron-boilerplate</a>
|
||
- An Electron & Vue.js boilerplate with iview4.x, Vue2.x,
|
||
electron8.x and webpack4.x</li>
|
||
<li><a
|
||
href="https://github.com/megasanjay/electron-vue3-flask">electron-vue3-flask</a>
|
||
- An Electron & Vue.js application starter template that uses a
|
||
python backend via Flask for desktop application building.</li>
|
||
<li><a
|
||
href="https://github.com/umbrella22/electron-vite-template">electron-vite-template</a>
|
||
- A modern desktop application project template with Vue 3, Vite &
|
||
Electron. <strong>It’s fast!</strong></li>
|
||
<li><a href="https://github.com/hyroge/vite-vue-electron">Vitectron</a>
|
||
- Powerful & Modern Vue Desktop Application Template with TypeScript
|
||
& JSX + Vue 3.x + Vite 2.x + Pinia 2.x + Vue-Router 4.x.</li>
|
||
<li><a href="https://github.com/jooy2/vutron">Vutron</a> - Quick start
|
||
templates for Vite + Electron + Vue 3 + Vuetify + TypeScript.</li>
|
||
</ul>
|
||
<h4 id="parts">Parts</h4>
|
||
<p><em>Scaffold parts of the app</em></p>
|
||
<ul>
|
||
<li><a href="https://github.com/hjeti/vue-generator">vue-generator</a> -
|
||
A CLI generator for Vue components, views and store modules.</li>
|
||
<li><a
|
||
href="https://github.com/lakb248/vue-component-generator">vue-component-generator</a>
|
||
- A generator for vue component, supports Vue1.X and Vue2.X.</li>
|
||
<li><a href="https://github.com/valq7711/rapydml_cmp">rapydml_cmp</a> -
|
||
Vue-component pythonic generator, built on top of RapydML &
|
||
RapydScript.</li>
|
||
<li><a
|
||
href="https://github.com/DrSensor/vue-authoring-template">vue-authoring-template</a>
|
||
- Template for authoring also publishing Vue component and their use
|
||
case in story-scenario (storybook) format in easy way.</li>
|
||
<li><a
|
||
href="https://github.com/codetheorist/vue-component-boilerplate">vue-component-boilerplate</a>
|
||
- Template for generating the boilerplate code for a VueJS component,
|
||
with build scripts and testing pre-installed.</li>
|
||
<li><a
|
||
href="https://github.com/Kamar-Meddah/vue-generate-component-typescript">vue-generate-component-typescript</a>
|
||
- A typescript code generator for vue, it can generate components,
|
||
directives, filters.</li>
|
||
<li><a
|
||
href="https://github.com/tomosterlund/generate-vue-component">vuejs-generate</a>
|
||
- An easy CLI for generating Vue components, stores, store modules &
|
||
unit tests.</li>
|
||
<li><a href="https://github.com/ddosdor/vue-sh-cli">vue-sh-cli</a> - A
|
||
CLI for generating Vue components, views, store modules & unit
|
||
tests. Supports Vue 3 components template and Typescript.</li>
|
||
</ul>
|
||
<h3 id="runtime">Runtime</h3>
|
||
<h4 id="command-line-terminal">Command Line / Terminal</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/lyonlai/blessed-vue">blessed-vue</a> - A
|
||
VueJS runtime to let you write command line UI in Vue Edit</li>
|
||
<li><a href="https://github.com/webfansplz/temir">temir</a> - Vue for
|
||
interactive command-line apps</li>
|
||
</ul>
|
||
<h3 id="prerendering">Prerendering</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/stereobooster/react-snap">react-snap</a>
|
||
- A zero-configuration static pre-renderer for SPA</li>
|
||
<li><a
|
||
href="https://github.com/mubaidr/prerender-plugin">prerender-plugin</a>
|
||
- A Node.js/ webpack plugin to prerender static HTML in a single-page
|
||
application (SPA).</li>
|
||
<li><a href="https://github.com/eldarc/vue-prerender">vue-prerender</a>
|
||
- A Vue.js tailored plugin which implements three strategies for
|
||
prerendering Vue.js pages using headless chrome.</li>
|
||
<li><a href="https://github.com/rendora/rendora">Rendora</a> - dynamic
|
||
SSR (server-side rendering) using headless Chrome to effortlessly solve
|
||
the SEO problem for modern javascript websites</li>
|
||
<li><a href="https://github.com/mtlynch/pre-vue">pre-vue</a> - A
|
||
boilerplate Vue + Nuxt project that offers built-in support for
|
||
OpenGraph tags, Google Analytics, a sitemap, and robots.txt.</li>
|
||
<li><a
|
||
href="https://github.com/gustavoSoriano/ssr-vuejs-nodejs">ssr-vuejs-nodejs</a>
|
||
- Server-side render vuejs with nodejs without Nuxt.</li>
|
||
<li><a href="https://github.com/fmfe/genesis">vue-genesis</a> - 🔥Micro
|
||
front end, micro service and lightweight solution based on Vue SSR🔥
|
||
<!-- md-parser-end --> <br/> <br/> <br/></li>
|
||
</ul>
|
||
<p><a href="https://creativecommons.org/publicdomain/zero/1.0/"><img
|
||
src="https://i.creativecommons.org/p/zero/1.0/88x31.png"
|
||
alt="CC0" /></a></p>
|