Home
Manon Daniel
ExtraLarge stats section

ExtraLarge stats section

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

Stats

Author Manon Daniel

13.6k

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

Author:
Prem..

3 years ago

19.3k
Info card

Author:
Samuel Dawson

2 years ago

10k
Stats - Big and Bold
display stats of your product

Author:
Pixel Perfect

1 year ago

1.4k
Stats Showcase
Tiles showcasing noteworthy achievements or metrics.

Author:
Andrew Hughes

2 years ago

9.3k
Weather info Card
Inspired from Mamba UI

Author:
Ron Hicks

3 years ago

12k
Stats - Htmlwind
Simple stats

Author:
Htmlwind

4 months ago

502
Stats section with animated counter
Display important stats of your product

Author:
Dipti narayan

2 years ago

10.8k
Info cards for admin panal

Author:
Sophia Baker

2 years ago

9.5k
Tiles for showing stats

Author:
Task Master

2 years ago

12.8k
Info card for admin panal
Show stats on your dashboard

Author:
Arya

3 years ago

12.9k
Stats Section
The gradient background stats section uses dark shades of gradient change colors according to your website theme

Author:
Santiago Hernandez

1 year ago

2.5k
Stats cards for admin panel
This Component is designed to present statistics in a tile format. It comprises a title, a large numeric value, and an icon, creating an eye-catching way to display data.

Author:
Prajwal Hallale

2 years ago

6.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components