ExtraLarge stats section

This tailwind example is contributed by Manon Daniel, on 04-Jun-2023. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are Info, Show info, Statistics

Stats

Author Manon Daniel

Tailwind v3.4 14.5k 16

Fork Fullscreen

<div class="flex flex-wrap items-center justify-center gap-y-2 bg-black">
    
    <div class="px-10 py-4 sm:px-20 ">
        <p
            class="mb-0 whitespace-nowrap bg-gradient-to-b from-white to-gray-400 bg-clip-text text-4xl font-black text-transparent sm:text-6xl">
            24/7
        </p>
        <p class="mt-2 text-center text-lg leading-relaxed tracking-wide text-gray-400">
            Support
        </p>
    </div>

<div class="px-10 py-4 sm:px-20 ">
        <p
            class="mb-0 whitespace-nowrap bg-gradient-to-b from-white to-gray-400 bg-clip-text text-4xl font-black text-transparent sm:text-6xl">
            120 +
        </p>
        <p class="mt-2 text-center text-lg leading-relaxed tracking-wide text-gray-400">
            Customers
        </p>
    </div>

<div class="px-10 py-4 sm:px-20 ">
        <p
            class="mb-0 whitespace-nowrap bg-gradient-to-b from-white to-gray-400 bg-clip-text text-4xl font-black text-transparent sm:text-6xl">
            90
        </p>
        <p class="mt-2 text-center text-lg leading-relaxed tracking-wide text-gray-400">
            Cities
        </p>
    </div>

<div class="px-10 py-4 sm:px-20 ">
        <p
            class="mb-0 whitespace-nowrap bg-gradient-to-b from-white to-gray-400 bg-clip-text text-4xl font-black text-transparent sm:text-6xl">
            99.9 %
        </p>
        <p class="mt-2 text-center text-lg leading-relaxed tracking-wide text-gray-400">
            Uptime
        </p>
    </div>

</div>

Related Examples

Info Card

Prem..

4 years ago

20.9k
Info cards for admin panel

Sophia Baker

3 years ago

12.9k
Stats Showcase
Tiles showcasing noteworthy achievements or metrics.

Andrew Hughes

3 years ago

10.3k
Stats block
basic stats section

Simon Scheffer

3 years ago

10.9k
Simple Kpi
This ui block is meant to be used display Key indicators on an app or website.

Ranit Saha

1 year ago

2.2k
stepper
The Stepper Component is a versatile and user-friendly tool designed to guide users through a sequence of steps. Whether you're building a multi-step form, a tutorial, or any process that requires sequential navigation, this component makes it easy to implement and customize.

Abhiraj

1 year ago

2.9k
Weather info Card
Inspired from Mamba UI

Ron Hicks

4 years ago

12.8k
Basic stat cards

Santos78

3 years ago

12.5k
Responsive Info cards for admin panel
Show stats to the admin dashboard

Santos78

3 years ago

12.9k
Daily growth chart
chart for showing data each day of the week

Samuel Dawson

3 years ago

12k
machine
tell you how your MAC pc work

gidy

11 months ago

753
Landi page template
con un cuerpo libre

Raul antonio de la cruz hernandez

10 months ago

984