Vibe UI
Initializing Vibe UI System...

Spinner

A visual progress loading indicator widget supporting customized speed animations and theme presets.

Spinner

A visual progress loading indicator widget supporting customized speed animations and theme presets.

Preview: Neon Glow Loader

Neon Glow

Ambient purple aura glowing preloader

Installation

pnpm dlx vibe-ui-kit@latest add spinner

Standard Variations

Presets Comparison

Default
Glass
Retro
Glow
Cyberpunk

Standard slate loader

Default Loader

Simple muted slate rotation indicator

Glassmorphic spinner

Glassmorphic Loader

Frosted white loading ring with soft shadow

Retro brutalist spinner

Retro Brutalist

Thick outline flat black loading ring

Cyber matrix loader

Cyberpunk Matrix

Emerald green glowing scanline loader

Terminal scanning indicator

Status Loader

Spinner matched with text metadata details

CONNECTING PORT 8080...

Button action load states

Button Load States

Trigger loading feedback loops inside buttons

File attachments uploader

Grid Uploader Feed

Files attachment loader simulation

Click to Upload Large Document

Custom Equalizer Audio Bars

Equalizer Bars

Custom wave pulse animation bars

Card blur overlay refresh

Card Blur Overlay

Lock interactive widgets under overlays

Grid ID#0921B

Database Workspace Node

Contributors

JS
Jenish Sabhadiya

Theme Customizer

8px
@theme {
  --radius: 0.5rem;
  --glass-blur: 8px;
}
Changes apply instantly to this documentation workspace.
Spinner | Vibe UI