JavaScript Vue

Open-source JavaScript projects categorized as Vue

Top 23 JavaScript Vue Projects

  • prettier

    Prettier is an opinionated code formatter.

    Project mention: 🎆 THE BEST AND MOST USEFUL VSCODE EXTENSIONS 🎆 | dev.to | 2024-02-22

    In this Thread, I won't show you little extensions that you probably already know, like Live Server or Prettier.

  • marktext

    📝A simple and elegant markdown editor, available for Linux, macOS and Windows.

    Project mention: Show HN: I've built open-source, collaborative, WYSIWYG Markdown editor | news.ycombinator.com | 2023-06-23
  • LearnThisRepo.com

    Learn 300+ open source libraries for free using AI. LearnThisRepo lets you learn 300+ open source repos including Postgres, Langchain, VS Code, and more by chatting with them using AI!

  • 30-Days-Of-JavaScript

    30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw

    Project mention: Struggling to Learn React Or Any JavaScript Framework? Here are 7 Mistakes Holding Back (And What To Do Instead) 💪🎉 | dev.to | 2024-02-04

    30 Days of JS

  • uni-app

    A cross-platform framework using Vue.js

  • SheetJS js-xlsx

    📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs

    Project mention: how to work with .xlsx files? | /r/node | 2023-06-28

    ExcelJS and XLSX (SheetJS) are great libraries to work with XLSX files. The former I've found a bit easier to work with but less efficient in general.

  • vuex

    🗃️ Centralized State Management for Vue.js.

    Project mention: Vue 3 vs Vue 2 so far? What's your opinion? Things I didn't like about Vue 3 compared to Vue 2 | /r/vuejs | 2023-06-02

    I really liked the idea of how all the core Vue libraries are maintained by Vue team themselves, making Vue feels like an all-in-one package instead of infinite npm install to add multiple community/personally maintained repos which often caused issues because they don't blend together. And now Pinia will be officially replacing Vuex, making me doubt if it'll be as reliable as Vuex.

  • docsify

    🃏 A magical documentation site generator.

    Project mention: Cookbook for SH-Beginners. Any interest? (building one) | /r/selfhosted | 2023-07-10

    okay new plan, does anyone know how to do this docsify on github? i obviously am a noob on github and recently on reddit. I'd like to help where i can but my knowlegde seems to be my handycap. i could provide you a trash-mail, if you need one, but i need a PO (product owner) to manage the git... i have no clue about this yet (pages and functions and stuff)

  • WorkOS

    The modern API for authentication & user identity. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • Quasar Framework

    Quasar Framework - Build high-performance VueJS user interfaces in record time

    Project mention: Ask HN: What framework/tools to use to build front end in 2023? | news.ycombinator.com | 2023-11-11

    I'm for Vue/Nuxt. While reading React code is fine, I found it easy to shoot myself in the foot (causing circular effects or getting no reactivity) in a way Vue didn't. Vue feels more explicit. I like React's TSX for embedding HTML, but Vue's splitting of model and view appeals to me. I'm torn on that one.

    Vue's ecosystem isn't as big, but it's an established framework. Both React and Vue feel easier to work with than Angular. RxJS is really cool, but also very comprehensive, making it difficult to keep the entire API in mind. At least for me, who only use it casually (used to use it more while at Google.) And on top of that, I have to know the Angular API. Angular used to be great for Material Design, but I nowadays there are MD packages for all systems.

    Nuxt is for Vue what Next is for React: SSR and SSG. It adds auto-imports, which is nice. At this point, I see no reason to use Vue alone, since there's always something that can be pre-rendered. Perhaps the frontpage, or help pages. Since Vue itself provides entrypoints for SSR, Nuxt is more of a file-structure based router that just simplifies things. The documentation is a bit sparse on e.g. the difference between a plugin and a module, and I usually resort to navigating their source to understand things. That might not be everyone's cup of tea.

    If what you're writing is a web app, there is also Quasar, built on top of Vue. Similar to Nuxt in that it ties in directory structure, build system and MVC framework. It is also a Material Design UI widget library. Their selling point is that you can build mobile apps, and web apps with the same library. I.e. like React Native. I felt it strays too far away from the core simplicity of Vue, unlike Nuxt, but it's no doubt a very capable framework.

    Finally, I'm currently using PrimeVue as the UI widget/theming library on top of Vue. It's okay. :\ Switched to it when the Vue Bootstrap project decided to to support Vue 3 (or whatever the situation was.) I haven't come across anything that's actively broken or missing. The companion library PrimeFlex provides layout CSS. Annoyingly, they've decided to close GitHub FRs, and some (far from all) bugs, and just keep track of them internally. Makes it more dificult to communicate, but I don't know their reasoning behind it (they didn't respond when I asked.)

    * https://vuejs.org/

    * https://nuxt.com/

    * https://vitejs.dev/

    * https://primevue.org/

    * https://primeflex.org/

    * https://quasar.dev/

  • VuePress

    📝 Minimalistic Vue-powered static site generator

    Project mention: Free project idea - documentation framework! | /r/solidjs | 2023-03-27

    VuePress - when I searched if it's supporting what I want (conditional rendering), the first result is a bug issue opened 4 years ago, so it doesn't seem to be a good option.

  • Vue.Draggable

    Vue drag-and-drop component based on Sortable.js

  • vue-admin-template

    a vue2.0 minimal admin template

    Project mention: Build complex SPAs quickly with vue-element-admin | dev.to | 2023-03-30

    vue-element-admin is the predecessor to vue-admin-template. It is a production-ready, frontend solution for admin interfaces that uses the element-ui toolkit. This template has many complex features that you can use for enterprise-level dashboards.

  • vue-router

    🚦 The official router for Vue 2

    Project mention: Build complex SPAs quickly with vue-element-admin | dev.to | 2023-03-30

    //src/router /* eslint-disable */ import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) import Layout from '@/layout' export const constantRoutes = [ { path: '/redirect', component: Layout, hidden: true, children: [ { path: '/redirect/:path(.*)', component: () => import('@/views/redirect/index') } ] }, { path: '/login', component: () => import('@/views/login/index'), hidden: true }, { path: '/auth-redirect', component: () => import('@/views/login/auth-redirect'), hidden: true }, { path: '/404', component: () => import('@/views/error-page/404'), hidden: true }, { path: '/401', component: () => import('@/views/error-page/401'), hidden: true }, { path: '/', component: Layout, redirect: '/dashboard', children: [ { path: 'dashboard', component: () => import('@/views/dashboard/index'), name: 'Dashboard', meta: { title: 'Dashboard', icon: 'dashboard', affix: true } } ] }, { path: '/posts', component: Layout, children: [ { path: 'index', component: () => import('@/views/posts/index'), name: 'Posts', meta: { title: 'Posts', icon: 'post', affix: true } } ] }, { path: '/profile', component: Layout, redirect: '/profile/index', hidden: true, children: [ { path: 'index', component: () => import('@/views/profile/index'), name: 'Profile', meta: { title: 'Profile', icon: 'user', noCache: true } } ] } ] /** * asyncRoutes * the routes that need to be dynamically loaded based on user roles */ export const asyncRoutes = [ // 404 page must be placed at the end !!! { path: '*', redirect: '/404', hidden: true } ] const createRouter = () => new Router({ scrollBehavior: () => ({ y: 0 }), routes: constantRoutes }) const router = createRouter() // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465 export function resetRouter() { const newRouter = createRouter() router.matcher = newRouter.matcher // reset router } export default router

  • sweetalert2

    ✨ A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. 🇺🇦

    Project mention: Using sweetalert2 for ASP.NET Core/Razor Pages | dev.to | 2023-05-07

    Sweetalert2 is a customizable, accessible WAI-ARIA alternative to JavaScript and BootStrap dialogs.

  • mdx

    Markdown for the component era

    Project mention: MDX – use JSX in your Markdown content | news.ycombinator.com | 2024-02-13
  • bootstrap-vue

    BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

    Project mention: 10 UI Libraries You Should Explore for Your Next Vue.js Project | dev.to | 2023-10-29

    4. Bootstrap Vue Bootstrap Vue combines the power of Bootstrap, a popular CSS framework, with Vue.js. It provides a wide range of components and styling options. Check out the Bootstrap Vue website to learn more.

  • codesandbox-client

    An online IDE for rapid web development

    Project mention: Top Online IDE Websites in 2024 ⌨️ | dev.to | 2024-02-05

    Sync your projects effortlessly with GitHub. Codesandbox

  • bootstrap-table

    An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)

    Project mention: blazor with bootstrap and what is different bootstrap-table. | /r/Blazor | 2023-06-06

    but...I don't know what is different Bootstrap 5.x.x inside table and bootstrap-table(https://bootstrap-table.com/).

  • Habitica

    A habit tracker app which treats your goals like a Role Playing Game.

    Project mention: 🏞️5 beautiful open-source web apps to learn from and get inspired 🙇‍♀️💡 | dev.to | 2024-01-17

    💾 Source code: https://github.com/HabitRPG/habitica 👕 Size: L 🛠️ Stack: Vue, Bootstrap, SAAS, Node.js, MongoDB

  • vue-echarts

    Apache ECharts™ component for Vue.js.

  • 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.

  • Gridsome

    ⚡️ The Jamstack framework for Vue.js

    Project mention: My Sixth Year as a Bootstrapped Founder | news.ycombinator.com | 2024-02-16

    Thanks for reading!

    The web tech stack is actually one of my biggest regrets. It's a static site generator called Gridsome[0] that the maintainers abandoned about three months after I used it to launch the TinyPilot website.

    At the time I made the TinyPilot site, I was very excited about Vue, so a Vue-based SSG seemed great. Since then, I've come to find SPAs and most frontend frameworks to be way too much complexity, so I've moved away from Vue, but the TinyPilot website is still stuck on Vue 2.x and bootstrap-vue (which is tied to Vue 2 and Bootstrap 4).

    So, it keeps creaking along, but building the 100ish pages on the site takes about five minutes, whereas I think something like Hugo could probably do it in a few seconds. Plus, we get random runtime errors[1] that are pretty hard to debug.

    [0] https://gridsome.org/

    [1] https://github.com/nuxt/nuxt/issues/5800

  • vue-native-core

    Vue Native is a framework to build cross platform native mobile apps using JavaScript

    Project mention: Creating a mobile App from a Blazor/Razor WebApp | /r/dotnet | 2023-07-09
  • react-text-mask

    Input mask for React, Angular, Ember, Vue, & plain JavaScript

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2024-02-22.

JavaScript Vue related posts

Index

What are some of the best open-source Vue projects in JavaScript? This list will help you:

Project Stars
1 prettier 47,840
2 marktext 43,650
3 30-Days-Of-JavaScript 40,416
4 uni-app 39,123
5 SheetJS js-xlsx 34,246
6 vuex 28,331
7 docsify 26,201
8 Quasar Framework 24,976
9 VuePress 22,234
10 Vue.Draggable 19,578
11 vue-admin-template 19,340
12 vue-router 19,015
13 sweetalert2 16,631
14 mdx 16,495
15 bootstrap-vue 14,436
16 codesandbox-client 12,814
17 bootstrap-table 11,649
18 Habitica 11,217
19 vue-echarts 9,051
20 onsenui 8,776
21 Gridsome 8,511
22 vue-native-core 8,335
23 react-text-mask 8,252
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com