vue3-mq

Build responsive design into your Vue3 app

Usage no npm install needed!

<script type="module">
  import vue3Mq from 'https://cdn.skypack.dev/vue3-mq';
</script>

README

logo

Downloads Version License

Bring fully reactive, responsive design to your Vue 3 project with Vue3-MQ, a plugin which allows your components and pages to adapt to changes in the browser environment.

  • Completely customisable breakpoints
  • Includes MQ-Responsive Vue component for unparalleled ease of use
  • Access a fully reactive environment analysis object
  • Adapt to your users' preference for light or dark themes
  • React to changes in screen orientation
  • Choose from a range of breakpoint presets, including Bootstrap 4, Bootstrap 5, Vuetify or Tailwind
  • Render on single breakpoints, arrays of breakpoints or ranges

Documentation

Check out the documentation at https://vue3-mq.info.

License

MIT

Bugs / Support

Please open an issue for support.

Thanks

Thanks to Alexandre Bonaventure for creating the Vue 2 project that this is based upon.