fullscreen
Full-Screen Blocking
Pause the whole application surface when a workflow needs exclusive attention.
Vue 3 + Quasar 2
QOverlay
Fullscreen and component-scoped overlays for Vue and Quasar applications
Pause interaction cleanly across full pages or individual surfaces with overlays that feel intentional instead of improvised loading layers.
FullscreenScopedLoading StatesBlocking UICustom Content
Blocking StatesLayered UI patterns
Full-screen and scoped overlays with a tighter, calmer presentation
QOverlay helps you communicate loading, blocking, and wait states without inventing a different pattern for each screen, card, or async workflow in the app.
Included
A focused overlay component for blocking states, loading flows, and custom surface messaging
QOverlay keeps the API tight: full-screen or local overlays, branded presentation, and enough control to make waiting states feel deliberate instead of noisy.
crop_free
Scoped Overlays
Target a single card, panel, or component instead of blanketing the whole page every time.
hourglass_top
Loading and Wait States
Communicate asynchronous work clearly so users understand why interaction is temporarily paused.
palette
Branded Presentation
Match overlay tone, color, and message styling to the rest of the product instead of using a generic blocker.
dashboard_customize
Simple Integration
Drop overlays into existing Quasar surfaces without rebuilding the underlying layout structure.
view_quilt
Custom Overlay Content
Show spinners, status messages, actions, or compact guidance inside the blocked state when needed.
Ecosystem
Built in the same docs workflow as the other md-plugins sites
This site runs on Q-Press and the shared md-plugins tooling, so QOverlay's docs, examples, and navigation fit into the same family as the sibling Quasar UI projects.
Need Help?
Start with the intro, then move into the real usage patterns
The docs are meant to get you to a working overlay quickly. If something feels off, GitHub Discussions and the repo issue tracker are still the best places to surface it.
Introduction First
Start with the introduction and install steps so you can decide when a full-screen overlay is better than a scoped one.
Use the Examples
The development guide and examples are the quickest way to compare blocking patterns across different UI surfaces.
Discussions + Issues
Questions, bugs, and feature requests are easiest to track in the QOverlay repo and GitHub Discussions.