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

10k

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

19.2k
Statistics card section

Author:
Laurits

2 years ago

17.1k
Statastics cards

Author:
Shakti

2 years ago

14.4k
Semi transparent Info card

Author:
Prajwal Hallale

2 years ago

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

7 months ago

1.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

Author:
Anum Shahana

10 months ago

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

Author:
Pixel Perfect

1 year ago

1.3k
Info cards

Author:
Lukas Müller

2 years ago

11.5k
Information card

Author:
Samuel Dawson

2 years ago

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

Author:
Mereani Waqa

1 year ago

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

Author:
Arya

2 years ago

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

Author:
Arya

3 years ago

12.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components