Vue.js Responsive Designs

This list will help you find the best Vue.js responsive design.

Vue-component-media-queries
Vue-component-media-queries
MatchMedia component library for Vue.
Vue-container-query-2
Vue-container-query-2
Smart vue plugin for working with css container query.
Vue-screen-size
Vue-screen-size
Get easy and reactive access to the width and height of your screen.
Vue-responsive-components
Vue-responsive-components
Create responsive components with ResizeObserver.
Fine-mq
Fine-mq
A fine API to manage media queries in JS with ease and first-class integration with VueJS as a plugin.
Vue-breakpoint-component
Vue-breakpoint-component
A render-less component for composing CSS breakpoint state.
VueResizeSensor
VueResizeSensor
A container that supports resize event.
Vue-mq
Vue-mq
Offer some useful tools to quickly setup responsive design with a semantic and mobile-first API (Vue 2.x)
Vue-breakpoints
Vue-breakpoints
Vue 2 minimal components to show and hide elements based on breakpoints. Inspired by Airbnb.
Vue-media-query-mixin
Vue-media-query-mixin
Vue 2 media query mixin that can be used in both component js and component template. Compatible with bootstrap and vuetify viewports. wXS returns if screen width is xs, wSM returns true if screen width is sm, etc...
Vue-match-media
Vue-match-media
Vue 2.x-compatible plugin that offers a consistent, semantic approach to making components media query-aware.
Vue-responsive
Vue-responsive
: Vue.js(2.x) directive to hide/show HTML-elements with the Bootstrap 4, 3 or self defined breakpoints.
Vue-viewports
Vue-viewports
Define your custom viewports and use them in your components.