Pixel Loader
A compact square-pixel loader with configurable frame size, grid dimensions, motion pattern and optional bloom.
Installation
$pnpm dlx shadcn@latest add https://spark.surge.studio/r/pixel-loader.json
Preview
Variant
Size
16
Grid
6
Bloom
Props
| Prop | Type | Description |
|---|---|---|
| variant | 'wave' | 'pulse' | 'wipe' | 'orbit' | Chooses the pixel animation pattern rendered by the loader. |
| size | number | 'sm' | 'md' | 'lg' | Sets the rendered loader size. Numeric values are treated as pixels. |
| gridSize | number | Sets the pixel grid dimensions. Values are clamped between 3 and 9. |
| bloom | boolean | Adds a soft glow around each active pixel. |
| className | string | Applies classes to the wrapper. Use text color utilities to set the pixel color. |