Vue-Screen

Appearance

WARNING

Version 2.0 only supports Vue 3.
v1 docs are available here


VueScreen logo

Vue-Screen ​

Reactive screen size and media query states for VueJs.
Supports your favourite UI framework out of the box, and can be configured with any custom breakpoint.

Features ​

  • Reactive and debounced screen size and device orientation
  • Reactive media query states
  • Detect touch screen capability
  • Breakpoints for most common ui frameworks provided out of the box:
    Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic UI
  • SSR compatible