Browse components

Wave Bars Overlay

Five staggered bars that create a compact equalizer-style loading overlay.

Add to your project

1Connect the Uniquel MCP

Connect Uniquel to your coding agent before using the component ID.

Connect MCP

2Copy the component ID

MCP ID
component:overlay-loaders/wave-bars-overlay

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSS

Props

PropTypeDescription
open*booleanWhether the full-page overlay is visible.
onOpenChange(open: boolean) => voidCalled when Escape closes the overlay.
labelstringScreen-reader loading message.
classNamestringOverride the overlay position, size, or colors.

More Overlay Loaders Components

Spinner Overlay preview

Spinner Overlay

A centered spinner overlay for blocking a page or panel while content loads.

Bouncing Dots Overlay preview

Bouncing Dots Overlay

A light three-dot loading overlay with staggered motion.

Skeleton Overlay preview

Skeleton Overlay

A card-shaped skeleton overlay for loading dashboards, forms, and content panels.