Top 23 Vue Open-Source Projects
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Project mention: 21 Popular JavaScript Libraries Every Web Developer Should Know | dev.to | 2021-04-18Very similar to React, Vue is a front-end framework used to create single-paged applications with the popular component-based architecture. The upside with using Vue is that you write smaller amount to code compared to other UI libraries. Vue JS is growing stronger by the day, and is getting adopted at a quick rate.
-
Project mention: 10+ Noteworthy Bootstrap Admin Themes Made With The Latest Version Of Vue | dev.to | 2021-04-05
Vue Element Admin
-
Scout APM
Scout APM - Leading-edge performance monitoring starting at $39/month. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Today, I'm going to talk about Storybook v6. It is such a great tool to design, build, document and test isolated components and organize a perfect component library.
-
Project mention: How can I make a page look more professional? | reddit.com/r/web_design | 2021-04-08
Thanks for the input, I use this library which already has it's own design and margins so I just used the default ones for certain items, I did alter some of the css for other items. I do see how that could make everything square up better and look more consistent.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
See additional video content on Ionic Framework, vuejs and reactjs on my @YouTube Channel
-
Project mention: 🔥 NextJS Portfolio Template Free with Tailwind CSS and TypeScript [Open Source] 🚀 | dev.to | 2021-04-21
🚀 Next.js Blog Boilerplate is starter code for your blog based on Next.js 10+ framework with Tailwind CSS 2.0. ⚡️ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
-
To build my website I have used technologies such as: Nuxt, my static site generator, Storyblok, as my headlessCMS with an image service provider, and Netlify to host my full static site.
-
Project mention: 9 years later but we finally have the answer | reddit.com/r/mAndroidDev | 2021-03-12
uni-app
-
Project mention: V-app-bar-title width decreases after page reload | reddit.com/r/vuejs | 2021-04-20
Also looks like there's a bug report for this issue
-
taro
开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
NervJS / taro
-
Clone of Demo Repo Tech stack Repo Stars 1Password / LastPass https://bitwarden.com/ https://github.com/bitwarden/mobile C#, Xamarin 2048 https://2048-three.vercel.app/ https://github.com/AreebKhan619/2048 React 2048 https://demo.matsz.dev/2048/ https://github.com/mat-sz/2048 React, TypeScript, Redux 2048 https://guaracy.github.io/beads/sites/2048/2048.html https://github.com/guaracy/2048-beads Beads Airbnb https://abod-bnb.web.app/ https://github.com/abodmicheal/React-projects/tree/master/Abodbnb React, Firebase Airbnb https://realbnb.vercel.app/ https://github.com/shubhsk88/realbnb-frontend TypeScript, React, NextJS, Prisma, GraphQL Airtable https://firetable.io/ https://try.firetable.io/ https://github.com/AntlerVC/firetable React, Firebase, Firestore, Typescript Airtable https://baserow.io/ https://gitlab.com/bramw/baserow Django, nuxt.js, PostgreSQL Algolia https://www.meilisearch.com/ https://github.com/meilisearch/MeiliSearch Rust Amazon https://amazonna.netlify.app/ https://youtu.be/MSctN0MOdt0 https://github.com/emmanuelhashy/amazon-clone React, Firebase Amazon Prime https://prime-clone-e1de6.firebaseapp.com/ https://github.com/peeyush14goyal/AmazonPrime-ReactJS-Clone React Apple Music https://appo-music.herokuapp.com/ https://github.com/oriravid/Appo-Music React, Redux, Ruby on Rails, PostgreSQL Bit.ly https://polrproject.org/ https://github.com/cydrobolt/polr PHP, MySQL Bit.ly https://zws.im/ https://github.com/zws-im/zws Typescript, Battleship Game https://battleboats.ito.wtf/ https://github.com/hairarrow/btship TypeScript, React Clubhouse https://jam.systems/ https://github.com/jam-systems/jam React, WebRTC Clubhouse https://dogehouse.tv https://github.com/benawad/dogehouse React, Postgress, Elixir Codecademy https://codecademyclone.netlify.app/ https://github.com/shanoysinc/Codecademy-clone React Discord http://ericellb.github.io/React-Discord-Clone https://github.com/ericellb/React-Discord-Clone React, Node, Express, Socket-IO, MySQL Discord https://valkyrieapp.xyz https://github.com/sentrionic/Valkyrie React, NestJS, TypeScript, Socket-IO, PostgreSQL Disney+ https://github.com/calebnance/expo-disneyplus/blob/master/.gh-assets/screenshare-4.png?raw=true https://github.com/calebnance/expo-disneyplus React Native, expo Doodle (Scheduling tool) https://sm2030.user.srcf.net/poll/ https://github.com/souramoo/PhpMeeting PHP Dribbble http://driwwwle.herokuapp.com/ https://github.com/itsnitinr/driwwwle MERN, react Dribbble https://v.redd.it/a8lhmpjho0051/ https://github.com/diazabdulm/rumbbble MongoDB, ExpressJS, React, Dropbox https://try.nextcloud.com/ https://github.com/nextcloud/server PHP, JS Dropbox https://demo.filegator.io https://github.com/filegator/filegator PHP, JS, Vuejs Evernote https://joplinapp.org/ https://github.com/laurent22/joplin Javascript, Typescript Facebook https://odinclone.herokuapp.com/ https://github.com/lucaskenji/odinclone-app MERN Facebook https://github.com/KristianWEB/fakebooker-frontend#screenshots https://github.com/KristianWEB/fakebooker-frontend react, graphql, mongodb Firebase https://appwrite.io/ https://github.com/appwrite/appwrite PHP Gmail https://github.com/rodydavis/gmail_clone#screenshots https://github.com/rodydavis/gmail_clone Flutter Google Analytics https://plausible.io/ https://github.com/plausible/analytics React, Elixir, PostgreSQL, Tailwind Google Analytics https://matomo.org/ https://github.com/matomo-org/matomo PHP, HTML, MySQL Google Analytics https://ackee.electerious.com/ https://github.com/electerious/Ackee Node, MongoDB Google Analytics https://learnsql.io https://github.com/hypercable/hypercable Rails, OpenResty, TimescaleDB, postgresql, tailwindcss Google Drive https://mydrive-3.herokuapp.com/ https://mydrive-storage.com/ https://github.com/subnub/myDrive React, Node.js, mongoDB Google Keep https://github.com/anselm94/googlekeepclone/blob/master/docs/mobile-add-todo.gif https://github.com/anselm94/googlekeepclone React, GraphQL, Golang, SQlite Google Keep https://vue-keep-sepia.vercel.app/ https://github.com/wobsoriano/vue-keep Vue, Typescript, Firestore Google Keep https://google-keeps-clone.herokuapp.com/ https://github.com/kimlimjustin/google-keep-clone Django, JS Google Forms http://google-forms-clone.herokuapp.com/ https://github.com/kimlimjustin/google-form-clone Django, JS Google Photos https://photos-clone.web.app/ https://github.com/mani-barathi/Google-Photos-Clone React, Redux, Firebase Google Translate https://libretranslate.com/ https://github.com/uav4geo/LibreTranslate Python, Flask Headspace https://meditofoundation.org/medito-app https://github.com/meditohq/medito-app Flutter Hackernews https://hackernews-redesign.netlify.app/ https://github.com/RocktimSaikia/hacker-news-redesign React Hackernews https://news.python.sc/ https://github.com/sebst/pythonic-news Python, Django IMDB https://imdb-react-clone.herokuapp.com/ https://github.com/djohal/imdb-replica-react React, Redux, Firebase Instagram https://www.instaclone.net/login https://github.com/Sandermoen/instaclone/blob/master/screenshots/NgmjOVkZ4L.gif https://github.com/Sandermoen/instaclone Reactjs, Express, Nodejs, Mongodb, Socketio Instagram https://github.com/vipulasri/JetInstagram/blob/master/art/jetinstagram.gif https://github.com/vipulasri/JetInstagram Jetpack Compose Instagram https://instagram-clone-reactjs.vercel.app/ https://github.com/mucahit-sahin/instagram-clone-react React, Redux Instagram https://instagram-clone-dbe40.web.app// https://github.com/shaan71845/instagram-clone React, Firebase Intercom https://www.chatwoot.com/ https://github.com/chatwoot/chatwoot JAMStack, Vue iOS Homescreen https://ios-homescreen.now.sh/ https://github.com/erickbogarin/ios-homescreen React, Next.js, Emotion Jira https://i.ibb.co/W3qVvCn/jira-optimized.jpg https://github.com/oldboyxx/jira_clone React, Typescript Jira https://jira.trungk18.com/ https://github.com/trungk18/jira-clone-angular Angular, Akita, TailwindCSS, ng-zorro MacOS Calculator https://chamoda.com/react-calculator/ https://github.com/chamoda/react-calculator React MacOS Notes app https://hubert-wyszynski.github.io/notes-app/ https://github.com/hubert-wyszynski/notes-app React Medium / Wordpress / Substack https://ghost.org/ https://github.com/TryGhost/Ghost JAMStack, Ember, Node, MySQL Medium https://next-realworld.now.sh/ https://github.com/reck1ess/next-realworld-example-app React, Next.js MS Paint https://jspaint.app https://github.com/1j01/jspaint Node.js Netflix https://azazel5.github.io/NetflixClone/ https://github.com/Azazel5/NetflixClone/blob/master/flixdemo.gif https://github.com/Azazel5/NetflixClone React, Redux Netflix https://netflix-clone-dd230.web.app/ https://github.com/abodmicheal/React-projects/tree/master/Single-Channel-Messanger React, Firebase Netflix https://github.com/karlhadwen/netflix/blob/master/netflix-preview.png https://github.com/karlhadwen/netflix React, Firebase Netflix http://spaceflix.herokuapp.com/#/ https://github.com/ehecker/spaceflix Ruby, React, Redux, PostgreSQL, AWS Netflix https://expo-netflix.calebnance.now.sh/ https://github.com/calebnance/expo-netflix React Native, expo Netflix https://roseflix-rosebilag.vercel.app/ https://github.com/rosebilag/roseflix/ React, TypeScript, MongoDB Nike https://github.com/saeed9321/Nike-Website-clone/blob/main/screen-capture.gif https://github.com/saeed9321/Nike-Website-clone Express, MongoDB Notion https://www.focalboard.com/ https://github.com/mattermost/focalboard Node, React, Go Omegle https://start-a-conversation.firebaseapp.com/ https://github.com/NickMandylas/start-a-conversation React, Firebase, Twilio Orkut https://orkutnostalgia.netlify.app/ https://github.com/GShadowBroker/orkut-clone-client https://github.com/GShadowBroker/orkut-clone-server ReactJS, GraphQL, Apollo, PostgreSQL PayTM https://github.com/flutter-devs/flutter_paytm_clone#demo https://github.com/flutter-devs/flutter_paytm_clone Flutter Pinterest https://trusting-euler-8aafb8.netlify.app/ https://github.com/machadop1407/pinterest-clone-frontend https://github.com/machadop1407/pinterest-clone-backend GraphQL, ReactJS, NodeJS, Mysql Postman https://insomnia.rest/ https://github.com/Kong/insomnia Electron Postman https://hoppscotch.io/ https://github.com/hoppscotch/hoppscotch JAMStack, Vue, NuxtJS, firebase Reddit https://redditsyncr.netlify.app/ https://github.com/dustinkiselbach/reddit-refactor React, Typescript Reddit https://asperitas.now.sh/ https://github.com/d11z/asperitas Node.js, React, NoSQL TikTok + Reddit https://reddit-tiktok.netlify.app/ https://github.com/hedgecox/Reddit-TikTok-Clone React Twitch https://twitchclone.vercel.app/ https://github.com/alissonsleal/twitch-clone/ React, Next.JS, Typescript Slack https://mattermost.com/ https://github.com/mattermost/mattermost-webapp React, Go Slack https://rocket.chat/ https://github.com/RocketChat/Rocket.Chat JAMStack, Typescript Slack https://zulip.com/ https://github.com/zulip/zulip Python, JS, TS Slack https://github.com/calebnance/expo-slack/blob/master/screenshots/screenshare-3_v1.jpg?raw=true https://github.com/calebnance/expo-slack React Native, Expo Snapchat https://towhidkashem.github.io/snapchat-clone/ https://youtu.be/aRS88v-duKg https://github.com/TowhidKashem/snapchat-clone React, Redux, Typescript, Cypress, Jest, Enzyme Spotify https://spotify.trungk18.com/ https://github.com/trungk18/angular-spotify Angular 11, Nx, ngrx, TailwindCSS and ng-zorro Spotify https://github.com/JL978/spotify-clone-client/blob/master/demo/Authed.gif https://github.com/JL978/spotify-clone-client React Spotify Web Player https://spotify-clone-oguz3.web.app/ https://github.com/oguz3/spotify-web-player React Spotify https://github.com/matpandino/spotify-ui-clone/blob/master/.github/spotify-clone.jpg https://github.com/matpandino/spotify-ui-clone Electron, React, Typescript Spotify https://drive.google.com/file/d/1KOHOJDGaLeumGqQenzCeeShPqIudCJBX/view https://github.com/aashrafh/Oud React Spotify https://tune42-spotify.netlify.app/ https://github.com/Tune42/spotify-clone React Spotify https://expo-spotify.vercel.app/ https://github.com/calebnance/expo-spotify React Native, Expo Spotify https://github.com/osamaq/spotify-lite#screenshots https://github.com/osamaq/spotify-lite React Native Spotify + Soundcloud + YouTube https://www.kord.app https://github.com/bundit/kord-app React, Redux, Express, PostgreSQL Stackoverflow https://clone-of-stackoverflow.vercel.app/ https://github.com/salihozdemir/stackoverflow-clone ReactJs, NextJs, Express, MongoDB Stackoverflow https://drive.google.com/file/d/1A0B3JPUUY2snG8MLZpyz2LWhvThG2epn/view https://github.com/Mayank0255/Stack-Overflow-Clone MySQL, Express, React Tetris Game https://hinsxd-tetris.netlify.app/ https://github.com/hinsxd/react-tetris React, Typescript Tetris Game https://tetris20.netlify.app/ https://github.com/shanoysinc/Tetris Typescript Tiktok https://youtu.be/iYqDUjvsS3o https://github.com/emmanuelhashy/tik-tok-clone React, Firebase Tiktok https://youtu.be/sMKg6ILYgv0 https://github.com/salvadordeveloper/TikTok-Flutter Flutter, Firebase Tiktok + Reddit https://henrybalassiano.github.io/Tik-Tok-Clone/ https://github.com/HenryBalassiano/Tik-Tok-Clone React Trello https://wekan.github.io/ https://github.com/wekan/wekan Meteor Trello https://www.taiga.io/ https://github.com/taigaio/taiga-front https://github.com/taigaio/taiga-back Django, AngularJS Trello https://kanboard.org/ https://github.com/kanboard/kanboard PHP Trello https://trellis-app.herokuapp.com/ https://github.com/ayushagg31/Trellis/blob/master/images/Trellis.gif https://github.com/ayushagg31/Trellis React, Redux, Node, Express, MongoDB Trello https://codesource.io/wp-content/uploads/2020/07/Trelloclone.webm https://github.com/Dunebook/Trelloclone Angular 10 Trello https://tiquetapp.herokuapp.com/ https://github.com/FLiotta/Tiquet React, Python, Flask, PostgreSQL Trello https://tberghuis.github.io/trello-board-clone/ https://github.com/tberghuis/trello-board-clone React trello https://rupmalya-trello-clone.herokuapp.com/signin https://youtu.be/59oQ01VEm30 https://github.com/RupmalyaK/trello-clone Express, MongoDB trello https://project-manager1.herokuapp.com/ https://github.com/arturmolenda/project-manager React, Redux, Node, Express, Socket.io, MongoDB Trello https://trello-project-manager.netlify.app/ https://github.com/berabulut/project-manager React, Node.js, Firebase, Serverless, AWS Lambda Twitter https://twitter-geek.netlify.app/#/ https://github.com/RisingGeek/twitter-clone/blob/master/demo/feed.png https://github.com/RisingGeek/twitter-clone https://github.com/RisingGeek/twitter-clone-backend React, Redux, NodeJS, MYSQL Twitter https://twitterclone2.netlify.app/login.html https://github.com/Dunebook/Twitterclone HTML, CSS, JQuery Twitter https://tclone.netlify.app/ https://github.com/muzam1l/tclone/raw/master/docs/tclone-demo2.gif https://github.com/muzam1l/tclone https://github.com/muzam1l/tclone-api MERN Twitter https://twitterapp-clone.netlify.app/home https://github.com/Ali-hd/Twitter-Clone https://github.com/Ali-hd/TwitterClone-Backend React, express, mongo, aws, socket.io Twitter https://twitter-cln.herokuapp.com https://github.com/Abdullah-V/MEVN-stack-twitter-clone Vue, Express, Mongo Twitter https://twitter-web-clone-react.vercel.app https://github.com/mucahit-sahin/twitter-web-clone-react React, Redux Typeform / Google Form https://ohmyform.com/ https://github.com/ohmyform/ohmyform Python Typeform https://supereasyforms.com/ https://github.com/super-easy-forms/super-easy-forms Javascript Uber https://github.com/calebnance/expo-uber/blob/master/screenshots/screenshare-3.png?raw=true https://github.com/calebnance/expo-uber React native, expo Uber https://youtu.be/ya1lsXS2Wvw https://github.com/Santos-Enoque/uber_clone_with_flutter Flutter Unsplash https://github.com/junipdewan/react-unsplash#react-unsplash https://github.com/junipdewan/react-unsplash React Unsplash https://mani-unsplash-clone.netlify.app/ https://github.com/mani-barathi/unsplash-clone React, Material-UI Vimeo https://bimeo.herokuapp.com/#/ https://github.com/TarikGul/vimeo_clone_full_stack_project React, Redux, Ruby. PostgreSQL Whatsapp https://codesource.io/wp-content/uploads/2020/11/Screenshot_20201029-171635-1-709x1536.png https://github.com/Ekeminie/whatsapp_ui Flutter Whatsapp https://medium.com/p/5479d83baaa4 https://github.com/Urigo/WhatsApp-Clone-Client-Angular https://github.com/Urigo/WhatsApp-Clone-server Angular, Express, PostgreSQL, GraphQL, Typescript Whatsapp https://youtu.be/3TYfkvf4u4M https://clone-massenger.herokuapp.com/signinsignup https://github.com/RupmalyaK/whatsapp-MERN MERN Wix https://grapesjs.com/ https://github.com/artf/grapesjs Javascript, Webpack Workflowy https://deepnotes.in/ https://github.com/mukeshsoni/deepnotes-editor ReactJS, DraftJS Youtube https://utubeclone.netlify.app/ https://youtu.be/wHLurtOnmyM https://github.com/manikandanraji/youtubeclone-frontend https://github.com/manikandanraji/youtubeclone-backend React, Redux, Express, Sequelize Youtube Music https://music-streaming-app-4a392.web.app/ https://github.com/mani-barathi/Octave React, Firebase, Material-UI Zapier https://n8n.io/ https://github.com/n8n-io/n8n Typescript, Vue, Docker Zapier https://vimeo.com/61976251 https://github.com/huginn/huginn Ruby
-
So I started using the native REACT methods REDUCER and PROVIDERS for state management ... eventually I ended up with a light lib inspired by VUEX! The great thing about VUEX (or FLUX) is that you have a solid structure: The State is immutable, The Actions change theState, The View intercepts theState changes and calls the Actions. Explicitly expressed by a simple object:
-
-
Website: https://iviewui.com/ GitHub: https://github.com/iview/iview GitHub Stars: 22.8k
-
jeecg-boot
「企业级低代码平台」前后端分离架构SpringBoot 2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT。强大的代码生成器让前后端代码一键生成，无需写任何代码! 引领新的开发模式OnlineCoding->代码生成->手工MERGE，帮助Java项目解决70%重复工作，让开发更关注业务，既能快速提高效率，帮助公司节省成本，同时又不失灵活性。
zhangdaiscott / jeecg-boot
-
NativeScript
NativeScript empowers you to access native api's from JavaScript directly. Angular, Capacitor, Ionic, React, Svelte, Vue and you name it compatible.
React Native / NativeScript - for building native mobile apps with web technologies (deeper native bindings, without the use of WebView)
-
https://www.mkdocs.org/ or https://vuepress.vuejs.org/ are great ways to create docs and code.
-
Project mention: Markdown editor that supports RTL **and** LaTeX for mac? | reddit.com/r/Markdown | 2021-04-17
As does Mark Text : https://github.com/marktext/marktext/issues/421
-
Project mention: Data driven Web Frontends....looking at React and beyond for CRUD | reddit.com/r/datascience | 2021-04-21
Consider the Quasar Framework to get you off the ground and going quickly. They even have a templating page to get a boilerplate landing page and navigation panel setup very quickly.
-
Standardized tools: Before I started using Vue I would frequently get frustrated with the number of choices I had when creating a project Vue provides official support for several essential add-ons including Vue-router for client-side routing, Vuex for state management, Vue test utils for unit testing, Vue devtools browser extension for debugging and Vue CLI for creating project boilerplate and are the recommended defaults.
-
Project mention: Ask HN: What novel tools are you using to write web sites/apps? | news.ycombinator.com | 2021-04-04
-
https://vant-contrib.gitee.io/vant/#/en-US/index-bar
-
Website: http://mint-ui.github.io/#!/en GitHub: https://github.com/ElemeFE/mint-ui GitHub Stars: 15.2k
Index
What are some of the best open-source Vue projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Vue.js | 182,270 |
| 2 | vue-element-admin | 66,765 |
| 3 | storybook | 60,425 |
| 4 | Element UI | 49,802 |
| 5 | Ionic Framework | 43,445 |
| 6 | prettier | 39,420 |
| 7 | Nuxt.js | 35,758 |
| 8 | uni-app | 30,709 |
| 9 | vuetify | 30,212 |
| 10 | taro | 28,663 |
| 11 | Postwoman | 28,597 |
| 12 | vuex | 26,087 |
| 13 | SheetJS js-xlsx | 25,264 |
| 14 | iview | 23,773 |
| 15 | jeecg-boot | 21,723 |
| 16 | NativeScript | 20,015 |
| 17 | VuePress | 18,723 |
| 18 | marktext | 18,511 |
| 19 | Quasar Framework | 18,273 |
| 20 | vue-router | 17,930 |
| 21 | docsify | 17,299 |
| 22 | vant | 17,197 |
| 23 | mint-ui | 16,302 |