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.8k

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

Stats or Metrics Overview
Highlight your achievements with our Stats Section, featuring key metrics such as years of experience, happy clients, completed projects, and awards. This visually engaging component effectively communicates your expertise and success at a glance

Author:
Anum Shahana

1 year ago

1.3k
Statistics card section

Author:
Laurits

3 years ago

17.6k
sidebar dash
sidebar dash

Author:
Omer fils ELENGA

1 week ago

33
Data Metrics Showcase
An information panel designed to instill trust, presenting vital statistics about a service or product. The grid layout offers a clean and organized look for displaying key data.

Author:
Hyun-woo Cho

2 years ago

8.6k
Responsive Card Grid with hover animation

Author:
Prashant

3 years ago

19.8k
Stats Showcase Section
Display key metrics of your product or service beautifully

Author:
Mereani Waqa

2 years ago

5.8k
Info cards for admin panel

Author:
Sophia Baker

2 years ago

12.1k
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.

Author:
Abhiraj

11 months ago

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

Author:
Ranit Saha

1 year ago

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

Author:
Santos78

2 years ago

12.2k
Stats Banner Example
Show your stats proudly

Author:
Nomusa Botha

1 year ago

1.9k
Weather info Card
Inspired from Mamba UI

Author:
Ron Hicks

3 years ago

12.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components