Home
Samuel Dawson
Spinners with shadow

Spinners with shadow

This tailwind example is contributed by Samuel Dawson, on 24-Nov-2022. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are loading, loader

Spinner / Loading

Author Samuel Dawson

7.4k

9

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>

Related Examples

Tailwind spinner
loading spinner component

Author:
Arya

2 years ago

34.9k
Full Page Loading Overlay

Author:
Prashant

2 years ago

22.5k
Steps -4

Author:
farisubuntu

4 months ago

868
Full Page loading overlay

Author:
Bunny

1 year ago

10.3k
Loading spinner

Author:
Mohit Prajapati

2 years ago

15.8k
Spinner rings closed

Author:
Samuel Dawson

1 year ago

8.9k
Spinner

Author:
Fagundo67

1 year ago

9.7k
Gradient Spinner

Author:
sql_guru

1 year ago

10.9k
Matha ghurainna Ball
Tailwind Spinner

Author:
khalidrootdevs

1 year ago

4.1k
Button With Loader
Tailwind Loader

Author:
Md. Tofayel islam

9 months ago

1.7k
Spinner

Author:
Sienna

1 year ago

9.9k
Loading spinner examples

Author:
Sienna

1 year ago

13.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 1800+ 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

© 2024 TailwindFlex. All Rights Reserved.

v1.9