Components

Arrow Loader

Full-width indeterminate loader with flowing SVG chevron arrows. Fully customizable arrow size, gap, thickness, speed, and color.

npx neonblade add arrow-loader

COLORS

DENSITY

THICKNESS

SPEED

USE CASE

Syncing neural index...SYNCING

Connecting to remote cluster - node 7 of 12

Awaiting authorizationPENDING

Biometric handshake in progress...

Prop	Type	Default	Description
`color`	`"cyan" \| "pink" \| "green" \| string`	`"cyan"`	Neon accent color for the arrows.
`height`	`number`	`8`	Bar height in pixels.
`arrowSize`	`number`	`10`	Pixel width of each individual › arrow shape.
`gap`	`number`	`8`	Pixel gap between arrows.
`thickness`	`number`	`2.5`	SVG stroke width — controls arrow line thickness.
`speed`	`number`	`450`	Animation cycle duration in ms. Lower = faster.
`trackColor`	`string`	`"rgba(255,255,255,0.06)"`	Background color of the track strip behind the arrows. Accepts any valid CSS color.
`className`	`string`	-	Additional className on the wrapper element.