Browse components

Wave Bars OverlayFree

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

Add to your project

Checking access...

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.