Top 9 vue-plugin Open-Source Projects
🏆 Swiper component for @vuejsProject mention: Using vue-awesome-swiper in a Nuxt Project | dev.to | 2021-01-20
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
Easy to use, highly customizable Vue.js modal library.Project mention: New and Noteworthy Vue.js Open Source Projects. Part 2 | dev.to | 2021-03-01
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;)
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.
:eyes: Vue in React, React in Vue. Seamless integration of the two. :dancers:Project mention: Launch HN: Weweb.io (YC W21) – Create websites visually using JAMstack tools | news.ycombinator.com | 2021-02-24
We're Raphael, Florian and Marc, co-founders of weweb.io (https://www.weweb.io/). We are building a Webflow/WordPress style product, but where users can drag & drop their own React/Vue components and use data fetched from any API.
We started working together on a side project in 2016, it was a mobile app in rails that lets people choose music in their favourite bars. The app didn't bring much value to bar owners, but it was fun to build and we made good friends among our first customers. Aside from our jobs we loved spending time building and iterating on different web products, we even built a simple angular web-app that would let anyone create a website entirely from a mobile phone.
Fast-forward to 2018, we stumbled upon the Jamstack ecosystem and loved it. But one thing surprised us so much that we decided to quit our jobs to solve it: while many developers were switching their websites to the Jamstack, businesses were (almost) always pushing to go back to WordPress or no-code systems because Jamstack sites didn't come with a no-code interface to update the front-end.
The thing is, even with headless CMSes, most changes on a website still need to be addressed by engineers, who usually don't have the time to do it. This situation frustrates marketers, who then argue against their developers' technical choices.
That's why we built weweb.io, to allow developers to use their favorite Jamstack tools while providing a nice GUI so marketers can edit their websites in autonomy.
The main uses-cases where people find weweb.io useful are 1) when they want to ship websites fast, with a no-code tool that's not a black-box for developers, 2) when they want to create websites at scale (hundreds of landing pages) with data coming from an external back-end (API, database, Headless CMSes, Airtable, etc.) or 3) when they have a custom React/Vue front-end and want to let marketers iterate faster on it.
We currently have integrations to fetch data from Airtable, Google Sheets, Ghost CMS, Strapi and any REST API. We are planning to release more integrations in the following months.
We have a free plan where users can build a site and redirect on their own domain name for free! We start charging a recurring fee when these sites are becoming more mature (more than 500 visits / month)
To deploy a site, users hit a “publish” button and we pre-render the site, optimize the images and deploy the files on a CDN (Cloudfront). We are planning on opening the deployment system so developers can use their favorite platform (Netlify, Vercel, or anything) and choose their favorite SSR/SSG (Next, Gatsby, Nuxt, Gridsome, etc.).
We currently support uploading Vue.js components from GitHub out-of-the-box, and make the props editable in our GUI thanks to a simple config file in the component.
Furthermore, we're working on improving our support for React. On this subject, we would be interested to get your feedback on how to interpret React from a Vue app. We tinkered with libraries like https://github.com/akxcv/vuera and were hoping to not have to rewrite our whole app using React. If you people have any advice on this, we would be more than happy to hear it!
We would also love to hear your feedback about the tool. Feel free to give it a spin at https://www.weweb.io/
Google Analytics plugin for VueProject mention: Adding tracking to your Nuxt site with GA4 | dev.to | 2021-03-25
The nuxtjs/google-analytics module is a Nuxt Community maintained module for Nuxt. It depends on the vue-analytics package and optimizes it for Nuxt. It's very easy to install and configure, but it doesn't support GA4 (yet).
:boom: Vue plugin for work with local storage, session storage and memory storage from Vue context
🍞 Provide your component and let us toast the restProject mention: 🤹 @vueuse/motion | reddit.com/r/vuejs | 2021-02-23
Then I was unhappy with my current Vue 3 Toast Notification package as it didn't watch props properly and I was totally looking for a new Vue 3 Tailwind CSS Toast Notification package. I found this one https://github.com/Tahul/vue-my-toasts and I was like wait.... why does this guy sound familiar. So I came back to this post and lo and behold you make pretty fire packages.
A plugin that helps you bootstrap your Vue application by doing some common configurations.Project mention: Vue Clean Celebrates Its First 10K Downloads | dev.to | 2021-02-15
View on GitHub
Debug your Vue 2 & 3 code with Ray to fix problems faster