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! Learn more →
Top 23 JavaScript Vue3 Projects
-
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.
-
-
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.
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
-
-
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.
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".
-
-
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.
-
-
ant-simple-pro
简洁，美观，快速上手，支持3大框架(vue3.0,react,angular,typescript)；Concise, beautiful, quick to get started, support 3 big frameworks
-
-
oh-vue-icons
A Vue component for importing inline SVG icons from different popular icon packs easily.
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)
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.
-
-
-
-
-
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)
Vue (@nanostores/vue): provides a useStore() composable function to get the store’s value and re-render the component on store’s changes
-
-
-
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
- Implementing Vue SFC with CDN
- Bootstrap, Bootstrap-Vue, Vuetify, or Tailwind CSS?
- Riffr - Create Photo Montages in the Browser with some ML Magic✨
- Vue 3 comp api autogenerated component docs
- Vue 3 Component Library 2022
- What are some of the best/most useful Vue libraries you've used?
- Next steps (UI related) on Vue 3.0 in Enterprise web applications path
-
A note from our sponsor - Appwrite
appwrite.io | 20 Mar 2023
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