JavaScript Vue3

Open-source JavaScript projects categorized as Vue3

Top 23 JavaScript Vue3 Projects

  • Quasar Framework

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

    Project mention: CSS Framework with large UI elements for information kiosks? | reddit.com/r/web_design | 2023-03-19

    Quasar is nice, might suit you as a framework built on Vue for making SPAs.

  • vue-demi

    🎩 Creates Universal Library for Vue 2 & 3

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • vue3-sfc-loader

    Single File Component loader for Vue2 and Vue3. Load .vue files directly from your HTML. No node.js environment, no build step.

    Project mention: Implementing Vue SFC with CDN | reddit.com/r/vuejs | 2023-03-18

    I’m using this - https://github.com/FranckFreiburger/vue3-sfc-loader - for bits and pieces. Maybe not what you’re after but I quite like it

  • vue-svg-loader

    🔨 webpack loader that lets you use SVG files as Vue components

  • multiselect

    Vue 3 multiselect component with single select, multiselect and tagging options (+Tailwind CSS support).

    Project mention: What are some of the best/most useful Vue libraries you've used? | reddit.com/r/vuejs | 2022-09-23
  • fastify-vite

    This plugin lets you load a Vite client application and set it up for Server-Side Rendering (SSR) with Fastify.

    Project mention: Fastify DX and SolidJS in the Real World | dev.to | 2022-07-20

    SolidJS ranked #1 in the 2021 "State of JS Front-End Frameworks", so we wanted to see what the fuzz is about and give it a proper chance with a side project. We started with a simple Single Page Application (SPA) and a few components but wanted to add data with GraphQL. For GraphQL we needed some sort of authentication, to identify users. This quickly turned more complex day by day. The biggest pitfalls and challenges were understanding Reactivity in SolidJS and the use of context providers. Last but not least, we wanted to add some server-side rendering capabilities, which lead to a three week rabbit hole of reading SolidJS code, Fastify Vite and lots of trial and error. Fortunately, Jonas Galvez was already working on Fastify DX a new full stack framework based on Fastify and Vite, where he added support for SolidJS as well. A nice side effect was that we not only have server-side rendering, but also async rendering, streaming web components/html streaming1 available, which is pretty awesome. As most of this is new and a lot of those technologies are barely documented past "Hello World" or "Todo List", we decided to extract the most important/difficult parts of our project into this "Real World Application with SolidJS and Fastify DX".

  • veaury

    Use React in Vue3 and Vue3 in React, And as perfect as possible!

    Project mention: Veaury, Use React in Vue3 and Vue3 in React | news.ycombinator.com | 2022-09-19
  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • vue-cookies

    A simple Vue.js plugin for handling browser cookies

  • ant-simple-pro

    简洁,美观,快速上手,支持3大框架(vue3.0,react,angular,typescript);Concise, beautiful, quick to get started, support 3 big frameworks

  • vue-2-3

    ↔️ Interop Vue 2 components in Vue 3 apps and vice versa

  • oh-vue-icons

    A Vue component for importing inline SVG icons from different popular icon packs easily.

    Project mention: Crafting my Portfolio - Nav and Footer | dev.to | 2022-10-18

    Solution? Oh, Vue Icons!. (No, I mean, that's literally the name. Come on I not joking 😑) It come with 20 Icon packs including Bootstrap, Font Awesome and even Remix Icons. I can import only the icons i will use of just dump all of them, I'll use the first approach btw. (no Box Icons, sadge but soon will) Check their docs for more. To install, I'll just

  • slider

    Vue 3 slider component with multihandles, tooltips merging and formatting (+Tailwind CSS support). (by vueform)

    Project mention: How to use Vue 3 components in nuxt 3 ? | reddit.com/r/Nuxt | 2022-12-06

    I'm trying to use https://github.com/vueform/slider component in my nuxt 3 project but I have no clue how to use it. I tried many things but the slider never appears on the screen. One of the things I tried is shown in the picture below and it doesn't work.

  • vue3-chartjs

    Vue3 wrapper for ChartJS

  • todomvc-vue-composition-api

    TodoMVC built with Vue 3 Composition Api and Vuex

  • vue-stripe-js

    Vue 3 components for Stripe.js

  • mdi-vue

    Material design icons for vue.js

  • toggle

    Vue 3 toggle component with labels, custom slots and styling options (+Tailwind CSS support).

  • vue3-component-library

    This is a template for building vue components library.Project makes use of vue3.0 with rollup configuration to build treeshakable imports and Postcss for compilation of css

  • stack-keep-alive

    Vue.js 3 stack type Keep-Alive component, routing cache automatic management tool. Vue.js 3 堆栈式 Keep-Alive 组件,路由缓存自动管理工具

    Project mention: Vue keep-alive cache can be managed intelligently | news.ycombinator.com | 2022-07-27
  • v-bucket

    📦 Fast, Simple, and Lightweight State Manager for Vue 3.0 built with composition API, inspired by Vuex.

  • vue

    Vue integration for Nano Stores, a tiny state manager with many atomic tree-shakable stores (by nanostores)

    Project mention: Building a multi-framework dashboard with Astro | dev.to | 2023-02-07

    Vue (@nanostores/vue): provides a useStore() composable function to get the store’s value and re-render the component on store’s changes

  • middlemarch

    Sample bookstore single page application built with Vue 3 + Pinia and running on Vite.

  • vue-utterances

    Vue.js component for 🔮 utterances 🔮

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

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 2023-03-19.

JavaScript Vue3 related posts

Index

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

Project Stars
1 Quasar Framework 23,070
2 vue-demi 2,233
3 vue3-sfc-loader 649
4 vue-svg-loader 620
5 multiselect 618
6 fastify-vite 584
7 veaury 556
8 vue-cookies 375
9 ant-simple-pro 372
10 vue-2-3 276
11 oh-vue-icons 192
12 slider 188
13 vue3-chartjs 124
14 todomvc-vue-composition-api 123
15 vue-stripe-js 88
16 mdi-vue 83
17 toggle 81
18 vue3-component-library 78
19 stack-keep-alive 65
20 v-bucket 42
21 vue 38
22 middlemarch 32
23 vue-utterances 18
Access the most powerful time series database as a service
Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
www.influxdata.com