Stats block

basic stats section

This tailwind example is contributed by Simon Scheffer, on 24-Jan-2023. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are Info, Show info, Statistics

Stats

Author Simon Scheffer

Tailwind v3.4 10.9k 10

Fork Fullscreen

<div class="px-4 py-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 lg:py-20">
    <div class="grid grid-cols-2 gap-8 md:grid-cols-4">
        <div class="text-center md:border-r">
            <h6 class="text-4xl font-bold lg:text-5xl xl:text-6xl">144K</h6>
            <p class="text-sm font-medium tracking-widest text-gray-800 uppercase lg:text-base">
                Downloads
            </p>
        </div>
        <div class="text-center md:border-r">
            <h6 class="text-4xl font-bold lg:text-5xl xl:text-6xl">12.9K</h6>
            <p class="text-sm font-medium tracking-widest text-gray-800 uppercase lg:text-base">
                Subscribers
            </p>
        </div>
        <div class="text-center md:border-r">
            <h6 class="text-4xl font-bold lg:text-5xl xl:text-6xl">48.3K</h6>
            <p class="text-sm font-medium tracking-widest text-gray-800 uppercase lg:text-base">
                Users
            </p>
        </div>
        <div class="text-center">
            <h6 class="text-4xl font-bold lg:text-5xl xl:text-6xl">24.5K</h6>
            <p class="text-sm font-medium tracking-widest text-gray-800 uppercase lg:text-base">
                Cookies
            </p>
        </div>
    </div>
</div>

Related Examples

Info Card

Prem..

4 years ago

20.9k
Statistics card section

Laurits

3 years ago

18.9k
Statastics cards

Shakti

3 years ago

15.3k
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
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

Anum Shahana

2 years ago

1.8k
Info cards grid with icons
Evenly-sized cards for showing various stats on the user/admin dashboard.

Prajwal Hallale

3 years ago

7.9k
Info cards for admin panel
Display various Infos and statatics in admin panel with these cards

Arya

4 years ago

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

Mereani Waqa

2 years ago

6.4k
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
Basic stat cards

Santos78

3 years ago

12.5k
How does it work Steps example
Dark themed steps section

Mereani Waqa

2 years ago

8.7k
Info cards for admin panal

Sophia Baker

3 years ago

10.5k