Metadata-Version: 2.3
Name: dj-spinners
Version: 0.2.0
Summary: Pure SVG loading spinners for Django.
Keywords: django,spinners,svg
Author: Adam Hill
Author-email: Adam Hill <adam@adamghill.com>
License: MIT
Classifier: Development Status :: 3 - Alpha
Classifier: Framework :: Django
Classifier: Framework :: Django :: 3.2
Classifier: Framework :: Django :: 4.0
Classifier: Framework :: Django :: 4.1
Classifier: Framework :: Django :: 4.2
Classifier: Intended Audience :: Developers
Classifier: License :: OSI Approved :: MIT License
Classifier: Programming Language :: Python :: 3.10
Classifier: Programming Language :: Python :: 3.11
Classifier: Programming Language :: Python :: 3.12
Classifier: Programming Language :: Python :: 3.13
Classifier: Topic :: Software Development :: Libraries :: Python Modules
Requires-Dist: django
Requires-Python: >=3.10
Project-URL: homepage, https://github.com/adamghill/dj-spinners/
Project-URL: repository, https://github.com/adamghill/dj-spinners.git
Description-Content-Type: text/markdown

# dj-spinners

> Pure SVG loading spinners for Django.

```html
{% load dj_spinners %}

{% spinner '3-dots-bounce' %}
```

![3 dots bounce](https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/3-dots-bounce.svg)

All spinners are displayed inside a 24 x 24 dp view box. The main content rests inside the live area of 22 dp with a padding of 1 dp.

## Spinners 🤩

### Rings
<table>
   <tr>
      <th>Name</th>
      <th>Preview</th>
      <th>Size in bytes</th>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/180-ring-with-bg.svg">180-ring-with-bg</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/180-ring-with-bg.svg" />
      </td>
      <td>537</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/180-ring.svg">180-ring</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/180-ring.svg" />
      </td>
      <td>434</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/270-ring-with-bg.svg">270-ring-with-bg</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/270-ring-with-bg.svg" />
      </td>
      <td>586</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/270-ring.svg">270-ring</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/270-ring.svg" />
      </td>
      <td>483</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/90-ring-with-bg.svg">90-ring-with-bg</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/90-ring-with-bg.svg" />
      </td>
      <td>531</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/90-ring-with-gradient.svg">90-ring-with-gradient</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/90-ring-with-gradient.svg" />
      </td>
      <td>679</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/90-ring.svg">90-ring</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/90-ring.svg" />
      </td>
      <td>428</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/oval.svg">oval</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/oval.svg" />
      </td>
      <td>471</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/pulse-ring.svg">pulse-ring</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/pulse-ring.svg" />
      </td>
      <td>461</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/pulse-rings-2.svg">pulse-rings-2</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/pulse-rings-2.svg" />
      </td>
      <td>657</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/pulse-rings-3.svg">pulse-rings-3</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/pulse-rings-3.svg" />
      </td>
      <td>853</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/pulse-rings-multiple.svg">pulse-rings-multiple</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/pulse-rings-multiple.svg" />
      </td>
      <td>856</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/ring-resize.svg">ring-resize</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/ring-resize.svg" />
      </td>
      <td>620</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/rings.svg">rings</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/rings.svg" />
      </td>
      <td>1195</td>
   </tr>
</table>
<br />

### Dots
<table>
   <tr>
      <th>Name</th>
      <th>Preview</th>
      <th>Size in bytes</th>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/12-dots-scale-rotate.svg">12-dots-scale-rotate</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/12-dots-scale-rotate.svg" />
      </td>
      <td>1693</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/3-dots-bounce.svg">3-dots-bounce</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/3-dots-bounce.svg" />
      </td>
      <td>635</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/3-dots-fade.svg">3-dots-fade</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/3-dots-fade.svg" />
      </td>
      <td>482</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/3-dots-move.svg">3-dots-move</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/3-dots-move.svg" />
      </td>
      <td>631</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/3-dots-rotate.svg">3-dots-rotate</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/3-dots-rotate.svg" />
      </td>
      <td>409</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/3-dots-scale-middle.svg">3-dots-scale-middle</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/3-dots-scale-middle.svg" />
      </td>
      <td>422</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/3-dots-scale.svg">3-dots-scale</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/3-dots-scale.svg" />
      </td>
      <td>471</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/4-dots-goeey.svg">4-dots-goeey</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/4-dots-goeey.svg" />
      </td>
      <td>951</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/4-dots-rotate.svg">4-dots-rotate</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/4-dots-rotate.svg" />
      </td>
      <td>1322</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/6-dots-rotate.svg">6-dots-rotate</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/6-dots-rotate.svg" />
      </td>
      <td>948</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/6-dots-scale-middle.svg">6-dots-scale-middle</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/6-dots-scale-middle.svg" />
      </td>
      <td>1504</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/6-dots-scale.svg">6-dots-scale</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/6-dots-scale.svg" />
      </td>
      <td>1494</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/8-dots-rotate-scale.svg">8-dots-rotate-scale</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/8-dots-rotate-scale.svg" />
      </td>
      <td>574</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/8-dots-rotate.svg">8-dots-rotate</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/8-dots-rotate.svg" />
      </td>
      <td>535</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/dot-revolve.svg">dot-revolve</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/dot-revolve.svg" />
      </td>
      <td>399</td>
   </tr>
