With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 JavaScript Vue Projects
-
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
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
-
-
SheetJS js-xlsx
📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs
-
-
-
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.
-
-
-
-
-
-
sweetalert2
✨ A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. 🇺🇦
-
bootstrap-vue
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
-
-
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)
-
-
-
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.
-
lucide
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
-
-
vue-native-core
Vue Native is a framework to build cross platform native mobile apps using JavaScript
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: Mastering Code Quality: Setting Up ESLint with Standard JS in TypeScript Projects | dev.to | 2024-05-05In this post, I also use ESLint + Standard JS as my code formatting tools. Formatting JS/TS code by using ESLint is also subjective and opinionated, arguably most people would rather use Prettier instead, which provides more configurable options.
Marktext editor:
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-0430 Days of JS
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.
Pinia is a relatively new state management tool for the Vue ecosystem. It is the new preferred state management tool recommended by the Vue core team replacing Vuex. Compared to Vuex, Pinia is type-safe by default (direct-vuex was needed to make Vuex type-safe), extremely lightweight, and modular by design (meaning you can create multiple stores instead of multiple modules inside one store, which optimises performance). Similar to Vuex, Pinia has state, computed properties (getters) and methods (mutations and actions). Read more about Pinia and its usage to understand the similarities and differences between Pinia and Vuex.
Docsify is frequently updated; the latest release was on June 24, 2023, and the most recent update was on December 17, 2023. It is MIT-licensed and has an active Discord community.
Project mention: Netlify Dynamic Site Challenge: Building a Mars Mission Photo Web App | dev.to | 2024-05-07Today technology has taken over not only our planet, but also the planets around us and the universe. Man has been able to create technologies to explore other planets many light years from ours. And there's nothing better than using a framework called Quasar to create a project using Netlify's powerful features.
Semantify was made for content creators, marketers, and anyone looking to enhance their long-form written content. Currently only supporting MDX-based content, It automates the enrichment of MDX blog posts by adding AI-generated Q&A sections that summarize the content, and recommendations for semantically similar posts. This not only makes the content more accessible and engaging but also helps in establishing deeper connections between different posts, ultimately keeping the reader engaged for longer periods.
Project mention: 10 UI Libraries You Should Explore for Your Next Vue.js Project | dev.to | 2023-10-294. 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.
Project mention: blazor with bootstrap and what is different bootstrap-table. | /r/Blazor | 2023-06-06but...I don't know what is different Bootstrap 5.x.x inside table and bootstrap-table(https://bootstrap-table.com/).
Official Website: https://onsen.io/
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
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).
JavaScript Vue related posts
-
Netlify Dynamic Site Challenge: Building a Mars Mission Photo Web App
-
How to Protect State in Pinia
-
Codepen, Codesandbox and JSFiddle support in SciChart.js
-
Fastify/Htmx v0.1.0
-
MDX – use JSX in your Markdown content
-
No CMS? Writing Our Blog in React
-
Struggling to Learn React Or Any JavaScript Framework? Here are 7 Mistakes Holding Back (And What To Do Instead) 💪🎉
-
A note from our sponsor - SurveyJS
surveyjs.io | 7 May 2024
Index
What are some of the best open-source Vue projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | prettier | 48,347 |
| 2 | marktext | 44,768 |
| 3 | 30-Days-Of-JavaScript | 40,971 |
| 4 | uni-app | 39,398 |
| 5 | SheetJS js-xlsx | 34,507 |
| 6 | vuex | 28,359 |
| 7 | docsify | 26,658 |
| 8 | Quasar Framework | 25,252 |
| 9 | VuePress | 22,354 |
| 10 | Vue.Draggable | 19,761 |
| 11 | vue-admin-template | 19,560 |
| 12 | vue-router | 19,017 |
| 13 | mdx | 16,838 |
| 14 | sweetalert2 | 16,829 |
| 15 | bootstrap-vue | 14,460 |
| 16 | codesandbox-client | 12,901 |
| 17 | bootstrap-table | 11,666 |
| 18 | Habitica | 11,408 |
| 19 | vue-echarts | 9,252 |
| 20 | onsenui | 8,789 |
| 21 | lucide | 8,731 |
| 22 | Gridsome | 8,525 |
| 23 | vue-native-core | 8,327 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com