We all love open source software packages, whether we’re new developers or seasoned veterans. For developers, it’s hard to imagine how exhausting life would be without these open source packages, and how coffee would be a regular thing. Fortunately, with the growing vue.js and Nuxt.js communities, there are some great packages coming out every day.
Below, we’ll recommend some very useful Vue and Nuxt packages.
Vue.js
Vue.js is a very easy to use, progressive JavaScript framework for building user interfaces.
1.Vue Dark Mode
Vue. Js a minimalist dark design system. It provides the basic components for building the dark colored interfaces that insomniacs love most.
Address: github.com/LeCoupa/vue…
2.Vetur
VS Code’s Vue tool. If you are a vue.js power user, you must give it a try!
Address: github.com/vuejs/vetur
3.Vue VS Code Snippets
These snippets are great, and I’ve been using vue.js since I started learning it.
Address: github.com/sdras/vue-v…
4.Bootstrap-Vue
Provides the most comprehensive implementation of Bootstrap V4.
Address: bootstrap-vue.js.org/
5.Vue Native
Are you a React Native fan? Just like React Native, the Vue Native framework allows you to use JavaScript to build cross-platform Native mobile applications.
Address: vue – native. IO /
6.NativeScript Vue
If you prefer NativeScript, this package can help you build native mobile applications using NativeScript and vue.js.
Address: github.com/nativescrip…
7.Vue Content Placeholders
These composable components can be used to render fake incremental content when capturing real content.
Address: github.com/michalsnik/…
8.Vue Autosuggest
A great vue.js autoprompt component.
Address: github.com/Educents/vu…
9.Vue Clipboard
A simple vue.js package that allows users to copy text to a clipboard.js based clipboard.
Address: vue – clipboard2. Inndy. Tw /
10.Vue Clickaway
A reusable click instruction that detects and responds to click actions outside the element. This is handy when we need to close the modal window or hide the drop-down list.
Address: github.com/simplesmile…
11.Vue Waypoint
Vue. Js v-waypoint instruction, used to trigger functions when scrolling. This comes in handy when you want to trigger an animation while scrolling.
Address: github.com/scaccogatto…
12.Vue Virtual Scroller
Fast unrestricted scrolling for vue.js applications.
Address: github.com/Akryum/vue-…
13.Vue Slideout
Vue.js implementation of slideout.js.
Address: github.com/vouill/vue-…
14.Vue Swing
It is a Vue.js wrapper for Swing, with a card form interface (swipe-left for yes, swipe-right for no).
Address: github.com/goweiwen/vu…
15.Vue Quill Editor
Vue. Js Quill editor, SPA and SSR support.
Address: github.com/surmon-chin…
16.Vue Stripe Checkout
Vue.js plugin for Stripe checkout.
Address: github.com/jofftiquez/…
17.Vue Cleave Component
Vue.js component of cleave.js, used to format input (credit card format, date, etc.) as input.
Address: github.com/ankurk91/vu…
18.Vuelidate
Implementing form validation for model-based validation is now a breeze.
Address: github.com/monterail/v…
19.Vue.js Datepicker
A simple vue.js date picker component.
Address: github.com/charliekass…
20.Vue Moment
Want to use moment.js in the vue.js app? You need this bag.
Address: github.com/brockpetrie…
21.Vue Numeric
Vue.js input field component that displays formatted currency values.
Address: github.com/kevinongko/…
22.Vue Slider Component
The 10 slider components here are all developed using vue.js.
Address: nightcatsama. Making. IO/vue – the slider -…
23.Vue.Draggable
Vue.js component, based on sortable. js synchronous drag and drop sort.
Address: github.com/SortableJS/…
24.Vue Draggable Resizable
Vue.js component for resizable and draggable elements with no external dependencies.
Address: github.com/mauricius/v…
25.Vue Color
Vue.js color picker from Sketch, Photoshop, Chrom.
Address: github.com/xiaokaike/v…
26.Emoji Mart Vue
A Slack-style customizable emoji selector component for vue.js from React’s Emoji-mart fork.
Address: github.com/jm-david/em…
27.Vue YouTube Embed
Angular YouTube Embed allows you to use the YouTube IFrame API.
Address: github.com/kaorun343/v…
28.Vuetable-2
Vue. Js data table component.
Address: www.vuetable.com/
29.Vue Chartist
Responsive charts based on Chartitist.
Address: github.com/Yopadd/vue-…
30.Vue Trend
The most elegant trend chart component.
Address: github.com/QingWei-Li/…
31.Epic Spinners
20 easy to use CSS regulators.
Address: github.com/epicmaxco/e…
32.Vue Notification
Success, warning, and error notifications used in vue.js applications. It can go right, left, bottom, top or center, anywhere you want!
Address: vue – notification. Yev. IO /
33.Vue Popper
A vue.js popup component based on popper.js.
Address: robinck. Making. IO/vue – in popper
34.Vue Countup
Based on countup.js, can be used to create animations that display digital data.
Address: github.com/xlsdg/vue-c…
35.Vue No SSR
Used to package components that are not SSR friendly.
Address: github.com/egoist/vue-…
Nuxt.js
Nuxt.js is a framework built on vue.js to help you easily build server-side rendered applications.
1.Create Nuxt App
The easiest way to create a Nuxt.js project in seconds.
Address: github.com/nuxt/create…
2.Nuxt SAAS resource loader
Instead of manually importing all SASS styles each time you create a new file, let the SASS resource load do the work.
Address: github.com/anterioviei…
3.Vue Dark Mode
This library was also developed using nuxt.js.
Address: github.com/LeCoupa/vue…
4. PWA module of Nuxt
The most reliable and stable module for creating progressive Web applications.
Address: pwa.nuxtjs.org/
5. Dotenv module
Load the. Env file into the context of the nuxt.js application.
Address: github.com/nuxt-commun…
6. Senty module for Nuxt.js
Sentry. IO is an open source error tracker that you can add to your nuxt.js application.
Address: github.com/nuxt-commun…
7. Google Analytics module for nuxt.js
Integrate your Google Analytics account with the Nuxt project.
Address: github.com/nuxt-commun…
The original English
Medium.com/the-vue-way…
The original link: https://www.infoq.cn/article/04b2Z4HmV4xshXJ * bSFO