Loading spinner

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

Spinner / Loading

Author Prem..

Tailwind v3.4 13.9k 11

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

Arya

3 years ago

40.4k
Loading spinner examples

Sienna

3 years ago

16.7k
Loading spinner

Mohit Prajapati

4 years ago

19.2k
Full Page Loading Overlay

Prashant

4 years ago

28.8k
Animated loading dots

TailwindFlex

3 years ago

17.7k
Full Page loading overlay

Bunny

3 years ago

12.9k
Loading Overlay
Add loading overlay to your divs

Prajwal Hallale

4 years ago

25k
Loading dots
Black Loading dots

Anonymous

2 years ago

40.6k
Your Creative Login Page
"Animated Image Login UI" "Tailwind Image Login with Animated Background" "Innovative User Login Experience" "Creative Bubble Background Login" "Login with Personality — Featuring Your Image" "Acode Master Animated Login" ✅ (customized for you)

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.3k
loader
loading data

aditya_sharma

2 months ago

157
Loader
loading

Aman kumar

2 years ago

3.9k
Matha ghurainna Ball
Tailwind Spinner

khalidrootdevs

2 years ago

6.4k

Browse by topic

Explore components by Tags

Jump straight to the UI pattern you need.

Footer Header Card Article Avatar FAQ Banner Blog Breadcrumb Button Call to Action Form Carousel Contact us Error page Feature Gallery Hero Input Spinner Login Modal Pagination Pricing Profile

Can't find it?

Didn't find the component you were looking for?

Search across 3,000+ community-built components and grab the code in seconds.