Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:component3 dependencies

Loader

loader

Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph, comet, scramble, metaballs, newton, helix, percent, and five terminal-style ascii spinners. Scales from one size prop, uses currentColor, and reduced-motion swaps every transform for a calm opacity pulse.

@beuiRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

6 other registries

Similar components

Other registries' take on loader.

Loader
a@aceternity
Component
Loader
a@asanshay
Component
loader
k@kokonutui
Component
loader
p@prompt-kit
Component
Loader
s@scrollxui
Component
Loader
t@tailark
Component
@beui

More from @beui

All 48 items
Range Slider Fluid Slider
range-slider-fluid
Component
Range Slider Ruler Slider
range-slider-ruler
Component
Agent Loading States Agent Progress
agent-progress
Component
Range Slider Range Slider
range-slider
Component
Number Animation Animated Number
animated-number
Component
Returns Calendar
returns-calendar
Component
Availability Scheduler
availability-scheduler
Block
Multi-chain Swap
swap
Block