</table>
<br />

### Bars
<table>
   <tr>
      <th>Name</th>
      <th>Preview</th>
      <th>Size in bytes</th>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/bars-fade.svg">bars-fade</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/bars-fade.svg" />
      </td>
      <td>514</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/bars-rotate-fade.svg">bars-rotate-fade</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/bars-rotate-fade.svg" />
      </td>
      <td>1150</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/bars-scale-fade.svg">bars-scale-fade</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/bars-scale-fade.svg" />
      </td>
      <td>548</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/bars-scale-middle.svg">bars-scale-middle</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/bars-scale-middle.svg" />
      </td>
      <td>825</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/bars-scale.svg">bars-scale</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/bars-scale.svg" />
      </td>
      <td>895</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/bars.svg">bars</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/bars.svg" />
      </td>
      <td>1760</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/horizontal-bar.svg">horizontal-bar</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/horizontal-bar.svg" />
      </td>
      <td>927</td>
   </tr>
</table>
<br />

### Blocks
<table>
   <tr>
      <th>Name</th>
      <th>Preview</th>
      <th>Size in bytes</th>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/blocks-scale.svg">blocks-scale</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/blocks-scale.svg" />
      </td>
      <td>1182</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/blocks-shuffle-2.svg">blocks-shuffle-2</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/blocks-shuffle-2.svg" />
      </td>
      <td>524</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/blocks-shuffle-3.svg">blocks-shuffle-3</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/blocks-shuffle-3.svg" />
      </td>
      <td>646</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/blocks-shuffle-4.svg">blocks-shuffle-4</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/blocks-shuffle-4.svg" />
      </td>
      <td>8056</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/blocks-shuffle-5.svg">blocks-shuffle-5</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/blocks-shuffle-5.svg" />
      </td>
      <td>7952</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/blocks-wave.svg">blocks-wave</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/blocks-wave.svg" />
      </td>
      <td>2457</td>
   </tr>
</table>
<br />

### Pulses
<table>
   <tr>
      <th>Name</th>
      <th>Preview</th>
      <th>Size in bytes</th>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/heart-pulse-2.svg">heart-pulse-2</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/heart-pulse-2.svg" />
      </td>
      <td>894</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/heart-pulse-3.svg">heart-pulse-3</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/heart-pulse-3.svg" />
      </td>
      <td>728</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/heart-pulse.svg">heart-pulse</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/heart-pulse.svg" />
      </td>
      <td>1202</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/hearts.svg">hearts</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/hearts.svg" />
      </td>
      <td>1186</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/pulse-2.svg">pulse-2</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/pulse-2.svg" />
      </td>
      <td>400</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/pulse-3.svg">pulse-3</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/pulse-3.svg" />
      </td>
      <td>499</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/pulse-multiple.svg">pulse-multiple</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/pulse-multiple.svg" />
      </td>
      <td>503</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/pulse.svg">pulse</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/pulse.svg" />
      </td>
      <td>301</td>
   </tr>
</table>
<br />

### Cogs
<table>
   <tr>
      <th>Name</th>
      <th>Preview</th>
      <th>Size in bytes</th>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog01.svg">cog01</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog01.svg" />
      </td>
      <td>3067</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog02.svg">cog02</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog02.svg" />
      </td>
      <td>3369</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog03.svg">cog03</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog03.svg" />
      </td>
      <td>3663</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog04.svg">cog04</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog04.svg" />
      </td>
      <td>4777</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog05.svg">cog05</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog05.svg" />
      </td>
      <td>4078</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog06.svg">cog06</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog06.svg" />
      </td>
      <td>4174</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog07.svg">cog07</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog07.svg" />
      </td>
      <td>2781</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog08.svg">cog08</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog08.svg" />
      </td>
      <td>2933</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog09.svg">cog09</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog09.svg" />
      </td>
      <td>2993</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog10.svg">cog10</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog10.svg" />
      </td>
      <td>1986</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog11.svg">cog11</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog11.svg" />
      </td>
      <td>2191</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog12.svg">cog12</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog12.svg" />
      </td>
      <td>2047</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog13.svg">cog13</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog13.svg" />
      </td>
      <td>1881</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog14.svg">cog14</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog14.svg" />
      </td>
      <td>2050</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog15.svg">cog15</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog15.svg" />
      </td>
      <td>1853</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog16.svg">cog16</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog16.svg" />
      </td>
      <td>2015</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog17.svg">cog17</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog17.svg" />
      </td>
      <td>1877</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog18.svg">cog18</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog18.svg" />
      </td>
      <td>1778</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog19.svg">cog19</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog19.svg" />
      </td>
      <td>4913</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog20.svg">cog20</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog20.svg" />
      </td>
      <td>5163</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog21.svg">cog21</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog21.svg" />
      </td>
      <td>3643</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog22.svg">cog22</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog22.svg" />
      </td>
      <td>1859</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog23.svg">cog23</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog23.svg" />
      </td>
      <td>1859</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/cog24.svg">cog24</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/cog24.svg" />
      </td>
      <td>1582</td>
   </tr>
