Home
Samuel Dawson
Spinners with shadow

Spinners with shadow

This tailwind example is contributed by Samuel Dawson, on 25-Jan-2023. Component is made with Tailwind CSS v3. It is responsive.

Tags: Spinner / Loading

Author
Samuel Dawson

2.1k

3

Fork Fullscreen

<div class="grid grid-cols-4 gap-16 -ml-10 -mt-10">

<div class="relative">
        <div class="w-12 h-12 rounded-full absolute border border-solid border-gray-200"></div>

<div
            class="w-12 h-12 rounded-full animate-spin absolute border border-solid border-cyan-500 border-t-transparent shadow-md">
        </div>
    </div>

<div class="relative">
        <div class="w-12 h-12 rounded-full absolute border-2 border-solid border-gray-200"></div>

<div
            class="w-12 h-12 rounded-full animate-spin absolute border-2 border-solid border-violet-500 border-t-transparent shadow-md">
        </div>
    </div>

<div class="relative">
        <div class="w-12 h-12 rounded-full absolute border-4 border-solid border-gray-200"></div>

<div
            class="w-12 h-12 rounded-full animate-spin absolute border-4 border-solid border-pink-500 border-t-transparent shadow-md">
        </div>
    </div>

<div class="relative">
        <div class="w-12 h-12 rounded-full absolute border-8 border-solid border-gray-200"></div>

<div
            class="w-12 h-12 rounded-full animate-spin absolute border-8 border-solid border-green-500 border-t-transparent shadow-md">
        </div>
    </div>

</div>

Be the first one

Related examples

Tailwind spinner
loading spinner component

Author:
Arya

10 months ago
Button with loading

Author:
Prem..

1 year ago
Loading spinner

Author:
Mohit Prajapati

1 year ago
Loading Overlay
Add loading overlay to your divs

Author:
Prajwal Hallale

1 year ago
Full Page Loading Overlay

Author:
Prashant

1 year ago
Spinner in tailwind

Author:
Samuel Dawson

8 months ago
Spinner rings
open ring spinners

Author:
Samuel Dawson

8 months ago
Spinner rings closed

Author:
Samuel Dawson

7 months ago
Dashed spinners

Author:
Samuel Dawson

7 months ago
Spinner rings

Author:
Samuel Dawson

7 months ago
Animated loading dots

Author:
TailwindFlex

9 months ago
Spinner

Author:
Fagundo67

7 months ago

Explore components by Tags

Didn't find component you were looking for?

Search from 950+ componenent

TailwindFlex.com

Tailwindflex.com is a free tailwind examples library. It's a one-stop destination for ready-made tailwind examples.

Contact

Email:

admin@tailwindflex.com

Links

All tags All Components Tailwind Playground

© 2023 TailwindFlex. All Rights Reserved.

Hosted on Hostinger