Free
Try the library and ship your first loader.
$0 USD
- Preview all 500 loaders
- Export Scanline and Ripple
- React, HTML/CSS, and Agent Skills
Make waiting feel intentional.
Design dot-matrix loaders, try them in real UI states, and take the motion straight to your app.
Motion bench
21 product scenarios
Loader pattern
Preview
Activity log
Loading activity…
Where it fits
Center the loader inside the panel’s body.
While waiting Keep the panel title and surrounding page visible.
If it fails Put a retry action inside the panel that failed.
- Pattern
- Ripple
- Size
- 72 px
- Loop
- 1.4 s
Find your rhythm.
500 patterns. Export 2 for free or preview the Pro collection.
500 patterns shown
FreeScanlineA row of light sweeps down the grid.FreeRippleA pulse expands out from the center.ProOrbitLight chases itself around a ring.ProChecker PulseTwo sets of dots pulse in turn.ProDiagonal WaveA wave crosses the grid corner to corner.ProSpiral ChaseA trail winds inward from the edge.ProComet TrailA bright head races around a tilted track.ProApertureLayered rings fold toward the center.ProDouble HelixTwo strands weave through a column of dots.ProTwin BeaconTwo rings trade a pulse across the center.ProMatrix SweepA pulse sweeps sideways across a dense grid.ProFrame SweepA pulse sweeps sideways across a square perimeter.ProHalo SweepA pulse sweeps sideways across a circular ring.ProDiamond SweepA pulse sweeps sideways across a diamond outline.ProCross SweepA pulse sweeps sideways across four arms around a shared center.ProChevron SweepA pulse sweeps sideways across two stacked chevrons.ProHourglass SweepA pulse sweeps sideways across two triangles meeting at the center.ProCapsule SweepA pulse sweeps sideways across a rounded horizontal track.ProPrism SweepA pulse sweeps sideways across a triangular perimeter.ProWeave SweepA pulse sweeps sideways across interleaved rows of dots.ProWings SweepA pulse sweeps sideways across two mirrored wings.ProPinwheel SweepA pulse sweeps sideways across four hooked blades.ProTrident SweepA pulse sweeps sideways across three tines connected at the base.ProLadder SweepA pulse sweeps sideways across a ladder with three rungs.ProBars SweepA pulse sweeps sideways across five columns of varying height.ProStairs SweepA pulse sweeps sideways across a two-dot stairway.ProArc SweepA pulse sweeps sideways across an open arch.ProAsterisk SweepA pulse sweeps sideways across eight spokes.ProShield SweepA pulse sweeps sideways across a tapered shield outline.ProSpark SweepA pulse sweeps sideways across an eight-point spark.ProHeart SweepA pulse sweeps sideways across a heart silhouette.ProBolt SweepA pulse sweeps sideways across a lightning bolt.ProArrow SweepA pulse sweeps sideways across a right-pointing arrow.ProCompass SweepA pulse sweeps sideways across four cardinal points around a hollow center.ProSail SweepA pulse sweeps sideways across a sloping sail.ProFan SweepA pulse sweeps sideways across a fan that opens from one point.ProBridge SweepA pulse sweeps sideways across a bridge on two supports.ProDune SweepA pulse sweeps sideways across a broad curved ridge.ProRibbon SweepA pulse sweeps sideways across two parallel wave tracks.ProOrbitals SweepA pulse sweeps sideways across two intersecting rings.ProConstellation SweepA pulse sweeps sideways across a scattered group of dots.ProComb SweepA pulse sweeps sideways across a comb with three teeth.ProDelta SweepA pulse sweeps sideways across a filled triangle.ProHelix SweepA pulse sweeps sideways across two strands with alternating rungs.ProPetal SweepA pulse sweeps sideways across four petals on diagonal axes.ProMatrix CascadeLight cascades down a dense grid.ProFrame CascadeLight cascades down a square perimeter.ProHalo CascadeLight cascades down a circular ring.ProDiamond CascadeLight cascades down a diamond outline.ProCross CascadeLight cascades down four arms around a shared center.ProChevron CascadeLight cascades down two stacked chevrons.ProHourglass CascadeLight cascades down two triangles meeting at the center.ProCapsule CascadeLight cascades down a rounded horizontal track.ProPrism CascadeLight cascades down a triangular perimeter.ProWeave CascadeLight cascades down interleaved rows of dots.ProWings CascadeLight cascades down two mirrored wings.ProPinwheel CascadeLight cascades down four hooked blades.ProTrident CascadeLight cascades down three tines connected at the base.ProLadder CascadeLight cascades down a ladder with three rungs.ProBars CascadeLight cascades down five columns of varying height.ProStairs CascadeLight cascades down a two-dot stairway.ProArc CascadeLight cascades down an open arch.ProAsterisk CascadeLight cascades down eight spokes.ProShield CascadeLight cascades down a tapered shield outline.ProSpark CascadeLight cascades down an eight-point spark.ProHeart CascadeLight cascades down a heart silhouette.ProBolt CascadeLight cascades down a lightning bolt.ProArrow CascadeLight cascades down a right-pointing arrow.ProCompass CascadeLight cascades down four cardinal points around a hollow center.ProSail CascadeLight cascades down a sloping sail.ProFan CascadeLight cascades down a fan that opens from one point.ProBridge CascadeLight cascades down a bridge on two supports.ProDune CascadeLight cascades down a broad curved ridge.ProRibbon CascadeLight cascades down two parallel wave tracks.ProOrbitals CascadeLight cascades down two intersecting rings.ProConstellation CascadeLight cascades down a scattered group of dots.ProComb CascadeLight cascades down a comb with three teeth.ProDelta CascadeLight cascades down a filled triangle.ProHelix CascadeLight cascades down two strands with alternating rungs.ProPetal CascadeLight cascades down four petals on diagonal axes.ProMatrix SlantA diagonal band crosses a dense grid.ProFrame SlantA diagonal band crosses a square perimeter.ProHalo SlantA diagonal band crosses a circular ring.ProDiamond SlantA diagonal band crosses a diamond outline.ProCross SlantA diagonal band crosses four arms around a shared center.ProChevron SlantA diagonal band crosses two stacked chevrons.ProHourglass SlantA diagonal band crosses two triangles meeting at the center.ProCapsule SlantA diagonal band crosses a rounded horizontal track.ProPrism SlantA diagonal band crosses a triangular perimeter.ProWeave SlantA diagonal band crosses interleaved rows of dots.ProWings SlantA diagonal band crosses two mirrored wings.ProPinwheel SlantA diagonal band crosses four hooked blades.ProTrident SlantA diagonal band crosses three tines connected at the base.ProLadder SlantA diagonal band crosses a ladder with three rungs.ProBars SlantA diagonal band crosses five columns of varying height.ProStairs SlantA diagonal band crosses a two-dot stairway.ProArc SlantA diagonal band crosses an open arch.ProAsterisk SlantA diagonal band crosses eight spokes.ProShield SlantA diagonal band crosses a tapered shield outline.ProSpark SlantA diagonal band crosses an eight-point spark.ProHeart SlantA diagonal band crosses a heart silhouette.ProBolt SlantA diagonal band crosses a lightning bolt.ProArrow SlantA diagonal band crosses a right-pointing arrow.ProCompass SlantA diagonal band crosses four cardinal points around a hollow center.ProSail SlantA diagonal band crosses a sloping sail.ProFan SlantA diagonal band crosses a fan that opens from one point.ProBridge SlantA diagonal band crosses a bridge on two supports.ProDune SlantA diagonal band crosses a broad curved ridge.ProRibbon SlantA diagonal band crosses two parallel wave tracks.ProOrbitals SlantA diagonal band crosses two intersecting rings.ProConstellation SlantA diagonal band crosses a scattered group of dots.ProComb SlantA diagonal band crosses a comb with three teeth.ProDelta SlantA diagonal band crosses a filled triangle.ProHelix SlantA diagonal band crosses two strands with alternating rungs.ProPetal SlantA diagonal band crosses four petals on diagonal axes.ProMatrix ChaseA single bright trail circles a dense grid.ProFrame ChaseA single bright trail circles a square perimeter.ProHalo ChaseA single bright trail circles a circular ring.ProDiamond ChaseA single bright trail circles a diamond outline.ProCross ChaseA single bright trail circles four arms around a shared center.ProChevron ChaseA single bright trail circles two stacked chevrons.ProHourglass ChaseA single bright trail circles two triangles meeting at the center.ProCapsule ChaseA single bright trail circles a rounded horizontal track.ProPrism ChaseA single bright trail circles a triangular perimeter.ProWeave ChaseA single bright trail circles interleaved rows of dots.ProWings ChaseA single bright trail circles two mirrored wings.ProPinwheel ChaseA single bright trail circles four hooked blades.ProTrident ChaseA single bright trail circles three tines connected at the base.ProLadder ChaseA single bright trail circles a ladder with three rungs.ProBars ChaseA single bright trail circles five columns of varying height.ProStairs ChaseA single bright trail circles a two-dot stairway.ProArc ChaseA single bright trail circles an open arch.ProAsterisk ChaseA single bright trail circles eight spokes.ProShield ChaseA single bright trail circles a tapered shield outline.ProSpark ChaseA single bright trail circles an eight-point spark.ProHeart ChaseA single bright trail circles a heart silhouette.ProBolt ChaseA single bright trail circles a lightning bolt.ProArrow ChaseA single bright trail circles a right-pointing arrow.ProCompass ChaseA single bright trail circles four cardinal points around a hollow center.ProSail ChaseA single bright trail circles a sloping sail.ProFan ChaseA single bright trail circles a fan that opens from one point.ProBridge ChaseA single bright trail circles a bridge on two supports.ProDune ChaseA single bright trail circles a broad curved ridge.ProRibbon ChaseA single bright trail circles two parallel wave tracks.ProOrbitals ChaseA single bright trail circles two intersecting rings.ProConstellation ChaseA single bright trail circles a scattered group of dots.ProComb ChaseA single bright trail circles a comb with three teeth.ProDelta ChaseA single bright trail circles a filled triangle.ProHelix ChaseA single bright trail circles two strands with alternating rungs.ProPetal ChaseA single bright trail circles four petals on diagonal axes.ProMatrix EchoTwo pulses circle a dense grid half a turn apart.ProFrame EchoTwo pulses circle a square perimeter half a turn apart.ProHalo EchoTwo pulses circle a circular ring half a turn apart.ProDiamond EchoTwo pulses circle a diamond outline half a turn apart.ProCross EchoTwo pulses circle four arms around a shared center half a turn apart.ProChevron EchoTwo pulses circle two stacked chevrons half a turn apart.ProHourglass EchoTwo pulses circle two triangles meeting at the center half a turn apart.ProCapsule EchoTwo pulses circle a rounded horizontal track half a turn apart.ProPrism EchoTwo pulses circle a triangular perimeter half a turn apart.ProWeave EchoTwo pulses circle interleaved rows of dots half a turn apart.ProWings EchoTwo pulses circle two mirrored wings half a turn apart.ProPinwheel EchoTwo pulses circle four hooked blades half a turn apart.ProTrident EchoTwo pulses circle three tines connected at the base half a turn apart.ProLadder EchoTwo pulses circle a ladder with three rungs half a turn apart.ProBars EchoTwo pulses circle five columns of varying height half a turn apart.ProStairs EchoTwo pulses circle a two-dot stairway half a turn apart.ProArc EchoTwo pulses circle an open arch half a turn apart.ProAsterisk EchoTwo pulses circle eight spokes half a turn apart.ProShield EchoTwo pulses circle a tapered shield outline half a turn apart.ProSpark EchoTwo pulses circle an eight-point spark half a turn apart.ProHeart EchoTwo pulses circle a heart silhouette half a turn apart.ProBolt EchoTwo pulses circle a lightning bolt half a turn apart.ProArrow EchoTwo pulses circle a right-pointing arrow half a turn apart.ProCompass EchoTwo pulses circle four cardinal points around a hollow center half a turn apart.ProSail EchoTwo pulses circle a sloping sail half a turn apart.ProFan EchoTwo pulses circle a fan that opens from one point half a turn apart.ProBridge EchoTwo pulses circle a bridge on two supports half a turn apart.ProDune EchoTwo pulses circle a broad curved ridge half a turn apart.ProRibbon EchoTwo pulses circle two parallel wave tracks half a turn apart.ProOrbitals EchoTwo pulses circle two intersecting rings half a turn apart.ProConstellation EchoTwo pulses circle a scattered group of dots half a turn apart.ProComb EchoTwo pulses circle a comb with three teeth half a turn apart.ProDelta EchoTwo pulses circle a filled triangle half a turn apart.ProHelix EchoTwo pulses circle two strands with alternating rungs half a turn apart.ProPetal EchoTwo pulses circle four petals on diagonal axes half a turn apart.ProMatrix BloomLight expands outward through a dense grid.ProFrame BloomLight expands outward through a square perimeter.ProHalo BloomLight expands outward through a circular ring.ProDiamond BloomLight expands outward through a diamond outline.ProCross BloomLight expands outward through four arms around a shared center.ProChevron BloomLight expands outward through two stacked chevrons.ProHourglass BloomLight expands outward through two triangles meeting at the center.ProCapsule BloomLight expands outward through a rounded horizontal track.ProPrism BloomLight expands outward through a triangular perimeter.ProWeave BloomLight expands outward through interleaved rows of dots.ProWings BloomLight expands outward through two mirrored wings.ProPinwheel BloomLight expands outward through four hooked blades.ProTrident BloomLight expands outward through three tines connected at the base.ProLadder BloomLight expands outward through a ladder with three rungs.ProBars BloomLight expands outward through five columns of varying height.ProStairs BloomLight expands outward through a two-dot stairway.ProArc BloomLight expands outward through an open arch.ProAsterisk BloomLight expands outward through eight spokes.ProShield BloomLight expands outward through a tapered shield outline.ProSpark BloomLight expands outward through an eight-point spark.ProHeart BloomLight expands outward through a heart silhouette.ProBolt BloomLight expands outward through a lightning bolt.ProArrow BloomLight expands outward through a right-pointing arrow.ProCompass BloomLight expands outward through four cardinal points around a hollow center.ProSail BloomLight expands outward through a sloping sail.ProFan BloomLight expands outward through a fan that opens from one point.ProBridge BloomLight expands outward through a bridge on two supports.ProDune BloomLight expands outward through a broad curved ridge.ProRibbon BloomLight expands outward through two parallel wave tracks.ProOrbitals BloomLight expands outward through two intersecting rings.ProConstellation BloomLight expands outward through a scattered group of dots.ProComb BloomLight expands outward through a comb with three teeth.ProDelta BloomLight expands outward through a filled triangle.ProHelix BloomLight expands outward through two strands with alternating rungs.ProPetal BloomLight expands outward through four petals on diagonal axes.ProMatrix FoldThe outer dots light first, then contract through a dense grid.ProFrame FoldThe outer dots light first, then contract through a square perimeter.ProHalo FoldThe outer dots light first, then contract through a circular ring.ProDiamond FoldThe outer dots light first, then contract through a diamond outline.ProCross FoldThe outer dots light first, then contract through four arms around a shared center.ProChevron FoldThe outer dots light first, then contract through two stacked chevrons.ProHourglass FoldThe outer dots light first, then contract through two triangles meeting at the center.ProCapsule FoldThe outer dots light first, then contract through a rounded horizontal track.ProPrism FoldThe outer dots light first, then contract through a triangular perimeter.ProWeave FoldThe outer dots light first, then contract through interleaved rows of dots.ProWings FoldThe outer dots light first, then contract through two mirrored wings.ProPinwheel FoldThe outer dots light first, then contract through four hooked blades.ProTrident FoldThe outer dots light first, then contract through three tines connected at the base.ProLadder FoldThe outer dots light first, then contract through a ladder with three rungs.ProBars FoldThe outer dots light first, then contract through five columns of varying height.ProStairs FoldThe outer dots light first, then contract through a two-dot stairway.ProArc FoldThe outer dots light first, then contract through an open arch.ProAsterisk FoldThe outer dots light first, then contract through eight spokes.ProShield FoldThe outer dots light first, then contract through a tapered shield outline.ProSpark FoldThe outer dots light first, then contract through an eight-point spark.ProHeart FoldThe outer dots light first, then contract through a heart silhouette.ProBolt FoldThe outer dots light first, then contract through a lightning bolt.ProArrow FoldThe outer dots light first, then contract through a right-pointing arrow.ProCompass FoldThe outer dots light first, then contract through four cardinal points around a hollow center.ProSail FoldThe outer dots light first, then contract through a sloping sail.ProFan FoldThe outer dots light first, then contract through a fan that opens from one point.ProBridge FoldThe outer dots light first, then contract through a bridge on two supports.ProDune FoldThe outer dots light first, then contract through a broad curved ridge.ProRibbon FoldThe outer dots light first, then contract through two parallel wave tracks.ProOrbitals FoldThe outer dots light first, then contract through two intersecting rings.ProConstellation FoldThe outer dots light first, then contract through a scattered group of dots.ProComb FoldThe outer dots light first, then contract through a comb with three teeth.ProDelta FoldThe outer dots light first, then contract through a filled triangle.ProHelix FoldThe outer dots light first, then contract through two strands with alternating rungs.ProPetal FoldThe outer dots light first, then contract through four petals on diagonal axes.ProMatrix CounterA bright trail circles a dense grid counterclockwise.ProFrame CounterA bright trail circles a square perimeter counterclockwise.ProHalo CounterA bright trail circles a circular ring counterclockwise.ProDiamond CounterA bright trail circles a diamond outline counterclockwise.ProCross CounterA bright trail circles four arms around a shared center counterclockwise.ProChevron CounterA bright trail circles two stacked chevrons counterclockwise.ProHourglass CounterA bright trail circles two triangles meeting at the center counterclockwise.ProCapsule CounterA bright trail circles a rounded horizontal track counterclockwise.ProPrism CounterA bright trail circles a triangular perimeter counterclockwise.ProWeave CounterA bright trail circles interleaved rows of dots counterclockwise.ProWings CounterA bright trail circles two mirrored wings counterclockwise.ProPinwheel CounterA bright trail circles four hooked blades counterclockwise.ProTrident CounterA bright trail circles three tines connected at the base counterclockwise.ProLadder CounterA bright trail circles a ladder with three rungs counterclockwise.ProBars CounterA bright trail circles five columns of varying height counterclockwise.ProStairs CounterA bright trail circles a two-dot stairway counterclockwise.ProArc CounterA bright trail circles an open arch counterclockwise.ProAsterisk CounterA bright trail circles eight spokes counterclockwise.ProShield CounterA bright trail circles a tapered shield outline counterclockwise.ProSpark CounterA bright trail circles an eight-point spark counterclockwise.ProHeart CounterA bright trail circles a heart silhouette counterclockwise.ProBolt CounterA bright trail circles a lightning bolt counterclockwise.ProArrow CounterA bright trail circles a right-pointing arrow counterclockwise.ProCompass CounterA bright trail circles four cardinal points around a hollow center counterclockwise.ProSail CounterA bright trail circles a sloping sail counterclockwise.ProFan CounterA bright trail circles a fan that opens from one point counterclockwise.ProBridge CounterA bright trail circles a bridge on two supports counterclockwise.ProDune CounterA bright trail circles a broad curved ridge counterclockwise.ProRibbon CounterA bright trail circles two parallel wave tracks counterclockwise.ProOrbitals CounterA bright trail circles two intersecting rings counterclockwise.ProConstellation CounterA bright trail circles a scattered group of dots counterclockwise.ProComb CounterA bright trail circles a comb with three teeth counterclockwise.ProDelta CounterA bright trail circles a filled triangle counterclockwise.ProHelix CounterA bright trail circles two strands with alternating rungs counterclockwise.ProPetal CounterA bright trail circles four petals on diagonal axes counterclockwise.ProMatrix TriadThree rotating pulses spread through a dense grid.ProFrame TriadThree rotating pulses spread through a square perimeter.ProHalo TriadThree rotating pulses spread through a circular ring.ProDiamond TriadThree rotating pulses spread through a diamond outline.ProCross TriadThree rotating pulses spread through four arms around a shared center.ProChevron TriadThree rotating pulses spread through two stacked chevrons.ProHourglass TriadThree rotating pulses spread through two triangles meeting at the center.ProCapsule TriadThree rotating pulses spread through a rounded horizontal track.ProPrism TriadThree rotating pulses spread through a triangular perimeter.ProWeave TriadThree rotating pulses spread through interleaved rows of dots.ProWings TriadThree rotating pulses spread through two mirrored wings.ProPinwheel TriadThree rotating pulses spread through four hooked blades.ProTrident TriadThree rotating pulses spread through three tines connected at the base.ProLadder TriadThree rotating pulses spread through a ladder with three rungs.ProBars TriadThree rotating pulses spread through five columns of varying height.ProStairs TriadThree rotating pulses spread through a two-dot stairway.ProArc TriadThree rotating pulses spread through an open arch.ProAsterisk TriadThree rotating pulses spread through eight spokes.ProShield TriadThree rotating pulses spread through a tapered shield outline.ProSpark TriadThree rotating pulses spread through an eight-point spark.ProHeart TriadThree rotating pulses spread through a heart silhouette.ProBolt TriadThree rotating pulses spread through a lightning bolt.ProArrow TriadThree rotating pulses spread through a right-pointing arrow.ProCompass TriadThree rotating pulses spread through four cardinal points around a hollow center.ProSail TriadThree rotating pulses spread through a sloping sail.ProFan TriadThree rotating pulses spread through a fan that opens from one point.ProBridge TriadThree rotating pulses spread through a bridge on two supports.ProDune TriadThree rotating pulses spread through a broad curved ridge.ProRibbon TriadThree rotating pulses spread through two parallel wave tracks.ProOrbitals TriadThree rotating pulses spread through two intersecting rings.ProConstellation TriadThree rotating pulses spread through a scattered group of dots.ProComb TriadThree rotating pulses spread through a comb with three teeth.ProDelta TriadThree rotating pulses spread through a filled triangle.ProHelix TriadThree rotating pulses spread through two strands with alternating rungs.ProPetal TriadThree rotating pulses spread through four petals on diagonal axes.ProMatrix SplitTwo bands split from the center of a dense grid.ProFrame SplitTwo bands split from the center of a square perimeter.ProHalo SplitTwo bands split from the center of a circular ring.ProDiamond SplitTwo bands split from the center of a diamond outline.ProCross SplitTwo bands split from the center of four arms around a shared center.ProChevron SplitTwo bands split from the center of two stacked chevrons.ProHourglass SplitTwo bands split from the center of two triangles meeting at the center.ProCapsule SplitTwo bands split from the center of a rounded horizontal track.ProPrism SplitTwo bands split from the center of a triangular perimeter.ProWeave SplitTwo bands split from the center of interleaved rows of dots.ProWings SplitTwo bands split from the center of two mirrored wings.ProPinwheel SplitTwo bands split from the center of four hooked blades.ProTrident SplitTwo bands split from the center of three tines connected at the base.ProLadder SplitTwo bands split from the center of a ladder with three rungs.ProBars SplitTwo bands split from the center of five columns of varying height.ProStairs SplitTwo bands split from the center of a two-dot stairway.ProArc SplitTwo bands split from the center of an open arch.ProAsterisk SplitTwo bands split from the center of eight spokes.ProShield SplitTwo bands split from the center of a tapered shield outline.ProSpark SplitTwo bands split from the center of an eight-point spark.ProHeart SplitTwo bands split from the center of a heart silhouette.ProBolt SplitTwo bands split from the center of a lightning bolt.ProArrow SplitTwo bands split from the center of a right-pointing arrow.ProCompass SplitTwo bands split from the center of four cardinal points around a hollow center.ProSail SplitTwo bands split from the center of a sloping sail.ProFan SplitTwo bands split from the center of a fan that opens from one point.ProBridge SplitTwo bands split from the center of a bridge on two supports.ProDune SplitTwo bands split from the center of a broad curved ridge.ProRibbon SplitTwo bands split from the center of two parallel wave tracks.ProOrbitals SplitTwo bands split from the center of two intersecting rings.ProConstellation SplitTwo bands split from the center of a scattered group of dots.ProComb SplitTwo bands split from the center of a comb with three teeth.ProDelta SplitTwo bands split from the center of a filled triangle.ProHelix SplitTwo bands split from the center of two strands with alternating rungs.ProPetal SplitTwo bands split from the center of four petals on diagonal axes.ProMatrix DropA V-shaped front falls through a dense grid.ProFrame DropA V-shaped front falls through a square perimeter.ProHalo DropA V-shaped front falls through a circular ring.ProDiamond DropA V-shaped front falls through a diamond outline.ProCross DropA V-shaped front falls through four arms around a shared center.ProChevron DropA V-shaped front falls through two stacked chevrons.ProHourglass DropA V-shaped front falls through two triangles meeting at the center.ProCapsule DropA V-shaped front falls through a rounded horizontal track.ProPrism DropA V-shaped front falls through a triangular perimeter.ProWeave DropA V-shaped front falls through interleaved rows of dots.ProWings DropA V-shaped front falls through two mirrored wings.ProPinwheel DropA V-shaped front falls through four hooked blades.ProTrident DropA V-shaped front falls through three tines connected at the base.ProLadder DropA V-shaped front falls through a ladder with three rungs.ProBars DropA V-shaped front falls through five columns of varying height.ProStairs DropA V-shaped front falls through a two-dot stairway.ProArc DropA V-shaped front falls through an open arch.ProAsterisk DropA V-shaped front falls through eight spokes.ProShield DropA V-shaped front falls through a tapered shield outline.ProSpark DropA V-shaped front falls through an eight-point spark.ProHeart DropA V-shaped front falls through a heart silhouette.ProBolt DropA V-shaped front falls through a lightning bolt.ProArrow DropA V-shaped front falls through a right-pointing arrow.ProCompass DropA V-shaped front falls through four cardinal points around a hollow center.ProSail DropA V-shaped front falls through a sloping sail.ProFan DropA V-shaped front falls through a fan that opens from one point.ProBridge DropA V-shaped front falls through a bridge on two supports.ProDune DropA V-shaped front falls through a broad curved ridge.ProRibbon DropA V-shaped front falls through two parallel wave tracks.ProOrbitals DropA V-shaped front falls through two intersecting rings.ProConstellation DropA V-shaped front falls through a scattered group of dots.ProComb DropA V-shaped front falls through a comb with three teeth.ProDelta DropA V-shaped front falls through a filled triangle.ProHelix DropA V-shaped front falls through two strands with alternating rungs.ProPetal DropA V-shaped front falls through four petals on diagonal axes.ProMatrix StitchA trail threads back and forth across a dense grid.ProFrame StitchA trail threads back and forth across a square perimeter.ProHalo StitchA trail threads back and forth across a circular ring.ProDiamond StitchA trail threads back and forth across a diamond outline.ProCross StitchA trail threads back and forth across four arms around a shared center.ProChevron StitchA trail threads back and forth across two stacked chevrons.ProHourglass StitchA trail threads back and forth across two triangles meeting at the center.ProCapsule StitchA trail threads back and forth across a rounded horizontal track.ProPrism StitchA trail threads back and forth across a triangular perimeter.ProWeave StitchA trail threads back and forth across interleaved rows of dots.ProWings StitchA trail threads back and forth across two mirrored wings.ProPinwheel StitchA trail threads back and forth across four hooked blades.ProTrident StitchA trail threads back and forth across three tines connected at the base.ProLadder StitchA trail threads back and forth across a ladder with three rungs.ProBars StitchA trail threads back and forth across five columns of varying height.ProStairs StitchA trail threads back and forth across a two-dot stairway.ProArc StitchA trail threads back and forth across an open arch.ProAsterisk StitchA trail threads back and forth across eight spokes.ProShield StitchA trail threads back and forth across a tapered shield outline.ProSpark StitchA trail threads back and forth across an eight-point spark.ProHeart StitchA trail threads back and forth across a heart silhouette.ProBolt StitchA trail threads back and forth across a lightning bolt.ProArrow StitchA trail threads back and forth across a right-pointing arrow.ProCompass StitchA trail threads back and forth across four cardinal points around a hollow center.ProSail StitchA trail threads back and forth across a sloping sail.ProFan StitchA trail threads back and forth across a fan that opens from one point.ProBridge StitchA trail threads back and forth across a bridge on two supports.ProDune StitchA trail threads back and forth across a broad curved ridge.ProRibbon StitchA trail threads back and forth across two parallel wave tracks.ProOrbitals StitchA trail threads back and forth across two intersecting rings.ProConstellation StitchA trail threads back and forth across a scattered group of dots.ProComb StitchA trail threads back and forth across a comb with three teeth.ProDelta StitchA trail threads back and forth across a filled triangle.ProHelix StitchA trail threads back and forth across two strands with alternating rungs.ProPetal StitchA trail threads back and forth across four petals on diagonal axes.ProMatrix SpiralA rotating wave curls outward across a dense grid.ProFrame SpiralA rotating wave curls outward across a square perimeter.ProHalo SpiralA rotating wave curls outward across a circular ring.ProDiamond SpiralA rotating wave curls outward across a diamond outline.ProCross SpiralA rotating wave curls outward across four arms around a shared center.ProChevron SpiralA rotating wave curls outward across two stacked chevrons.ProHourglass SpiralA rotating wave curls outward across two triangles meeting at the center.ProCapsule SpiralA rotating wave curls outward across a rounded horizontal track.ProPrism SpiralA rotating wave curls outward across a triangular perimeter.ProWeave SpiralA rotating wave curls outward across interleaved rows of dots.ProWings SpiralA rotating wave curls outward across two mirrored wings.ProPinwheel SpiralA rotating wave curls outward across four hooked blades.ProTrident SpiralA rotating wave curls outward across three tines connected at the base.ProLadder SpiralA rotating wave curls outward across a ladder with three rungs.ProBars SpiralA rotating wave curls outward across five columns of varying height.ProStairs SpiralA rotating wave curls outward across a two-dot stairway.ProArc SpiralA rotating wave curls outward across an open arch.ProAsterisk SpiralA rotating wave curls outward across eight spokes.ProShield SpiralA rotating wave curls outward across a tapered shield outline.ProSpark SpiralA rotating wave curls outward across an eight-point spark.ProHeart SpiralA rotating wave curls outward across a heart silhouette.ProBolt SpiralA rotating wave curls outward across a lightning bolt.ProArrow SpiralA rotating wave curls outward across a right-pointing arrow.ProCompass SpiralA rotating wave curls outward across four cardinal points around a hollow center.ProSail SpiralA rotating wave curls outward across a sloping sail.ProFan SpiralA rotating wave curls outward across a fan that opens from one point.ProBridge SpiralA rotating wave curls outward across a bridge on two supports.ProDune SpiralA rotating wave curls outward across a broad curved ridge.ProRibbon SpiralA rotating wave curls outward across two parallel wave tracks.ProOrbitals SpiralA rotating wave curls outward across two intersecting rings.ProConstellation SpiralA rotating wave curls outward across a scattered group of dots.ProComb SpiralA rotating wave curls outward across a comb with three teeth.ProDelta SpiralA rotating wave curls outward across a filled triangle.ProHelix SpiralA rotating wave curls outward across two strands with alternating rungs.ProPetal SpiralA rotating wave curls outward across four petals on diagonal axes.ProMatrix SignalAlternating columns relay a pulse down a dense grid.ProFrame SignalAlternating columns relay a pulse down a square perimeter.ProHalo SignalAlternating columns relay a pulse down a circular ring.ProDiamond SignalAlternating columns relay a pulse down a diamond outline.ProCross SignalAlternating columns relay a pulse down four arms around a shared center.ProChevron SignalAlternating columns relay a pulse down two stacked chevrons.ProHourglass SignalAlternating columns relay a pulse down two triangles meeting at the center.ProCapsule SignalAlternating columns relay a pulse down a rounded horizontal track.ProPrism SignalAlternating columns relay a pulse down a triangular perimeter.ProWeave SignalAlternating columns relay a pulse down interleaved rows of dots.ProWings SignalAlternating columns relay a pulse down two mirrored wings.ProPinwheel SignalAlternating columns relay a pulse down four hooked blades.ProTrident SignalAlternating columns relay a pulse down three tines connected at the base.ProLadder SignalAlternating columns relay a pulse down a ladder with three rungs.ProBars SignalAlternating columns relay a pulse down five columns of varying height.ProStairs SignalAlternating columns relay a pulse down a two-dot stairway.ProArc SignalAlternating columns relay a pulse down an open arch.ProAsterisk SignalAlternating columns relay a pulse down eight spokes.ProShield SignalAlternating columns relay a pulse down a tapered shield outline.ProSpark SignalAlternating columns relay a pulse down an eight-point spark.ProHeart SignalAlternating columns relay a pulse down a heart silhouette.ProBolt SignalAlternating columns relay a pulse down a lightning bolt.ProArrow SignalAlternating columns relay a pulse down a right-pointing arrow.ProCompass SignalAlternating columns relay a pulse down four cardinal points around a hollow center.ProSail SignalAlternating columns relay a pulse down a sloping sail.ProFan SignalAlternating columns relay a pulse down a fan that opens from one point.ProBridge SignalAlternating columns relay a pulse down a bridge on two supports.ProDune SignalAlternating columns relay a pulse down a broad curved ridge.ProRibbon SignalAlternating columns relay a pulse down two parallel wave tracks.ProOrbitals SignalAlternating columns relay a pulse down two intersecting rings.ProConstellation SignalAlternating columns relay a pulse down a scattered group of dots.ProComb SignalAlternating columns relay a pulse down a comb with three teeth.ProDelta SignalAlternating columns relay a pulse down a filled triangle.ProHelix SignalAlternating columns relay a pulse down two strands with alternating rungs.ProPetal SignalAlternating columns relay a pulse down four petals on diagonal axes.
From preview to project.
Export the exact pattern, color, and timing you set in Studio.
- React
- HTML/CSS
- Agent Skill
Install a sample Agent Skill
Run this command in your project folder to install Scanline.
npx skills add …DotLoading pricing
Preview the full library, ship two loaders for free, or join the waitlist for full exports.
Pro Pack
Waitlist members get 50% off during launch week. $20 USD after launch week.
$10 USD · one-time launch offer
- Export all 500 loaders
- React, HTML/CSS, and Agent Skills