Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-vue

🎉 A curated list of awesome things related to Vue.js
https://github.com/amsik/awesome-vue

Last synced: about 16 hours ago
JSON representation

UI Components
- Form
  - awesome-mask - Mask directive based on a pure and simply VanillaJS implementation
  - vue-xeditable - Better editable Component in Vue Edit.
  - vue-froala - VueJS wrapper for Froala Editor.
  - vue-submit - Simple implementation of Ladda ([1](http://lab.hakim.se/ladda/), [2](https://msurguy.github.io/ladda-bootstrap/)) in less than 90 lines of code with no dependencies.
  - vue-hotel-datepicker - A responsive date range picker that displays the number of nights selected, allows custom check-in/check-out rules, blocking dates, localisation support and more.
  - vue2-persian-datepicker - An awesome persian datepicker component for vue. کامپوننت انتخاب تاریخ برای ویو.
  - vue-autosuggest - WAI-ARIA complete Autosuggest component with full customization over rendering and styling.
  - awesome-mask - Mask directive based on a pure and simply VanillaJS implementation
  - vue-mobiledoc-editor - A mobiledoc editor component toolkit for Vuejs.
  - vue2-medium-editor - A MediumEditor component for Vue 2.
  - vue-pell-editor
  - vue-stars - Highly customizable rating control (using stars or other characters)
- Notification
  - vue-notice - Vue.js 2 wrapper around Noty.js with native API
  - vs-notify - Tiny but powerful notification component with no dependencies.
- Table
  - vuetiful-datatable - Datatable component with sorting, filtering, pagination, grouping and aggregation.
- Loader
  - vue-simple-spinner - A simple, flexible spinner for Vue.js
  - epic-spinners - Easy to use css spinners collection with vue.js integration.
  - vue-loading-overlay - Tiny full screen loading indicator
  - vue-spinner-component - Customizable, lightweight spinner for Vue.js.
- Icons
  - vue-material-design-icons - A collection of SVG Material Design icons as single file components.
- Search
  - vue-instantsearch - The ultimate toolbox for creating instant-search experiences using [Algolia](https://www.algolia.com/).
- Miscellaneous
  - vue-invisible-recaptcha - Super easy integration for Google's Invisible reCAPTCHA
- Canvas
  - vue-easeljs - Data-driven control over an HTML5 canvas element.
Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)
- Official Resources
  - GitHub Repo
  - Release Notes
- Community
  - vue-requests - Request a Vue.js module you wish existed or get ideas for modules
  - Twitter
  - VueJS Iran - Telegram Channel & group (group link available in channel bio)
  - vueslack - 2300+ registered users worldwide
  - Vue Land - Discord chat server
  - VueJS Russia - Telegram Group [Russian
  - VueJS Spanish - Slack Group
  - VueJS Korean - Slack Group
  - VueJS Brasil - Telegram Group [Portuguese
  - VueJS Indonesia - Telegram Group [Indonesian
- Tutorials
- External Resources
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Newsletter - Weekly dose of handpicked Vue.js news
  - Vue.js Wikipedia
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Radar - Curated newsletter + site covering new Vue.js releases/contributions.
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js資料まとめ(for japanese)
- Apps/Websites
  - Leapspotleap - A simple way to look up wikipedia articles near you. Or simply navigate to a place and find interesting wikipedia information. Responsive web app.
  - Save Coins - Save Coins helps Nintendo Switch owners to save money on Nintendo eShop.
  - Roozame روزامه - Roozame is a persian smart news media service.
  - Laravel Spark
  - esa.io
  - Portfolio Site
  - Laravist
  - Atiiv - An app aimed for personal trainers and their clients.
  - Embalses! - A tool to report water dam level using the U.S. Geological Survey database.
  - Powerpuff Yourself by Cartoon Networks
  - cloudradioo - Web app that plays randomly all top 50 songs from the soundcloud charts
  - Draxed - A web based MySQL and PostgreSQL data browser and dashboard manager.
  - 滚蛋吧！莆田系 - Show all Putian hospital information
  - Jobi : Recruiting Platform
  - Metric Loop - A technology services and solutions website.
  - Holden
  - WizzAir
  - Moving to HTTPS - Guide to moving different platform/hosting sites to HTTPS
  - Booknshelf - Discover great books and bookshelves on different topics.
  - Top HN - A real time display of top news activity on Hacker News
  - NinjaCalc - A suite of embedded engineering related calculators, built as an open-source single-page app with vue.js.
  - Vue.js Feed - The latest Vue.js news, tutorials, plugins, and more. Made with Vue.js and Laravel, based on **[Vuedo](https://github.com/Vuedo/vuedo)**.
  - Guess Right - A 'guess the word' game - Written with Vue/vuex/vue-router (front-end) and Laravel/MySQL (back-end). Code is [Open Source on GitHub](https://github.com/KDCinfo/guess-right) (although not the live files that run the game at kdcinfo).
  - Easy Mock
  - Winsome Trivia - A single or multiplayer trivia game featuring over 2,000 unique questions built with Vue.js and powered by the Open Trivia Database.
  - Flash-Vue - ‘Flashcards of the Future’ bring learning everywhere :rocket:
  - Kinderbesteck - A full Online Shop SPA with Vue2.0, Vuex, Vue Router
  - Power Thesaurus - A crowdsourced online thesaurus
  - Chattanosy - A community-powered database of new things and places in Chattanooga, TN.
  - PAIXIN - A genuine picture sale website
  - CodeBottle - Drag-and-drop snippets to your projects
  - 轮子工厂 - A ui components and libraries sharing website
  - ابیات ناب پارسی - A collection of Persian poems
  - Frontend Masters Intro to Vue - Frontend Masters full day course
  - TR-101 - A drum synth / sequencer.
  - WynnStats - A unofficial WynnCraft statistics.
  - Vectr - A free vector graphics software
  - Habitica - online task management application in the form of a role-playing game.
  - MadeWithVueJs - A Gallery of Projects made with Vue.js (also the Site itself uses Vue.js)
  - Let's Enchance - free online image upscale and enhancement with neural networks.
  - Fintechers - Fintech focused job board.
  - Bubbleflat - Online platform that helps students and young Professionals find their perfect roommates by searching for people with similar lifestyles, interests, or schools. Laravel & Vuejs
  - TeaQuinox Tea Co - - ecommerce site that specializes in loose leaf tea.
  - blip - 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.
  - U3xyz - A personal blog base on vue ssr.
  - MECHANICAL - Reddit mod for Firefox that surfaces contextual data insights.
  - iPrevYou - YouTube™ Player - A chrome app for watching youtube videos on your desktop.
  - vNotes - Simple and beautiful notepad to Markdown with Vue.js and Local Storage API.
  - MyOwnTV - A streaming website for creating internet television
  - X-SONGTAO - A Personal blog. FE and CMS are in same vue SPA.
  - Proper Cloth Shirt Builder - Custom shirt builder.
  - 小桃酱
  - Roozame روزامه - Roozame is a persian smart news media service.
  - FreePoll.Online - A group decision making tool built using Vue.js, vue-sortable, Semantic UI and Zappa.
  - MyOwnTV - A streaming website for creating internet television
  - Save Coins - Save Coins helps Nintendo Switch owners to save money on Nintendo eShop.
  - Laracasts
  - Roozame روزامه - Roozame is a persian smart news media service.
- Job Portal
  - Vue.js Jobs - VueJobs - A Vue.js job portal to hire or get hired for all your Vue.js jobs.
- Podcasts
- Official Examples
  - Vue.js TodoMVC
- Examples
  - jwt-example
  - TIGERB
  - Veggie Map
  - vuejs-d3
  - MyDiary-Vue
  - VueJS Example Projects
  - Nuxt Type
  - vuejs-sqljs-boilerplate - This is a boilerplate to use both Vue.js and sql.js together
- Books
- Open Source
  - pm86 - Production process manager for Node.js apps Websites
  - vms - A Vue.js 2.0 Management System
  - Wake Up Billie Joe! - A web site countdown to October, based on Green Day's song Wake me up when September Ends. Created using Vue and Firebase.
- Commercial Products
  - ChatWoot - Livechat and agent collaboration over Facebook messenger.
  - VueA - VueJS Admin template with multiple layouts and laravel version.
- Interactive Experiences
- Enterprise Usage
  - Sainsbury's
  - AREX
  - AREX
  - Monito - Building the Booking.com for international money transfers
- Conferences
  - Vue.js London
Frameworks
- Responsive
  - vulma - Vue + Bulma = Vulma.
  - v-semantic - Implementation of [semantic-ui](https://semantic-ui.com/) for Vue
  - bootstrap-vue - Implementation of [bootstrap-4](https://v4-alpha.getbootstrap.com/) grid and components for Vue.js 2.
  - fish-ui - A Vue.js 2.0 UI Toolkit for Web
  - buefy - Components based on Bulma framework.
  - iview-ui - A Vue.js 2.0 UI Framework for web.
- Mobile
  - Weex - Weex provides the ability to publish cross platform, so web, Android, and IOS apps can use the same API development functions.
- Component Collections
  - cube-ui - A fantastic mobile ui lib implement by Vue.js 2.
UI Utilities
- Routing
  - vue-error-page - Provides a wrapper for router-view that allows you to show error pages without changing the URL
  - vue-routisan - Elegant route definitions for Vue Router based on Laravel routing system
- Pagination
  - vue-pagination-wing - Vue.js pagination with customize wing settings.
- Animation
  - v-animate-css - The easiest to implement Vue 2 directive for Animate.css
- WebGL
  - vue-pano - A panorama viewer in Vue component.
- Event Handling
  - vue-global-events
- Form
  - Form Builder - Json template based form builder, based on Vue and Laravel.
  - vuejs-model-validator - VueJS style data component validation. Easiness, simplicity, accurate.
- Scroll
  - Vuebar - Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies.
  - Vuebar - Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies.
- Filters
  - morphling - A collection of standard and custom filters for Vue 2.
  - vue-trans - A simple filter to provide a similar way of translating to the Symfony trans.
- Miscellaneous
  - vue-openseadragon - OpenSeaDragon component for Vue.js (zoom and pan)
Utilities
- State Management
  - vue-duo - A tiny state management for Vue.js.
  - vuex-microservice - Define microservice URLs at a dedicated place and use them inside your Vuex actions.
- Code Style
  - vue-decorators - Decorators for Vue.js (beta).
- CSS
  - vue-css - Vue.js plugin that allows you to bundle CSS with your components.
  - vue-styler - Simple, performant styler for vue.
- Page Navigation
  - vs-crumbs - Vue breadcrumbs in 40 lines of code that allows nested paths without child views.
  - vue-2-breadcrumbs - breadcrumb together with vue-router for Vue 2.x. and Bootstrap 4
- Concurrency Management
  - vuency - Concurrency management for for Vue.js.
- HTTP Requests
  - v-model - V-Model is a model plugin for Vue.js, like ng-resource.
- Persistence
  - vue-pouch - Live and reactive bindings for PouchDB. Persist data in IndexedDB and sync with CouchDB.
- Payment
  - vue-stripe-checkout
Dev Tools
- Payment
  - vuepack.org - A simple page that allows you to select Vue components and download them as a single minified JS file.
  - Font Awesome Finder - Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard.
  - Storybook - The UI Development Environment. works with v3.2+ later.
- Source Code Editing
  - [email protected] - Vue.js 1.0+ autocomplete for Atom.
  - [email protected] - Atom snippets for Vue component files.
  - Vue.js support for WebStorm
  - VUEFormatter - Sublime Text code format
  - Vetur - Vue tooling for VSCode.
  - Vue Mode - Emacs major mode for vue.js.
- Docs
  - Vuex CheatSheet - Complete Interactive Vuex API.
  - CheatSheet - Complete Interactive API.
- Inspect
  - Vue.js devtools - Chrome devtools extension for debugging Vue.js applications.
- Test
  - vue-a2b - A library for Split Testing with Vue.js. Highly configurable and tiny (1.2k gzipped).
Prerendering
- Command Line / Terminal
  - ![CC0
  - ![CC0
UI Layout
- Link Preview
  - vue-fraction-grid - Flexbox based responsive fraction grid system for Vue.js.
Integrations
- Payment
  - Vue + Meteor - Vue first-class integration in Meteor.
  - express-vue - Vue rendering engine for Express.js. Use .Vue files as templates using res.render().
  - facebook-login-vuejs - Vue Component for Authenticating your Facebook App and get the benefits of Facebook Login.
Scaffold
- Source Code Editing
  - vue-seed - vue-seed is minimal seed for those looking to get up-and-running with Vue
- Client
  - Friendly Vue Starter - A full featured Vue.js starter project with GraphQL support via Apollo-client (Vuex, Vue-router, Vue-i18n, Webpack 3, Eslint, Prettier, ...)
- Server
  - vue-server-demo - Writing koa server in Vue.

Programming Languages

Vue 3 HTML 1 JavaScript 1 TypeScript 1

Ecosyste.ms: Awesome

awesome-vue

UI Components

Form

Notification

Table

Loader

Icons

Search

Miscellaneous

Canvas

Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

Official Resources

Community

Tutorials

External Resources

Apps/Websites

Job Portal

Podcasts

Official Examples

Examples

Books

Open Source

Commercial Products

Interactive Experiences

Enterprise Usage

Conferences

Frameworks

Responsive

Mobile

Component Collections

UI Utilities

Routing

Pagination

Animation

WebGL

Event Handling

Form

Scroll

Filters

Miscellaneous

Utilities

State Management

Code Style

CSS

Page Navigation

Concurrency Management

HTTP Requests

Persistence

Payment

Dev Tools

Payment

Source Code Editing

Docs

Inspect

Test

Prerendering

Command Line / Terminal

UI Layout

Link Preview

Integrations

Payment

Scaffold

Source Code Editing

Client

Server