Top 23 Vuej Open-Source Projects
-
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.
-
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
-
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.
-
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
-
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.
-
awesome-cheatsheets
👩💻👨💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
Project mention: Github repositories for Web Development via twitter Pratham. | reddit.com/r/webdev | 2021-03-15Awesome cheat-sheets for popular programming languages, frameworks and development tools
-
-
vue-awesome-swiper is a slider component built with vue and makes setting up a slider easier on frameworks such as Vue and Nuxt. Built By: Surmon China Url: vue-awesome-swiper
-
More details Demo GitHub
-
https://element-plus.org/#/en-US/component/color-picker
-
Project mention: which file server that is secure, easy, fast, stable, reliable, accessible from every devices? (no seafile, no nextcloud) | reddit.com/r/selfhosted | 2021-04-18
I can't tell you much about the security aspect, but i really, really like the simplicity of File Browser. It was very easy and quick to set up, and is elegant and easy to use. It's one of my favorite self hosted services.
-
chatwoot
Open-source customer engagement suite, an alternative to Intercom, Zendesk, Salesforce Service Cloud etc. 🔥💬
Project mention: what ruby or rails open source projects a beginner-to-intermediate developer can easily contribute to? | reddit.com/r/rails | 2021-04-05i like these two projects: https://github.com/spree/spree https://github.com/chatwoot/chatwoot
-
Buefy is a lightweight UI component library for Vue JS based on Bulma( a css framework). Buefy combines Bulma with Vue, helping you build good-looking applications using minimal code. it is the javascript layer for your Bulma interface
-
-
You might enjoy Habitica? https://habitica.com
-
-
Website: https://akryum.github.io/vue-virtual-scroller/#/ GitHub: https://github.com/Akryum/vue-virtual-scroller GitHub Stars: 3.4k
-
It's open-sourced on github with about 4.9k stars and 6700 weekly downloads on npm.
-
aimeos-laravel
Laravel ecommerce package for professional, ultra fast online shops, complex B2B applications and #gigacommerce
Project mention: Any tips for building an eCommerce site with Laravel | reddit.com/r/laravel | 2020-12-21 -
You can see all the different kinds of modals on the website. There are 15 buttons, push any of them and you will see an example of a modal. I wasn’t able to close the modal so I just refreshed the page to see another one. But maybe it just me;)
-
vue-realworld-example-app
An exemplary real-world application built with Vue.js, Vuex, axios and different other technologies. This is a good example to discover Vue for beginners.
I want to demonstrate the process of localizing an existing app, and it would be nice to use a real world application as an example. For that we'll use the Vue RealWorld example app as a starting point.
-
Project mention: Building a Configuration Generator for Mikrotiks Using Wails and React | dev.to | 2021-04-15
Before attempting to build a solution in "Wails," I created a GUI using Fyne. Fyne was easy to build with, and I could make all of the desktop components using Go. Unfortunately, The legacy laptops I have to support don't have a recent graphics driver that would work with OpenGL, so I had to find another solution. Wails is that solution. Wails is a cross-platform desktop application framework that uses a web-view and web technologies to create a User Interface (UI). Now I can use React, the most popular framework for building UIs, and not rely on Go's fledgling GUI support. The fact that Wails uses mshtml, a win32 API that hasn't seen an update since Internet Explorer version 11 (IE11), was a feature in my case.
-
Publii
Publii is a desktop-based CMS for Windows, Mac and Linux that makes creating static websites fast and hassle-free, even for beginners.
Publii is a desktop app, has a lot of built-in features it is suitable for basic websites and blogs. You don't have to use git (but you can if you want version control). For further personalizations you must learn the handelbars templating language.
-
portal-vue
A feature-rich Portal Plugin for Vue 2, for rendering DOM outside of a component, anywhere in your app or the entire document.
While I understand Portals are coming to Vue 3, you can use them now with portal-vue
Index
What are some of the best open-source Vuej projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Element UI | 49,802 |
2 | vuetify | 30,212 |
3 | Postwoman | 28,597 |
4 | Quasar Framework | 18,273 |
5 | awesome-cheatsheets | 18,221 |
6 | Cachet | 12,015 |
7 | vue-awesome-swiper | 11,381 |
8 | CoreUI-Free-Bootstrap-Admin-Template | 10,700 |
9 | element-plus | 9,381 |
10 | filemanager | 9,380 |
11 | chatwoot | 8,924 |
12 | buefy | 8,578 |
13 | vee-validate | 8,392 |
14 | Habitica | 8,273 |
15 | vuelidate | 5,788 |
16 | vue-virtual-scroller | 5,585 |
17 | vuesax | 4,975 |
18 | aimeos-laravel | 4,407 |
19 | vue-js-modal | 3,771 |
20 | vue-realworld-example-app | 3,566 |
21 | Wails | 3,556 |
22 | Publii | 3,319 |
23 | portal-vue | 3,239 |