What is soonish?
soonish gives you 91 loading animations for React. Each one is drawn on the same 5×5 grid of dots and animated with plain CSS.
You install it with the shadcn CLI, which copies the code into your project — so it's yours to change. Then use <Loader /> anywhere in your app.
Features
91 loaders
Pulse waves, AI states, scale effects, mandalas and more.
Yours to edit
The source is copied into your project. No dependency to update.
Five simple props
Color, size, dot size, spacing and speed.
Typed names
Loader names are typed, so your editor autocompletes them.
Plain CSS
Animated with transform and opacity only. No canvas, no JavaScript loop.
Server Components
No hooks, so it works in Server and Client Components.
Playground
Build your own loader, then install it with one command.