Loader animations built with Motion. Install via CLI or copy the code into your project.
Pulsating Dots
Dots pulsate in sequence.
npx @abhivarde/syncui@latest add loaders/pulsatingDots
Morphing Cube
Square rotates and morphs into a circle.
npx @abhivarde/syncui@latest add loaders/morphingCube
Pulsating Ring
Ring pulsates and rotates.
npx @abhivarde/syncui@latest add loaders/pulsatingRing
Circular Sweep
Stroke sweeps around the circle.
npx @abhivarde/syncui@latest add loaders/circularSweep
Fading Squares
Squares fade in and out in sequence.
npx @abhivarde/syncui@latest add loaders/fadingSquares
Orbital Spin
Border spins around its center.
npx @abhivarde/syncui@latest add loaders/orbitalSpin
Triadic Orbit
Circles orbit around a center point.
npx @abhivarde/syncui@latest add loaders/triadicOrbit
Bar Wave
Bars rise and fall in a wave.
npx @abhivarde/syncui@latest add loaders/barWave