Home
Prem..
Loading spinner

Loading spinner

This tailwind example is contributed by Prem.., on 23-Feb-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are loading, loader

Spinner / Loading

Author Prem..

13k

8

Fork Fullscreen

<div aria-label="Loading..." role="status"><svg class="h-12 w-12 animate-spin stroke-gray-500" viewBox="0 0 256 256">
        <line x1="128" y1="32" x2="128" y2="64" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
        <line x1="195.9" y1="60.1" x2="173.3" y2="82.7" stroke-linecap="round" stroke-linejoin="round"
            stroke-width="24"></line>
        <line x1="224" y1="128" x2="192" y2="128" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
        </line>
        <line x1="195.9" y1="195.9" x2="173.3" y2="173.3" stroke-linecap="round" stroke-linejoin="round"
            stroke-width="24"></line>
        <line x1="128" y1="224" x2="128" y2="192" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
        </line>
        <line x1="60.1" y1="195.9" x2="82.7" y2="173.3" stroke-linecap="round" stroke-linejoin="round"
            stroke-width="24"></line>
        <line x1="32" y1="128" x2="64" y2="128" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
        <line x1="60.1" y1="60.1" x2="82.7" y2="82.7" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
        </line>
    </svg>
</div>

Related Examples

Tailwind spinner
loading spinner component

Author:
Arya

3 years ago

39.4k
Loading spinner examples

Author:
Sienna

2 years ago

16.3k
Loading spinner

Author:
Mohit Prajapati

3 years ago

18.4k
Full Page Loading Overlay

Author:
Prashant

3 years ago

28k
Animated loading dots

Author:
TailwindFlex

3 years ago

17k
Full Page loading overlay

Author:
Bunny

2 years ago

12.3k
Loading Overlay
Add loading overlay to your divs

Author:
Prajwal Hallale

3 years ago

24.8k
Loading dots
Black Loading dots

Author:
Anonymous

2 years ago

39.4k
3D Box

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

5.7k
Loading animation using animate-ping

Author:
JaxStone

3 years ago

17.3k
Spinner

Author:
Sienna

2 years ago

10.8k
Contact Spinner
Contact button spinning

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

5.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2026 TailwindFlex. All Rights Reserved.

v1.12