← DOCS
cyber

CyberLoader

Futuristic loading spinners with multiple styles.

npx chaos add cyber-loader

PREVIEW

USAGE

import { CyberLoader } from '@/components/chaos/cyber/cyber-loader';

<CyberLoader />
<CyberLoader variant="dots" color="pink" />
<CyberLoader variant="hexagon" size="lg" />

PROPS

PropTypeDefault
variantLoader style
"spinner" | "dots" | "bars" | "pulse" | "hexagon""spinner"
colorNeon color
"cyan" | "pink" | "green" | "purple""cyan"
sizeLoader size
"sm" | "md" | "lg""md"