Home
Simon Scheffer
Stats block

Stats block

basic stats section

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

Stats

Author Simon Scheffer

9.9k

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

Author:
Prem..

2 years ago

18.7k
Statistics card section

Author:
Laurits

2 years ago

16.8k
Statastics cards

Author:
Shakti

2 years ago

14.2k
Info card

Author:
Samuel Dawson

2 years ago

9.7k
Service Metrics cards

Author:
Paul Intay

1 year ago

2.4k
How does it work?

Author:
Abdul Baset Bappy

3 weeks ago

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

Author:
Mereani Waqa

1 year ago

5.3k
Stats section with animated counter
Display important stats of your product

Author:
Dipti narayan

1 year ago

10.2k
Info cards

Author:
Lukas Müller

2 years ago

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

8 months ago

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

Author:
Santos78

2 years ago

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

Author:
Ranit Saha

6 months ago

730

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components