diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 00000000..c6c8b362 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,9 @@ +root = true + +[*] +indent_style = space +indent_size = 2 +end_of_line = lf +charset = utf-8 +trim_trailing_whitespace = true +insert_final_newline = true diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md new file mode 100644 index 00000000..5b927b30 --- /dev/null +++ b/.github/CONTRIBUTING.md @@ -0,0 +1,35 @@ +# Contributing Guide + +1. Make sure you put things in the right category! +2. Always add your items to the end of a list. To be fair, the order is first-come-first-serve. +3. If you think something belongs in the wrong category, or think there needs to be a new category, feel free to edit things too. + +## Projects using Vue.js + +Make sure you put things in the right category. There are two main categories: + +- Open Source +- Apps/Websites + +### Open source + +Open Source section gives the possibility for developers to contribute and be a part of an open source project using their knowledge of the Vue.js. +You should put your project in this category if the following conditions are true: + +- The documentation (README) contains a description of the project, illustration of the project with a demo or screenshots and a CONTRIBUTING section. +- The documentation is in English. +- The project is active and maintained. +- The project accepts contributions. + +The link provided should be the link of the GitHub repository, not the demo. +If you consider your project finished, and it does not need any contributions, consider the apps/website category. + +### Apps/Websites + +Apps/Websites gives the opportunity to showcase the awesome things we can build with Vue.js. +You should put your app/website in this category if the following conditions are true: + +- The website is available without errors or SSL certificate problems, and load in a reasonable amount of time. +- The website is using Vue.js intensively. It should detect Vue with [vue-devtools](https://github.com/vuejs/vue-devtools). +- If you cannot detect Vue with `vue-devtools` due to work at non public pages (e.g. for enterprise website), you can send Pull Request with screenshot that detected it. +- The website is original and not too simple. For that reason, blogs and simple landing pages are rejected. diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..4454ba1b --- /dev/null +++ b/.gitignore @@ -0,0 +1,67 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# Runtime data +pids +*.pid +*.seed +*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover +lib-cov + +# Coverage directory used by tools like istanbul +coverage + +# nyc test coverage +.nyc_output + +# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) +.grunt + +# Bower dependency directory (https://bower.io/) +bower_components + +# node-waf configuration +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) +build/Release + +# Dependency directories +node_modules/ +jspm_packages/ + +# TypeScript v1 declaration files +typings/ + +# Optional npm cache directory +.npm + +# Optional eslint cache +.eslintcache + +# Optional REPL history +.node_repl_history + +# Output of 'npm pack' +*.tgz + +# Yarn Integrity file +.yarn-integrity + +# dotenv environment variables file +.env + +# next.js build output +.next + +# vuepress build output +.vuepress/dist + +# Serverless directories +.serverless diff --git a/.markdownlint.json b/.markdownlint.json new file mode 100644 index 00000000..7d6a1565 --- /dev/null +++ b/.markdownlint.json @@ -0,0 +1,4 @@ +{ + "default": true, + "MD013": { "line_length": 1000 } +} diff --git a/.travis.yml b/.travis.yml new file mode 100644 index 00000000..7ba35240 --- /dev/null +++ b/.travis.yml @@ -0,0 +1,25 @@ +language: node_js + +node_js: + - "lts/*" + +cache: + directories: + - "node_modules" + +install: + - npm install + - npm run build + +script: + - npm test + +deploy: + provider: pages + skip-cleanup: true + github-token: $GITHUB_TOKEN + target-branch: gh-pages + keep-history: true + local-dir: .vuepress/dist + on: + branch: master diff --git a/.vuepress/config.js b/.vuepress/config.js new file mode 100644 index 00000000..e899648d --- /dev/null +++ b/.vuepress/config.js @@ -0,0 +1,70 @@ +module.exports = { + title: 'Awesome Vue.js', + description: '🎉 A curated list of awesome things related to Vue.js', + head: [ + ['link', { rel: 'icon', href: `/logo.png` }], + ['link', { rel: 'manifest', href: '/manifest.json' }], + ['meta', { name: 'theme-color', content: '#3eaf7c' }], + ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }], + ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }], + ['link', { rel: 'apple-touch-icon', href: `/icons/apple-touch-icon-152x152.png` }], + ['link', { rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#3eaf7c' }], + ['meta', { name: 'msapplication-TileImage', content: '/icons/msapplication-icon-144x144.png' }], + ['meta', { name: 'msapplication-TileColor', content: '#fff' }] + ], + serviceWorker: true, + base: '/awesome-vue/', + themeConfig: { + repo: 'rmjordas/awesome-vue', + editLinks: true, + lastUpdated: 'Last Updated', + nav: [], + sidebar: [ + { + title: 'Resources', + collapsable: false, + children: [ + '/resources/official-resources', + '/resources/external-resources', + '/resources/job-portal', + '/resources/community', + '/resources/conferences', + '/resources/podcasts', + '/resources/youtube-channels', + '/resources/official-examples', + '/resources/tutorials', + '/resources/examples', + '/resources/books', + ], + }, + { + title: 'Projects Using Vue.js', + collapsable: false, + children: [ + '/projects-using-vue-js/open-source', + '/projects-using-vue-js/commercial-products', + '/projects-using-vue-js/apps-websites', + '/projects-using-vue-js/interactive-experiences', + '/projects-using-vue-js/enterprise-usage', + '/projects-using-vue-js/a11y', + ], + }, + { + title: 'Components and Libraries', + collapsable: false, + children: [ + '/components-and-libraries/ui-components', + '/components-and-libraries/ui-layout', + '/components-and-libraries/frameworks', + '/components-and-libraries/ui-utilities', + '/components-and-libraries/utilities', + '/components-and-libraries/integrations', + '/components-and-libraries/dev-tools', + '/components-and-libraries/scaffold', + '/components-and-libraries/runtime', + '/components-and-libraries/prerendering', + ], + }, + ] + } +}; diff --git a/.vuepress/public/hero.png b/.vuepress/public/hero.png new file mode 100644 index 00000000..e55b79bc Binary files /dev/null and b/.vuepress/public/hero.png differ diff --git a/.vuepress/public/icons/android-chrome-192x192.png b/.vuepress/public/icons/android-chrome-192x192.png new file mode 100644 index 00000000..cc078d86 Binary files /dev/null and b/.vuepress/public/icons/android-chrome-192x192.png differ diff --git a/.vuepress/public/icons/android-chrome-512x512.png b/.vuepress/public/icons/android-chrome-512x512.png new file mode 100644 index 00000000..cec88302 Binary files /dev/null and b/.vuepress/public/icons/android-chrome-512x512.png differ diff --git a/.vuepress/public/icons/apple-touch-icon.png b/.vuepress/public/icons/apple-touch-icon.png new file mode 100644 index 00000000..b70eaadb Binary files /dev/null and b/.vuepress/public/icons/apple-touch-icon.png differ diff --git a/.vuepress/public/icons/favicon-16x16.png b/.vuepress/public/icons/favicon-16x16.png new file mode 100644 index 00000000..eb4c4fb6 Binary files /dev/null and b/.vuepress/public/icons/favicon-16x16.png differ diff --git a/.vuepress/public/icons/favicon-32x32.png b/.vuepress/public/icons/favicon-32x32.png new file mode 100644 index 00000000..ca0b940f Binary files /dev/null and b/.vuepress/public/icons/favicon-32x32.png differ diff --git a/.vuepress/public/icons/mstile-150x150.png b/.vuepress/public/icons/mstile-150x150.png new file mode 100644 index 00000000..a6789943 Binary files /dev/null and b/.vuepress/public/icons/mstile-150x150.png differ diff --git a/.vuepress/public/icons/safari-pinned-tab.svg b/.vuepress/public/icons/safari-pinned-tab.svg new file mode 100644 index 00000000..c55fadbc --- /dev/null +++ b/.vuepress/public/icons/safari-pinned-tab.svg @@ -0,0 +1,60 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + + + + + + + + diff --git a/.vuepress/public/logo.png b/.vuepress/public/logo.png new file mode 100644 index 00000000..cc078d86 Binary files /dev/null and b/.vuepress/public/logo.png differ diff --git a/.vuepress/public/manifest.json b/.vuepress/public/manifest.json new file mode 100644 index 00000000..dce906e3 --- /dev/null +++ b/.vuepress/public/manifest.json @@ -0,0 +1,21 @@ +{ + "name": "Awesome Vue.js", + "short_name": "AwesomeVue", + "icons": [ + { + "src": "/awesome-vue/icons/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/awesome-vue/icons/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "start_url": "/index.html", + "display": "standalone", + "background_color": "#fff", + "orientation": "portrait", + "theme_color": "#3eaf7c" +} diff --git a/README.md b/README.md new file mode 100644 index 00000000..7c59edec --- /dev/null +++ b/README.md @@ -0,0 +1,6 @@ +--- +home: true +heroImage: /hero.png +actionText: Get Started → +actionLink: /resources/official-resources +--- diff --git a/components-and-libraries/dev-tools.md b/components-and-libraries/dev-tools.md new file mode 100644 index 00000000..4c3edd9e --- /dev/null +++ b/components-and-libraries/dev-tools.md @@ -0,0 +1,108 @@ +# Dev Tools + +- [vue-dev-server](https://github.com/paulpflug/vue-dev-server) - A small development server for building `vue` components. +- [vuepack.org](http://vuepack.org) - A simple page that allows you to select Vue components and download them as a single minified JS file. +- [Storybook](https://storybook.js.org) - The UI Development Environment. works with v3.2+ later. +- [Font Awesome Finder](https://chrome.google.com/webstore/detail/font-awesome-icon-finder/kjejboahkcobalmgldloeinebmbomgog) - Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard. +- [vue-dummy](https://github.com/paulcollett/vue-dummy) - Placeholder Text and Dummy Images as a simple `v-dummy` directive. +- [Bit](https://github.com/teambit/bit) - Manage and reuse `vue` components between projects. Easily isolate ans share components from any projec without chagning its source code, organize curated collections and install in different projects. +- [Vuenut](https://lusaxweb.github.io/vuenut.org/) - is a component to develop faster and more fluently. + +## Inspect + +Inspecting & debugging + +- [Vue.js devtools](https://github.com/vuejs/vue-devtools) - Chrome devtools extension for debugging Vue.js applications. +- [DejaVue](https://github.com/MiCottOn/DejaVue) - Visualization and debugging tool built for Vue.js. +- [vue-clicky](https://github.com/Herteby/vue-clicky) - Right click any component to show info about it in the console. +- [vuejs-logger](https://github.com/justinkames/vuejs-logger) - Provides customizable logging functionality for Vue.js. +- [bugsnag-vue](https://github.com/bugsnag/bugsnag-vue) - Official Vue.js plugin for [bugsnag](https://www.bugsnag.com/) error reporting +- [vue-inspector](https://github.com/calirojas506/vue-inspector) - Vue.js Inspector for Mobile Devices +- [Vue Performance Devtool](https://github.com/vue-perf-devtool/vue-perf-devtool) - Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components +- [VueSource](https://github.com/davestewart/vue-source) - Global Vue mixin which identifies components in source code by adding HTML comments + +## Docs + +Create documentation + +- [vue-markdown-loader](https://github.com/QingWei-Li/vue-markdown-loader) - Convert Markdown file to Vue Component. +- [vue-play](https://github.com/vue-play/vue-play) - A minimalistic framework for demonstrating your Vue components. +- [vue-styleguide-generator](https://github.com/shershen08/vue-styleguide-generator) - React inspired style guide generator for Vue.js. +- [CheatSheet](https://vuejs-tips.github.io/cheatsheet) - Complete Interactive API. +- [propdoc](https://github.com/propellant/doctor) - A single component that provides simple documentation of Vue.js components/props. +- [Vuex CheatSheet](https://vuejs-tips.github.io/vuex-cheatsheet) - Complete Interactive Vuex API. +- [vue-styleguidist](https://github.com/vue-styleguidist/vue-styleguidist) - A style guide generator for Vue components with a living style guide. +- [vue-elucidate](https://github.com/mattrothenberg/vue-elucidate) - A component that generates beautiful documentation for your living styleguide / design system. +- [vue-md-loader](https://github.com/wxsms/vue-md-loader) - Markdown files to ALIVE Vue components. +- [@vuedoc/parser](https://github.com/vuedoc/parser) - Generate a JSON documentation for a Vue file component. +- [@vuedoc/md](https://github.com/vuedoc/md) - Generate a Markdown Documentation for a Vue file. +- [jsdoc-vue-component](https://github.com/ccqgithub/jsdoc-vue-component) - A jsodc3 plugin that extract vue SFC info(name, props, events...) to document. +- [jsdoc-vuedoc](https://github.com/ccqgithub/jsdoc-vuedoc) - A jsdoc3 plugin use `@vuedoc/md`. +- [vue-storybook](https://github.com/mattrothenberg/vue-storybook) – Add `` blocks to your Vue single file components for tighter integration of Vue + [Storybook](https://github.com/storybooks/storybook) + +## Test + +- [avoriaz](https://github.com/eddyerburgh/avoriaz) - A Vue.js testing utility library. +- [vue-container](https://github.com/dealloc/vuec) - A simple dependency injection library for Vue 2. +- [vuenit](https://github.com/jackmellis/vuenit) - Utilities for testing Vue components and directives. +- [vue-unit](https://github.com/wrseward/vue-unit) - A library for Vue.js that makes it easier to create and unit test components. +- [vue-a2b](https://github.com/fromAtoB/vue-a2b) - A library for Split Testing with Vue.js. Highly configurable and tiny (1.2k gzipped). +- [vue-test-utils](https://github.com/vuejs/vue-test-utils) - Official utilities for testing Vue components. + +### Browser-less require + +Load Vue components without browser + +- [vuegister](https://github.com/iatsiuk/vuegister) - Vuegister (a portmanteau of vue & register) is a require hook for loading of the Vue.js single-file components (or .vue files). +- [vue-node](https://github.com/knpwrs/vue-node) - Load vue components in node. + +## Source Code Editing + +Text editor plugins + +### Atom + +- [language-vue@atom.io](https://github.com/hedefalk/atom-vue) - Vue component file syntax for Atom. +- [language-vue-component@atom.io](https://github.com/CYBAI/language-vue-component) - Adds syntax highlighting to Vue Component files in Atom. +- [vue-autocomplete@atom.io](https://github.com/ealves-pt/atom-vue-autocomplete) - Vue.js 1.0+ autocomplete for Atom. +- [vue-snippets@atom.io](https://github.com/ealves-pt/atom-vue-snippets) - Atom snippets for Vue component files. +- [vue-autocompile@atom.io](https://github.com/paulpflug/vue-autocompile) - Auto compile vue file on save. +- [lint-sass-vue@atom.io](https://github.com/fsblemos/lint-sass-vue) - Atom.io package to lint Sass/SCSS in `.vue` files. +- [vuejs2-snippets@atom.io](https://github.com/CorentinAndre/Vuejs-snippets) - Atom snippets for javascript and components, including lifecycle hooks, directives, properties, vuex, vue-router, vue-i18n support. +- [vue2-autocomplete@atom.io](https://github.com/ealves-pt/atom-vue2-autocomplete) - Vue.js 2.0+ autocomplete for Atom. + +### Sublime Text + +- [Vue Syntax Highlight](https://github.com/vuejs/vue-syntax-highlight) - Sublime Text syntax highlighting for single-file Vue components. +- [VUEFormatter](https://github.com/baixuexiyang/VUEFormatter) - Sublime Text code format +- [vuejs-sublime-complete](https://github.com/BrainBuzzer/vuejs-sublime-complete) - Sublime Text code complete +- [Vue Next Formatter](https://github.com/luozhihua/sublime-vue-formatter) - Sublime Text Vue formatter, Supported ES5/6/7, Less/Sass and Pug/Html template. + +### Vim + +- [Vim Vue](https://github.com/posva/vim-vue) - Syntax Highlight for Vue.js components. + +### Visual Studio Code + +- [Vetur](https://github.com/octref/vetur) - Vue tooling for VSCode. + +### Visual Studio + +- [VuePack](https://github.com/madskristensen/VuePack) - Contains HTML Intellisense and code snippets for the Vue.js JavaScript library. + +### Brackets + +- [Brackets Vue](https://github.com/pandao/brackets-vue) - Brackets extension for Vue.js. + +### Intellij + +- [Vue.js Plugin](https://github.com/postalservice14/vuejs-plugin) - Vue.js features for the Intellij Platform (WebStorm, RubyMine, Intellij, etc). +- [Vue.js support for WebStorm](https://github.com/JetBrains/intellij-plugins/tree/master/vuejs), IntelliJ IDEA, PhpStorm, PyCharm & RubyMine – official Vue.js support by JetBrains + +### Emacs + +- [Vue Mode](https://github.com/CodeFalling/vue-mode) - Emacs major mode for vue.js. + +### Kate + +- [Kate Syntax Files](https://github.com/mtorromeo/kate-syntax-files) - Syntax files (modified or original) for katepart (kate, kwrite, kdevelop). diff --git a/components-and-libraries/frameworks.md b/components-and-libraries/frameworks.md new file mode 100644 index 00000000..2e9eb114 --- /dev/null +++ b/components-and-libraries/frameworks.md @@ -0,0 +1,90 @@ +# Frameworks + +## Responsive + +Set of components + responsive layout system + +- [quasar-framework](https://github.com/quasarframework/quasar) - Quasar Framework. Build responsive websites, hybrid mobile Apps (that look native on Android and iOS) and Electron apps using same code, with VueJs 2. +- [vue-material](https://github.com/vuematerial/vue-material) - Material design for Vue.js. +- [vuetify](https://github.com/vuetifyjs/vuetify) - Material Component Framework for Vue.js 2. +- [muse-ui](https://github.com/museui/muse-ui) - Material Component library for Vue.js 2. +- [buefy](https://github.com/rafaelpimpa/buefy) - Components based on Bulma framework. +- [element-ui](https://github.com/ElemeFE/element) - A Vue.js 2.0 UI Toolkit for Web. +- [vulma](https://vulma.org) - Vue + Bulma = Vulma. +- [vue-bulma-components](https://github.com/vouill/vue-bulma-components) - Easily use bulma class syntax with vue components. +- [iview-ui](https://www.iviewui.com) - A Vue.js 2.0 UI Framework for web. +- [AT-UI](https://at.aotu.io) - A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0 +- [v-semantic](https://www.npmjs.com/package/v-semantic) - Implementation of [semantic-ui](https://semantic-ui.com/) for Vue +- [bootstrap-vue](https://bootstrap-vue.github.io) - Implementation of [bootstrap-4](https://getbootstrap.com/) grid and components for Vue.js 2. +- [fish-ui](https://myliang.github.io/fish-ui) - A Vue.js 2.0 UI Toolkit for Web +- [Zircle UI](https://zircleui.github.io/zircleUI/) - A lightweight front-end library for developing zoomable user interfaces. +- [vue-mdc-adapter](https://github.com/stasson/vue-mdc-adapter) - Material Components integration for Vue.js as per MDC Team's [guidelines](https://github.com/material-components/material-components-web/blob/master/docs/integrating-into-frameworks.md). +- [Material Components Vue](https://github.com/matsp/material-components-vue) - wrapper around [material-components-web](https://github.com/material-components/material-components-web) for Vue.js +- [PrimeVue](https://github.com/primefaces/primevue) - A Vue.js 2.0 UI Component library for Web +- [vuesax](https://github.com/lusaxweb/vuesax) - Frontend vue Components for Vue.js. +- [vuecidity](https://bitbucket.org/acidmartin/vuecidity) - UI component framework for Vue.js 2.0 +- [vue-antd-ui](https://github.com/vueComponent/ant-design) - An enterprise-class UI components based on Ant Design and Vue 2.5.0 + +## Mobile UI Frameworks + +UI frameworks for mobile + +- [Framework7-Vue](https://github.com/nolimits4web/Framework7-Vue) - Build full featured iOS & Android apps using Framework7 & Vue. +- [vux](https://github.com/airyland/vux) - [Chinese] Vue UI Components based on WeUI. +- [vue-onsenui](https://github.com/OnsenUI/OnsenUI) - 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. +- [Weex](https://weex.incubator.apache.org/) - Weex provides the ability to publish cross platform, so web, Android, and IOS apps can use the same API development functions. +- [weex-eros](https://github.com/bmfe/eros-template) - [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. + +## Component Collections + +Set of components without layout system + +- [vue-mdc](https://github.com/posva/vue-mdc) - Material Components Web for Vue.js. +- [keen-ui](https://github.com/JosephusPaye/Keen-UI) - A lightweight collection of essential UI components written with Vue and inspired by Material Design. +- [vue-admin](https://github.com/vue-bulma/vue-admin) - Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3. +- [vuikit](https://github.com/vuikit/vuikit) - UIkit with all the power of Vue. +- [uiv](https://github.com/wxsms/uiv) Bootstrap3 components implemented by Vue2. +- [yuche/vue-strap](https://github.com/yuche/vue-strap) - Bootstrap 3 components built with Vue.js 1 +- [wffranco/vue-strap](https://github.com/wffranco/vue-strap) - Bootstrap 3 components built with Vue.js 2 +- [N3-components](https://github.com/N3-components/N3-components) - Beautiful Web Components built with Vue 2 +- [jsmod-vue-pc](https://github.com/chaogao/jsmod-pc-vue) - Highly scalable web components for vue 2.0 +- [guilhermewaess/SemVue](https://github.com/guilhermewaess/SemVue) - Semantic-ui Modules implemented with Vue 2 +- [office-ui-fabric-vue](https://github.com/aidewoode/office-ui-fabric-vue) - Office UI Fabric implementation for Vue.js +- [vuestic-admin](https://github.com/epicmaxco/vuestic-admin) - Vue Admin Dasboard with collection of custom components. Built with Vue 2 and Bootstrap 4 +- [Semantic UI Vue](https://github.com/Semantic-UI-Vue/Semantic-UI-Vue) - Semantic UI integration for Vue +- [Carvue.js](https://github.com/nicholaslee119/carbon-components-vue) - IBM's Carbon Design System for Vue.js +- [vuesax](https://github.com/lusaxweb/vuesax) - Frontend vue Components for Vue.js. + +## Mobile Components + +Set of components for mobile + +- [mint-ui](https://github.com/ElemeFE/mint-ui) - Mobile UI elements for Vue.js. +- [vant](https://github.com/youzan/vant) - A Vue.js 2.0 Mobile UI From YouZan. +- [cube-ui](https://didi.github.io/cube-ui) - A fantastic mobile ui lib implement by Vue.js 2. + +## Admin Template + +Set of admin template + +- [iView Vue Admin](https://github.com/TonyLuo/iview-vue-admin) - iView Vue Admin / An admin portal template based on iView 2.x +- [element Vue Admin](https://github.com/TonyLuo/element-vue-admin) - element Vue Admin / An admin portal template based on Element UI 2.x +- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin) - A magical vue admin based on Element UI 2.x +- [d2admin](https://github.com/FairyEver/d2admin-vue-element) - An elegant backstage template build by vue + +## Server-side rendering + +- [Nuxt.js](https://github.com/nuxt/nuxt.js) - Versatile Vue.js Framework. +- [Ream](https://github.com/ream/ream) - A minimalistic framework for building server-rendered and static websites. + +## Static website generator + +- [VuePress](https://github.com/vuejs/vuepress) - Minimalistic Vue-powered static site generator. +- [Peco](https://github.com/egojump/peco) - A static website generator for humans. + +## Other + +- [app-framework](https://github.com/scriptPilot/app-framework) - IOS and Android Apps with HTML & JavaScript - develop, build and deploy - free and open source. +- [Myfirebase](https://github.com/myfirebase/myfirebase) - A decoupled Single page application Framework which is highly compatible with google firebase. +- [Vue-Access-Control](https://github.com/tower1229/Vue-Access-Control) Frontend access control framework based Vue.js 2. +- [Basys](https://github.com/basys/basys) Toolbox for building full-stack Vue.js apps diff --git a/components-and-libraries/integrations.md b/components-and-libraries/integrations.md new file mode 100644 index 00000000..50f23e9d --- /dev/null +++ b/components-and-libraries/integrations.md @@ -0,0 +1,44 @@ +# Integrations + +Integrate with services or other frameworks + +- [vue-disqus](https://github.com/ktquez/vue-disqus) - Vue component to integrate Disqus comments in your application, with support for SPA. +- [vue-youtube-embed](https://github.com/kaorun343/vue-youtube-embed) - Vue.js and YouTube. +- [vue-add-to-calendar](https://github.com/nicolasbeauvais/vue-add-to-calendar) - A Vue.js component that provides "Add to Calendar" functionality, works with Vue 2.X. +- [Vue + Meteor](https://github.com/Akryum/vue-meteor) - Vue first-class integration in Meteor. +- [av-ts](https://github.com/HerringtonDarkholme/av-ts) - A modern, type-safe, idiomatic Vue binding library. +- [Neutronium](https://github.com/NeutroniumCore/Neutronium) - Build .NET desktop applications using HTML, CSS and javascript. +- [vue-typescript-jest](https://github.com/locoslab/vue-typescript-jest) - Jest preprocessor.js for Vue.js components (supporting html, pug, and babel) and TypeScript. +- [vue-jest-utils](https://github.com/locoslab/vue-jest-utils) - Utilities for testing Vue.js components using Jest. +- [vue-custom-element](https://github.com/karol-f/vue-custom-element) - Vue Custom Element - Custom Elements for Vue.js. +- [vue-cordova](https://github.com/kartsims/vue-cordova) - Vue.js plugin for Cordova. +- [vue-wamp](https://github.com/lajosbencz/vue-wamp) - AutobahnJS wrapper library fo Vue.js. +- [express-vue](https://github.com/danmademe/express-vue) - Vue rendering engine for Express.js. Use .Vue files as templates using res.render(). +- [vue-grecaptcha](https://github.com/drozdzynski/vue-grecaptcha) - Google reCAPTCHA for VueJS 2 +- [vue-recaptcha](https://github.com/DanSnow/vue-recaptcha) - Google reCAPTCHA component for Vue.js +- [require-vuejs](https://github.com/edgardleal/require-vuejs) - RequireJS plugin to async and dynamic load and parse .vue components. +- [facebook-login-vuejs](https://github.com/iliran11/facebook-login-vue.git) - Vue Component for Authenticating your Facebook App and get the benefits of Facebook Login. +- [vuejs/vuefire](https://github.com/vuejs/vuefire) - Official Firebase Integration for VueJS +- [vuefire](https://github.com/nigeltiany/vuefire) - Firebase for VueJS and Vuex +- [vue-runkit](https://github.com/maple3142/vue-runkit) - RunKit Embed for Vue.js +- [vue-youtube](https://github.com/anteriovieira/vue-youtube) - Provides a simple layer for you to use your imagination while over the [YouTube IFrame Player API](https://developers.google.com/youtube/iframe_api_reference). (Compatible with SSR) +- [vue-introjs](https://github.com/alex-oleshkevich/vue-introjs) - Integrates intro.js step-by-step guide and feature introduction with Vue.js [http://introjs.com/](http://introjs.com/). +- [vue-loopback](https://github.com/InCuca/vue-loopback) - Loopback and Vue application template +- [vue-laroute](https://github.com/samturrell/vue-laroute) - Integrate Laravel routes into your VueJS application using laroute. +- [vue-raven](https://github.com/anteriovieira/vue-raven) - Automatically reports uncaught JavaScript exceptions triggered from vue component. +- [vue-telegram-login](https://github.com/vchaptsev/vue-telegram-login) - Vue Component for [Telegram Login](https://core.telegram.org/widgets/login) by [@vchaptsev](https://github.com/vchaptsev/) +- [vuexpress](https://github.com/vuexpress/vuexpress) - Vue + Express.js = VueXpress / A server side rendering engine for Express.js. Use .vue files as your express.js templates. +- [vue-fixer](https://github.com/eperedo/vue-fixer) - A simple vue component for the [fixer API](https://fixer.io). +- [amazon-cognito-vuex-module](https://github.com/Botre/amazon-cognito-vuex-module) - Vuex module for Amazon Cognito. +- [vue-web3](https://github.com/morrislaptop/vue-web3) - Web3 blockchain bindings for Vue.js (inspired by Vuefire and Drizzle) + +## Google Analytics + +- [vue-ua](https://github.com/ScreamZ/vue-analytics) - Google Universal Analytics support in Vue.js. +- [vue-analytics](https://github.com/MatteoGabriele/vue-analytics) - Vue plugin for Google Analytics. +- [vue-gtm](https://github.com/mib200/vue-gtm) - Vue plugin for Google Tag Manager + +## Yandex Metrika + +- [vue-ya-metrica](https://github.com/shershen08/vue-ya-metrica) - Vue plugin for Yandex.Metrica +- [vue-yandex-metrika](https://github.com/vchaptsev/vue-yandex-metrika) - Vue plugin for Yandex Metrika with router integration, plugin options by [@vchaptsev](https://github.com/vchaptsev/) diff --git a/components-and-libraries/prerendering.md b/components-and-libraries/prerendering.md new file mode 100644 index 00000000..e3a0a6c8 --- /dev/null +++ b/components-and-libraries/prerendering.md @@ -0,0 +1,5 @@ +# Prerendering + +- [react-snap](https://github.com/stereobooster/react-snap) - A zero-configuration static pre-renderer for SPA +- [prerender-plugin](https://github.com/mubaidr/prerender-plugin) - A Node.js/ webpack plugin to prerender static HTML in a single-page application (SPA). +- [vue-prerender](https://github.com/eldarc/vue-prerender) - A Vue.js tailored plugin which implements three strategies for prerendering Vue.js pages using headless chrome. diff --git a/components-and-libraries/runtime.md b/components-and-libraries/runtime.md new file mode 100644 index 00000000..e39e8b6e --- /dev/null +++ b/components-and-libraries/runtime.md @@ -0,0 +1,5 @@ +# Runtime + +## Command Line / Terminal + +- [blessed-vue](https://github.com/lyonlai/blessed-vue) - A VueJS runtime to let you write command line UI in Vue Edit diff --git a/components-and-libraries/scaffold.md b/components-and-libraries/scaffold.md new file mode 100644 index 00000000..f701663c --- /dev/null +++ b/components-and-libraries/scaffold.md @@ -0,0 +1,94 @@ +# Scaffold + +Scaffold / boilerplate / seed / starter kits / stack ensemble / Yeoman generator + +- [vue-cli](https://github.com/vuejs/vue-cli) - Simple CLI for scaffolding Vue.js projects. +- [Vue-Django](https://github.com/NdagiStanley/vue-django) - A boilerplate to set you up in bringing the awesomeness of VueJS into a Django (Python) app. +- [python-vuejs](https://github.com/cstrap/python-vuejs) - Gluing Python web frameworks and Vue.js with a set of scripts. Basically a `vue-cli` wrapper. +- [generator-vue-plugin](https://github.com/jeneser/generator-vue-plugin) - Yeoman generator generating vue plugin. +- [vue-seed](https://github.com/dulin666/vue-seed) - vue-seed is minimal seed for those looking to get up-and-running with Vue +- [nuxt-seed](https://github.com/dulin666/nuxt-seed) - nuxt-seed is minimal seed for those looking to get up-and-running with Vue and Nuxt +- [rails_vue_melt](https://github.com/midnightSuyama/rails_vue_melt) - Rails view with webpack=vue optimizer. +- [vue-starter](https://github.com/rohitkrai03/vue-starter) - A Vue.js starter kit that lets you focus on more programming and less configuration. +- [vue-standalone-component](https://github.com/InCuca/vue-standalone-component) - A standalone component generator with documentation support using jsdoc and vue-styleguidist +- [vuejs-wordpress-theme-starter](https://github.com/EvanAgee/vuejs-wordpress-theme-starter) - A WordPress theme with the guts ripped out and replaced with Vue +- [Cordovue](https://github.com/TheMushrr00m/cordovue) - A sample Apache Cordova application using Vue. +- [Cookiecutter-Django-Vue](https://github.com/vchaptsev/cookiecutter-django-vue) - Django+VueJS+Docker customizable project generator with a large number of settings/integrations by [@vchaptsev](https://github.com/vchaptsev/) +- **[iBiu](https://github.com/bobiscool/iBiu)** A visual CLI for scaffolding large Vue projects in 2 seconds. +- [wp-vue](https://github.com/alexmacarthur/wp-vue) - A simple Vue blog template that displays posts from a WordPress REST API endpoint. +- [vue-cli-template-nativescript](https://github.com/julon/vue-cli-template-nativescript) - Template for starting new nativescript+vue projects with rollup+babel+eslint +- [vue-element-ui-scaffold](https://scaffoldhub.io/vue-sample) - Online and visual Vue 2 with Element-UI CRUD scaffold/generator. +- [vue-firebase-element-ui-scaffold](https://scaffoldhub.io/vue-firebase) - Online and visual Vue 2, Element-UI and Firebase scaffold/generator with CRUDs, authentication, file/image upload, activity log and more. +- [vue-starter](https://github.com/devCrossNet/vue-starter) - an enterprise ready boilerplate for isomorphic, progressive web apps with Vue.JS +- [vue-vuex-typescript-webpack-seed](https://github.com/IsraelZablianov/vue-vuex-typescript-webpack-seed) - A seed project with Vue, Vuex, Typescript, Scss & Webpack with hot reloading +- [VueCharged Template](https://github.com/mrboomer/vuecharged-template) - A highly opinionated, feature-first Vue 2 template with CLI scaffolding. Uses Vue 2, Vuex, Vue Router and Vue I18n. +- [Huncwot](https://github.com/zaiste/huncwot) - Vue.js boilerplate with Node.js for building modern JavaScript applications with « batteries included » approach. +- [wemake-vue-template](https://github.com/wemake-services/wemake-vue-template) - Bleeding edge vue template focused on code quality and developer happiness. Featuring: nuxt, flow, and jest. +- [vue-lib-template](https://github.com/biigpongsatorn/vue-lib-template) - 🛠 A simple template for building and publishing Vue component/library as a opensource. + +## Client + +Render Vue application in the browser only + +- [Vue Plugin Boilerplate](https://github.com/kazupon/vue-plugin-boilerplate) - Boilerplate for Vue.js plugin. +- [Bourgeon](https://github.com/rayfranco/bourgeon) - Bourgeon is an opinionated-featured VueJS 2.0 setup for Webpack. +- [VuePack](https://github.com/egoist/vuepack) - A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron). +- [Vue Settler](https://github.com/weavingbird/vue-settler) - An opinionated Vue 2.0 SPA Starter. +- [vue-build](https://github.com/brianvoe/vue-build) - Ultra Simple, Development, Testing and Production Build Cli. +- [Vue Element Starter](https://github.com/Metnew/vue-element-starter) - Robust Vue 2 starter with Element-UI. +- [vue-multiple-pages](https://github.com/Plortinus/vue-multiple-pages) - A modern Vue.js multiple pages starter which uses Vue 2, Webpack2, and Element-UI +- [vue-typescript-boilerplate](https://github.com/twcapps/vue-typescript-boilerplate) - A Vue.js typescript SPA starter with Vue 2, Vue Typed, Vuex, Vue Router and localization +- [vue-tachyons-template](https://github.com/colorful-tones/vue-tachyons-template) - A Vue 2 project starter template w/ Tachyons, Webpack, and ESLint +- [Vuets](https://github.com/AkiraLaine/Vuets) - A Vue, TypeScript ready boilerplate using class-style components, vue plugin options, webpack & vue-cli. +- [MMF-FE/vue-typescript](https://github.com/MMF-FE/vue-typescript) - A vue2.x typescript template. +- [Friendly Vue Starter](https://github.com/mcongy/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, ...) +- [vue-webpack-typescript](https://github.com/ducksoupdev/vue-webpack-typescript) - A Vue 2.2 Webpack 2 and Typescript 2 setup with hot reload, unit testing, code coverage, sass and bundling/minification. +- [vue-ts-amd](https://github.com/Micene09/vue-ts-amd) - A full-featured Vue.js 2 boilerplate using AMD pattern (RequireJS) and Typescript. +- [**vue-2-boilerplate**](https://github.com/petervmeijgaard/vue-2-boilerplate) - Vue 2 boilerplate for developing medium to large single page applications by [petervmeijgaard](https://github.com/petervmeijgaard/) +- [layout](https://github.com/ktquez/layout) - A full-featured Webpack + Vue Extend layout +- [layout-simple](https://github.com/ktquez/layout-simple) - A simple Webpack + Vue Extend layout +- [vue-cli-template-library](https://github.com/julon/vue-cli-template-library) - Template for developing open-source vue.js libraries with Rollup + Jest + Babel + Storybook + TravisCI + SemanticRelease. +- [vue-cli-template-github-pages](https://github.com/julon/vue-cli-template-github-pages) - A full-featured Webpack + vue-loader setup for Github Pages Deployment with travisCI. +- [vue-webpack-chrome-extension-template](https://github.com/ALiangLiang/vue-webpack-chrome-extension-template) - Template for quick creation of Chrome extension on Vuejs hot reloading when developing. +- [buildless-vue](https://github.com/Botre/buildless-vue) - Quickly use Vue without a build step. +- [vue-component-template](https://github.com/IneoO/vue-component-template) - Webpack setup for building & publishing a Vue component/library (with docs/demo site). + +## Universal + +Render Vue application to HTML on the server and to the DOM in the browser + +- [SPA Starter Kit](https://github.com/codecasts/spa-starter-kit) - A highly opinionated starter kit for building Single Page Applications with Laravel and Vue.js. +- [SSR Boilerplate](https://github.com/fenivana/vue-ssr-boilerplate) - Vue.js Server Side Rendering Boilerplate without Polluting Vuex. +- [neutrino-preset-vue-static](https://github.com/shyiko/neutrino-preset-vue-static) - A minimalistic starter kit for building static sites using Vue.js. +- [Vueniverse](https://github.com/rlindskog/vueniverse) - A fully featured, universal Vue template for user-based applications, powered by Nuxt.js and Express. +- [vue-preload](https://github.com/shershen08/vue-preload) - A plugin Vue for adding ` 2 dropdown. Easy to use, no external, optional. +- [vue-bulma-accordion](https://github.com/Lunrtick/vue-bulma-accordion) - Simple, easily configurable accordion or collapsible styled with Bulma custom or built in icons available + +## Carousel + +- [vue-easy-slider](https://github.com/shhdgit/vue-easy-slider) - Slider Component of Vue.js. +- [vue-l-carousel](https://github.com/lsycxyj/vue-l-carousel) - A responsive carousel(namely slider or swiper) component for Vue.js v2.x+. +- [vue-awesome-swiper](https://github.com/surmon-china/vue-awesome-swiper) - Swiper(slide) component for Vue.js(1.x ~ 2.x). +- [vue-lory](https://github.com/vue-bulma/lory) - Vue Slider Component based on lory. +- [vue-slick](https://github.com/staskjs/vue-slick) - Vue component for Slick-carousel. +- [vue-flickity](https://github.com/drewjbartlett/vue-flickity) - A Vue Component for Flickity.js. +- [vue-carousel-3d](https://github.com/wlada/vue-carousel-3d) - Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js. +- [vue-carousel](https://github.com/SSENSE/vue-carousel) - A flexible, responsive, touch-friendly carousel for Vue.js. +- [vue-coverflow](https://github.com/OrangeXC/vue-coverflow) - A vue2.x coverflow component. +- [vue-agile](https://github.com/lukaszflorczak/vue-agile) – A carousel component inspired by Slick, written in Vue.js and vanilla JS only. +- [vue-tiny-slider](https://github.com/viktorlarsson/vue-tiny-slider) – A carousel component created by ganlanyuan, written in Vue.js. No jQuery. Works in IE8+. +- [vue2-text-swimlane](https://github.com/mubaidr/vue-swimlane) - A Text Swimlane plugin for Vue.js +- [vue-picture-swipe](https://github.com/rap2hpoutre/vue-picture-swipe) - Vue Picture Swipe Gallery (a gallery of image with thumbnails, lazy-load and swipe) backed by photoswipe. + +## Charts + +- [vue-morris](https://github.com/bbonnin/vue-morris) - VueJS component wrapping Morris.js. +- [vue-charts](https://github.com/haydenbbickerton/vue-charts) - Google Charts plugin for Vue.js. +- [vue-chartjs](https://github.com/apertureless/vue-chartjs) - Vue.js wrapper for Chart.js. +- [hchs-vue-charts](https://github.com/hchstera/vue-charts) - Based on Vue2.0 wrapper for ChartJs. +- [vue-echarts](https://github.com/Justineo/vue-echarts) - ECharts component for Vue.js. +- [vuetrend](https://github.com/QingWei-Li/vue-trend) - Simple, elegant spark lines for Vue.js. +- [vue-highcharts](https://github.com/weizhenye/vue-highcharts) - Highcharts component for Vue. +- [vue-echarts-v3](https://github.com/xlsdg/vue-echarts-v3) - Vue.js(v2.x+) component wrap for ECharts.js(v3.x+). +- [vue-chartist](https://github.com/lakb248/vue-chartist) - Vue.js 2.0 component wrap for Chartist. +- [g2-vue](https://github.com/fireyy/g2-vue) - Factory wrapper for using G2 easily in a Vue Component. +- [vuebars](https://github.com/DeviaVir/vue-bar) - Simple, elegant spark bars for Vue.js. +- [vue-d3-network](https://github.com/emiliorizzo/vue-d3-network) - Vue component to graph networks using d3-force +- [vue2vis](https://github.com/alexcode/vue2vis) - Vue2 wrapper for [Visjs](http://visjs.org). +- [vue-c3](https://github.com/chryb/vue-c3) - A reusable vue component for c3 charts +- [vue-d2b](https://github.com/d2bjs/vue-d2b) - Vue components for d2b charts. (Including axis, pie, sankey, and sunburst charts) +- [VueChart](https://github.com/SeregPie/VueChart) - A very simple Vue wrapper for Chart. +- [vue-chartkick](https://github.com/ankane/vue-chartkick) - Create beautiful JavaScript charts with one line of Vue +- [d3vue](https://github.com/ignoreintuition/d3vue) - A D3 Plugin for Creating Reactive Data Visualizations in VueJS +- [vue2-frappe](https://github.com/JustSteveKing/vue2-frappe) - A simple wrapper around Frappe Charts for VueJS + +## Time + +Display time / date / age + +- [vue-timeago](https://github.com/egoist/vue-timeago) - A tiny timeago component for Vue. +- [vue-moment-jalaali](https://github.com/saman/vue-moment-jalaali) - Jalaali Moment.js filters for your Vue.js project. +- [vue-countdown-timer](https://github.com/sagarkbhatt/vuejs-countdown-timer) - Added timezone conversion support. +- [vue-analog-clock-range](https://github.com/f/vue-analog-clock-range) - Analog clock range to show time difference. +- [vue-moment-lib](https://github.com/julon/vue-moment-lib) - A simple Vue.js 2.0 MomentJS library (filters & globals) using the same momentjs API. +- [vuejs-countdown](https://github.com/getanwar/vuejs-countdown) - A simple countdown timer component for vue js 2.0 + +## Calendar + +Display non-editable events in a Calendar + +- [vue-fullcalendar](https://github.com/Wanderxx/vue-fullcalendar) - Vue calendar fullCalendar. No jQuery required. Schedule events management. +- [vue-event-calendar](https://github.com/GeoffZhu/vue-event-calendar) - A simple events calendar for Vue2, no dependencies except Vue2. +- [vue-calendar-picker](https://github.com/FranckFreiburger/vue-calendar-picker) - Lightweight calendar component for events display, period selection and date picker. +- [vue-lunar-calendar](https://github.com/KimWooHyun/vue-lunar-calendar) - A vue component for lunar calendar. Uses Moment.js for date operations. +- [vue-simple-calendar](https://github.com/richardtallent/vue-simple-calendar) - Flexbox-based Vue month calendar compenent; supports multi-day events, localization, holiday emoji, drag/drop. No dependencies. +- [vue2-calendar](https://github.com/Trekels/vue2-calendar) - A simple full calendar component aimed at beeing flexibile and lightweight. +- [vue-jlunar-datepicker](https://github.com/tuhe32/vue-jLunar-datePicker) - A Chinese lunar datepicker component with festivals and solar terms. +- [vue-full-calendar](https://github.com/CroudSupport/vue-fullcalendar) - A complete [fullcalendar.io](fullcalendar.io) wrapper for both Vue 1 and 2 +- [v-calendar](https://github.com/nathanreyes/v-calendar) - Animated calendar/datepicker that displays regions, indicators and day popovers for simple & recurring dates. +- [vue-infinite-calendar](https://github.com/laleshii/vue-infinite-calendar) - A simple infinite calendar implementation for Vue 2 +- [vue-calendar](https://github.com/kylin-z/vue-calendar) - A simple calendar components for Vue 2.1.5+ ,support custom content. No dependencies. +- [vue2-event-calendar](https://github.com/kitwon/vue2-event-calendar) - An events calendar for Vue2, support customize event items and calendar header. +- [vue2-datePicker-infinite](https://github.com/leepyng/vue-datepicker-infinite) - An infinite datePicker for Vue2,easy to use and no dependencies. +- [vue2-slot-calendar](https://github.com/icai/vue2-calendar) - A vue 2 calendar, datepicker component which supported lunar or date event, bootstrap style. + +## Map + +- [vue2-google-maps](https://github.com/xkjyeah/vue-google-maps) - Google maps component for vue with 2-way data binding. +- [vue2-leaflet](https://github.com/KoRiGaN/Vue2Leaflet) - Vue 2 components for Leaflet maps. +- [vue-mapbox-gl](https://github.com/phegman/vue-mapbox-gl) - Vue 2.x component for Mapbox GL JS +- [vue-yandex-maps](https://github.com/PNKBizz/vue-yandex-map) - Vue 2.x component for Yandex Maps +- [vue-baidu-map](https://github.com/Dafrok/vue-baidu-map) - Vue 2.x component for Baidu Maps. +- [vue-choropleth](https://github.com/voluntadpear/vue-choropleth) - Vue 2.x component to display a choropleth map. +- [vuelayers](https://github.com/ghettovoice/vuelayers) - Vue 2 components to work with OpenLayers. +- [vue-googlemaps](https://github.com/Akryum/vue-googlemaps) - Vue 2.x components to integrate Google Maps. +- [vue-static-map](https://github.com/eperedo/vue-static-map) - Vue 2.x simple component to generate an static google map + +## Audio / Video + +- [Vue-APlayer](https://github.com/SevenOutman/vue-aplayer) - :cake: Easy-to-config music player for Vue 2.x. +- [vue-audio](https://github.com/shershen08/vuejs-sound-player) - audio-tag wrapper; sound player component for Vue 2.x +- [vue-dplayer](https://github.com/sinchang/vue-dplayer) - A Vue 2.x video player component based on DPlayer. +- [vue-canvasvideo](https://github.com/chrishurlburt/vue-canvasvideo) - A Vue 2.x component for video backgrounds and autoplay video on iOS/Safari. +- [vue-music](https://github.com/petsgre/music) - A Vue component base on html5 `