Loaders

Mechanical loading states, full of Ink & Acid attitude or modern fluidity.

Neon Classic

The classic round spinner, enhanced with vivid colors.

Available configuration to customize the component.

Prop	Type	Default	Description
className	string	—	Optional custom class name for the wrapper div
spinnerClassName	string	—	Optional class name to override spinner size or color (e.g. 'w-24 h-24 border-t-red-500')
...props	HTMLAttributes	—	All standard HTML div attributes

Three bouncing dots in pure CSS with glow.

Available configuration to customize the component.

Prop	Type	Default	Description
className	string	—	Optional custom class name for the wrapper div
dotClassName	string	—	Optional class name to override dots size, color, or glow
...props	HTMLAttributes	—	All standard HTML div attributes

A raw, blocky alternative to the classic loading spinner.

Available configuration to customize the component.

Prop	Type	Default	Description
color	string	"#ccff00"	Background color of the square
size	number	64	Width and height of the square in pixels
duration	number	2	Duration of one full rotation in seconds
className	string	—	Optional custom class name

Massive bar with animated fill and hazard pattern.

SYSTEMLoading...

Available configuration to customize the component.

Prop	Type	Default	Description
label	string	"SYSTEM"	Left label text
statusText	string	"Loading..."	Right status text
color	string	"#ff6b6b"	Main color for the progress bar and text
className	string	—	Optional custom class name

Each letter comes to life in a strict spring sequence.

Available configuration to customize the component.

Prop	Type	Default	Description
text	string	"LOADING"	Text to animate, each character bounces individually
activeColor	string	"#ccff00"	Background color of the active bouncing letter
className	string	—	Optional custom class name