How many spinner snippets are available?

This page lists 11 curated examples. New community Tailwind components are added regularly.

Can I use snippets commercially?

Yes — all snippets are MIT licensed for personal and commercial projects without attribution.

Looking for Tailwind versions?

See Tailwind components tagged "spinner" at /tailwind/tag/spinner.

#spinner — 11 Free Code Snippets

#loader#spinner+1

CSS3 Loader and Spinners with pure CSS

CSS3 Loader and Spinners with pure CSS — a free Bootstrap 5 utility snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

1.7kView snippet

#spinner

Pure CSS spinner example

Free Bootstrap 5 utility snippet — Pure CSS spinner example. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

3.0kView snippet

#loader#spinner+1

Animated Gradient Shiny Loader with HTML CSS & JavaScript…

Add a utility to your UI with Animated Gradient Shiny Loader with HTML CSS & JavaScript…. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.

3.0kView snippet

#loader#spinner+1

Color Changing Shiny Loader using HTML & CSS snippet.

Color Changing Shiny Loader using HTML & CSS snippet. — a free Bootstrap 5 utility snippet.

4.1kView snippet

#loader#spinner

Loader animation snippet

Add a utility to your UI with Loader animation snippet. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.

1.8kView snippet

#loader#spinner

Full-Screen loader spinner example with pure CSS

Full-Screen loader spinner example with pure CSS — a free Bootstrap 5 utility snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

29.3kView snippet