Responsive Layout System

Set of components + responsive layout system

Newest releases

johndatserakis vue-screen-size Get easy and reactive access to the width and height of your screen. Links View demo View on npm View on GitHub Install # npm npm i vu
 

Kelin2025 vue-responsive-components Create responsive components with ResizeObserver. Idea Check out my post on ITNEXT Installation npm install vue-responsive-c
 

nash403 fine-mq A fine API to manage media queries in JS with ease. It has first-class integration with VueJS. Demo: here Table of Contents Installation Usage
 

adi518 Install $ npm install --save vue-breakpoint-component Usage To use the component in your templates, simply import and register with your component: Sc
 

AlexandreBonaventure Vue MQ (MediaQuery) Define your breakpoints and build responsive design semantically and declaratively in a mobile-first way with Vue. _Use with vue:
 

apertureless vue-breakpoints Vue.js utility component to show and hide components based on breakpoints 📺 Demo 🔧 Install npm i vue-breakpoints yarn add vue-breakp
 

jofftiquez vue-media-query-mixin A vue mixin to get current media query, xs, sm, md, lg and xl. Installation NPM npm install vue-media-query-mixin YARN yarn add
 

drenglish vue-match-media A plugin for Vue.js (v. 2+) that offers a consistent, semantic approach to making components media query-aware. vue-match-media Why? W
 

reinerBa Vue-Responsive Breaking Changes for verison 1.x: Tag is now v-responsive the old v-responsiveness is no longer supported. The file Vue_Responsive.comm
 

scaccogatto vue-viewports define your custom viewports and use them in your components Features Uses matchMedia Exposes a fully updated viewport name Installation
 

chakra-ui Build scalable and accessible Vue.js applications with ease. @chakra-ui/vue gives you a set of accessible and composable Vue components that you can u
 

DaoCloud dao-style A high quality component library built on Vue.js. English | 简体中文 Docs latest Who's using dao-style DaoCloud DaoVoice If you are also using d
 

coreui CoreUI Vue components library A @coreui/vue v3 components library project Over 90 bootstrap based Vue.js components and directives! For library guide
 

pgbross Material Components for Vue vue-material-adapter is an integration of Material Components for Vue.js which follows the best practices recommended by G
 

mdbootstrap Vue Bootstrap with Material Design Based on the latest Bootstrap 4 and Vue 2.6.11. 400+ material UI elements, 600+ material icons, 74 CSS animations,
 

Wscats vue-awesome-mui Design Mui library for Vuejs 2.x Links Demo Page Mui中文文档 Install Install vue-awesome-mui npm install vue-awesome-mui -save Get Started
 

inkline Inkline Inkline is a modern UI/UX framework designed for creating flawless responsive websites. Inkline is written and maintained by @alexgrozav. Home
 

carbon-design-system carbon-components-vue Vue implementation of the Carbon Design System A collection of Carbon Components implemented using Vue.js. Carbon Vue library Th
 

framevuerk Framevuerk Fast, Responsive, Without Dependencies, Both Direction Support and Configurable UI Framework based on Vue.js. Setup First of all, you shoul
 

SAP Fundamental Vue Description The fundamental-vue library is a set of Vue.js components built using SAP Fiori Fundamentals. The SAP Fiori Fundamentals l
 

designrevision Shards Vue is a free, beautiful and modern Vue.js UI kit based on Shards. Documentation & Demo • Official Page Getting Started Getting started with Sh
 

N3-components N3-components - Powerful Vue Library. N3 components library is built with Vue.js, is a powerful library for frontend or full-stack engineers to build
 

heyui HeyUI An UI components library. Components Documentation visit heyui.top. Install npm install heyui --save Start Basic <script src="https://cdn.jsdeli
 

vueComponent Ant Design Vue An enterprise-class UI components based on Ant Design and Vue. (English) (中文) English | 简体中文 Special thanks to the generous sponsorship
 

lusaxweb Supporting through Patreon Vuesax is an open source MIT project if you want to contribute to keep improving, If you are interested in supporting this
 

sudheerj VueFace VueFace is an open source component library for VueJS framework with around 40 components at the moment. It supports 20+ themes for giving dif
 

matsp Material Components Vue Material Design styled components for Vue.js Material-components-vue integrates the mdc-web (by google) vanilla components fol
 

zircleUI A frontend library to develop zoomable user interfaces. Like it? Get involved, fork it or leave a star. Important! I'm currently working on Zumly, whi
 

bootstrap-vue BootstrapVue, with over 40 available plugins, more than 80 custom components, and over 670 icons, provides one of the most comprehensive implementatio
 

vouill vue-bulma-components The goal of this library is to use the bulma class syntax as components and props. 3kb minified Demo and try the live demo too :)
 

ElemeFE Special thanks to the generous sponsorship by: A Vue.js 2.0 UI Toolkit for Web. Links Homepage and documentation International users Chinese users Spa
 

buefy Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. Features Keep your current Bulma theme / va
 

museui Muse-UI Material Design UI library for Vuejs 2.0 Installation Muse-UI is available as an npm package npm install muse-ui -S yarn add muse-ui Usage imp