dj-spinners 0.2.0

Pure SVG loading spinners for Django.

dj-spinners

Pure SVG loading spinners for Django.

{% load dj_spinners %}

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

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

Name	Preview	Size in bytes
180-ring-with-bg		537
180-ring		434
270-ring-with-bg		586
270-ring		483
90-ring-with-bg		531
90-ring-with-gradient		679
90-ring		428
oval		471
pulse-ring		461
pulse-rings-2		657
pulse-rings-3		853
pulse-rings-multiple		856
ring-resize		620
rings		1195

Dots

Name	Preview	Size in bytes
12-dots-scale-rotate		1693
3-dots-bounce		635
3-dots-fade		482
3-dots-move		631
3-dots-rotate		409
3-dots-scale-middle		422
3-dots-scale		471
4-dots-goeey		951
4-dots-rotate		1322
6-dots-rotate		948
6-dots-scale-middle		1504
6-dots-scale		1494
8-dots-rotate-scale		574
8-dots-rotate		535
dot-revolve		399

Bars

Name	Preview	Size in bytes
bars-fade		514
bars-rotate-fade		1150
bars-scale-fade		548
bars-scale-middle		825
bars-scale		895
bars		1760
horizontal-bar		927

Blocks

Name	Preview	Size in bytes
blocks-scale		1182
blocks-shuffle-2		524
blocks-shuffle-3		646
blocks-shuffle-4		8056
blocks-shuffle-5		7952
blocks-wave		2457

Pulses

Name	Preview	Size in bytes
heart-pulse-2		894
heart-pulse-3		728
heart-pulse		1202
hearts		1186
pulse-2		400
pulse-3		499
pulse-multiple		503
pulse		301

Cogs

Name	Preview	Size in bytes
cog01		3067
cog02		3369
cog03		3663
cog04		4777
cog05		4078
cog06		4174
cog07		2781
cog08		2933
cog09		2993
cog10		1986
cog11		2191
cog12		2047
cog13		1881
cog14		2050
cog15		1853
cog16		2015
cog17		1877
cog18		1778
cog19		4913
cog20		5163
cog21		3643
cog22		1859
cog23		1859
cog24		1582

Loaders

Name	Preview	Size in bytes
loader-wifi		2436
loader1		1718
loader10		477
loader2		847
loader3		526
loader4		704
loader5		825
loader6		665
loader7		1141
loader8		1325
loader9		871

Other

Name	Preview	Size in bytes
audio		986
ball-triangle		1123
bouncing-ball		453
circle-fade		3044
circles		1722
clock		565
eclipse-half		385
eclipse		377
gooey-balls-1		774
gooey-balls-2		1064
grid		1606
jump		5755
pacman		2319
puff		955
spinner-double		3231
spinner-multiple-2		2612
spinner-multiple		1094
spinner		1459
spinning-circles		1943
square		659
tadpole		398
tail-spin		890
wifi-fade		989
wifi		999
wind-toy		1321

Test 🧪

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

Inspiration 😍

• All spinners are from shubhamjain/svg-spinners