A collection of terminal-grade and fluid spring animated loaders, spinners, and glyph cycles.
Installation
Usage
import { Loader } from "viora-ui";
export default function Demo() {
return (
<div className="flex gap-4 items-center">
<Loader variant="morph" size={36} />
<Loader variant="metaballs" size={36} />
<Loader variant="ascii" size={24} />
<Loader variant="comet" size={32} />
</div>
);
}Available Variants
| Variant | Description |
|---|---|
spinner | Continuous SVG stroke loop |
morph | SVG geometric path tweening (circle, square, triangle, hexagon) |
comet | Radial trailing comet tails |
metaballs | Gooey fluid metaballs with SVG filters |
dots | Staggered hopping dots with spring ease |
bars | Vertical pulsing equalizer bars |
dot-matrix | 3x3 diagonal wave matrix |
dither | 4x4 ordered Bayer threshold halftone shimmer |
ascii | Classic CLI terminal glyph cycle |
ascii-braille | Braille 8-dot revolving orbit |
ascii-blocks | Vertical block height level indicator |
scramble | Matrix random glyph decipher animation |
newton | Newton's cradle momentum physics |
helix | 3D double helix wave oscillation |
percent | Dynamic numeric increment loader |
Built by Otis
Last updated: 9/13/2026