Vue Lite LayerService-style Layer Component

Built on Vue 3, open layers programmatically with drag support, maximize, custom content, and Nuxt SSR.

Service-style API

No need to declare components in templates. Open layers programmatically via JavaScript API for flexible lifecycle control.

Layers support title bar dragging, maximize/restore toggle, and double-click title bar to quickly switch maximize state.

Use any Vue component as layer content, pass data via props, and enable two-way communication through the event system.

Built-in z-index auto-management, multi-layer stacking, click-to-top, and unique group to prevent duplicate openings.

Full SSR support with a Nuxt module that auto-registers the plugin and imports composables out of the box.

Customize size, position, shade, buttons, i18n, Teleport mount point, and more to fit any business scenario.