</table>
<br />

### Loaders
<table>
   <tr>
      <th>Name</th>
      <th>Preview</th>
      <th>Size in bytes</th>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/loader-wifi.svg">loader-wifi</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/loader-wifi.svg" />
      </td>
      <td>2436</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/loader1.svg">loader1</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/loader1.svg" />
      </td>
      <td>1718</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/loader10.svg">loader10</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/loader10.svg" />
      </td>
      <td>477</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/loader2.svg">loader2</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/loader2.svg" />
      </td>
      <td>847</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/loader3.svg">loader3</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/loader3.svg" />
      </td>
      <td>526</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/loader4.svg">loader4</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/loader4.svg" />
      </td>
      <td>704</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/loader5.svg">loader5</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/loader5.svg" />
      </td>
      <td>825</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/loader6.svg">loader6</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/loader6.svg" />
      </td>
      <td>665</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/loader7.svg">loader7</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/loader7.svg" />
      </td>
      <td>1141</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/loader8.svg">loader8</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/loader8.svg" />
      </td>
      <td>1325</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/loader9.svg">loader9</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/loader9.svg" />
      </td>
      <td>871</td>
   </tr>
</table>
<br />

### Other
<table>
   <tr>
      <th>Name</th>
      <th>Preview</th>
      <th>Size in bytes</th>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/audio.svg">audio</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/audio.svg" />
      </td>
      <td>986</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/ball-triangle.svg">ball-triangle</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/ball-triangle.svg" />
      </td>
      <td>1123</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/bouncing-ball.svg">bouncing-ball</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/bouncing-ball.svg" />
      </td>
      <td>453</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/circle-fade.svg">circle-fade</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/circle-fade.svg" />
      </td>
      <td>3044</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/circles.svg">circles</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/circles.svg" />
      </td>
      <td>1722</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/clock.svg">clock</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/clock.svg" />
      </td>
      <td>565</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/eclipse-half.svg">eclipse-half</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/eclipse-half.svg" />
      </td>
      <td>385</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/eclipse.svg">eclipse</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/eclipse.svg" />
      </td>
      <td>377</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/gooey-balls-1.svg">gooey-balls-1</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/gooey-balls-1.svg" />
      </td>
      <td>774</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/gooey-balls-2.svg">gooey-balls-2</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/gooey-balls-2.svg" />
      </td>
      <td>1064</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/grid.svg">grid</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/grid.svg" />
      </td>
      <td>1606</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/jump.svg">jump</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/jump.svg" />
      </td>
      <td>5755</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/pacman.svg">pacman</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/pacman.svg" />
      </td>
      <td>2319</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/puff.svg">puff</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/puff.svg" />
      </td>
      <td>955</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/spinner-double.svg">spinner-double</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/spinner-double.svg" />
      </td>
      <td>3231</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/spinner-multiple-2.svg">spinner-multiple-2</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/spinner-multiple-2.svg" />
      </td>
      <td>2612</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/spinner-multiple.svg">spinner-multiple</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/spinner-multiple.svg" />
      </td>
      <td>1094</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/spinner.svg">spinner</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/spinner.svg" />
      </td>
      <td>1459</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/spinning-circles.svg">spinning-circles</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/spinning-circles.svg" />
      </td>
      <td>1943</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/square.svg">square</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/square.svg" />
      </td>
      <td>659</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/tadpole.svg">tadpole</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/tadpole.svg" />
      </td>
      <td>398</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/tail-spin.svg">tail-spin</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/tail-spin.svg" />
      </td>
      <td>890</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/wifi-fade.svg">wifi-fade</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/wifi-fade.svg" />
      </td>
      <td>989</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/wifi.svg">wifi</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/wifi.svg" />
      </td>
      <td>999</td>
   </tr>
   <tr>
      <td><a href="https://github.com/adamghill/dj-spinners/blob/main/src/dj_spinners/assets/svg/wind-toy.svg">wind-toy</a></td>
      <td>
         <img src="https://raw.githubusercontent.com/adamghill/dj-spinners/refs/heads/main/src/dj_spinners/assets/svg/wind-toy.svg" />
      </td>
      <td>1321</td>
   </tr>
</table>
<br />

## Test 🧪

1. `uv sync --all-extras --dev`
2. `just test`

## Inspiration 😍

- All spinners are from [shubhamjain/svg-spinners](https://github.com/shubhamjain/svg-spinners/)
