Steps -4

This tailwind example is contributed by farisubuntu, on 17-Aug-2024. Component is made with Tailwind v3.4. It is responsive. It supports dark mode. similar terms for this example are loading, loader

Spinner / Loading

Author farisubuntu

Tailwind v3.4 2.7k 5

Fork Fullscreen

<!--
 Heads up! 👋

This component comes with some `rtl` classes. Please remove them if they are not needed in your project.
-->

Details 
 Some info about you. 
 
 </li>

<span
 class="absolute -right-2 top-1/2 hidden size-4 -translate-y-1/2 rotate-45 border border-gray-100 sm:block ltr:border-b-0 ltr:border-s-0 ltr:bg-gray-50 rtl:border-e-0 rtl:border-t-0 rtl:bg-white"
 >
 
 
 Address 
 Where we sending it? 
 
 </li>

Payment 
 Show us the money. 
 
 </li>
 </ol>
</div>

Related Examples

tailwind loading animation
Spinner component provides a dynamic loader indicator with animated

Menna Bashir

1 year ago

2.4k
Spinner
The Spinner is a simple and visually appealing component that indicates ongoing processes like loading or data fetching. It's a great way to improve user engagement and reduce frustration during wait times. Different styles and animations (circular, dots, pulsating). Customizable size, color, and speed. Easy to integrate with loading states in any app. Lightweight and responsive.

Abhiraj

1 year ago

2.4k
Loader
A small, minimal animated loader using Tailwind CSS and Flexbox for clean, centered loading states.

Rupesh

8 months ago

721
Ripple Animation

$$@(\/)(\/)¥$ $@(\/)(\/)¥

1 year ago

2.3k
Loading Overlay
Add loading overlay to your divs

Prajwal Hallale

4 years ago

25k
Spinner in tailwind

Samuel Dawson

3 years ago

15k
Tailwind CSS Loading Spinner
simple tailwind CSS spinner with some custom CSS animation

Victor M

1 year ago

2.1k
Gradient Spinner

sql_guru

3 years ago

14.4k
Loading dots
Black Loading dots

Anonymous

2 years ago

40.6k
Button with loading

Prem..

4 years ago

20.2k
Steps -2

farisubuntu

2 years ago

2.5k
loader
loading data

aditya_sharma

2 months ago

107