Home
Shakti
Statastics cards

Statastics cards

This tailwind example is contributed by Shakti, on 08-Jun-2023. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are Info, Show info, Statistics

Stats

Author Shakti

14.2k

Fork Fullscreen

<div class="mb-12 text-center md:mb-0 md:border-r-2 dark:md:border-slate-500">
            <div class="font-heading text-[2.6rem] font-bold dark:text-white lg:text-5xl xl:text-6xl">
                13.3K
            </div>
            <p class="text-sm font-medium uppercase tracking-widest text-gray-800 dark:text-slate-400 lg:text-base">
                Downloads
            </p>
        </div>

<div class="mb-12 text-center md:mb-0 md:border-r-2 dark:md:border-slate-500">
            <div class="font-heading text-[2.6rem] font-bold dark:text-white lg:text-5xl xl:text-6xl">
                25
            </div>
            <p class="text-sm font-medium uppercase tracking-widest text-gray-800 dark:text-slate-400 lg:text-base">
                Stars
            </p>
        </div>

<div class="mb-12 text-center md:mb-0 md:border-r-2 dark:md:border-slate-500">
            <div class="font-heading text-[2.6rem] font-bold dark:text-white lg:text-5xl xl:text-6xl">
                1.8K
            </div>
            <p class="text-sm font-medium uppercase tracking-widest text-gray-800 dark:text-slate-400 lg:text-base">
                Forks
            </p>
        </div>

<div class="mb-12 text-center md:mb-0 md:border-r-2 dark:md:border-slate-500">
            <div class="font-heading text-[2.6rem] font-bold dark:text-white lg:text-5xl xl:text-6xl">
                484K
            </div>
            <p class="text-sm font-medium uppercase tracking-widest text-gray-800 dark:text-slate-400 lg:text-base">
                Users
            </p>
        </div>

</div>

Related Examples

Statistics card section

Author:
Laurits

2 years ago

16.4k
Beautiful info cards
Responsive and minimal design

Author:
Amit Pachange

2 years ago

9.9k
Stats block
basic stats section

Author:
Simon Scheffer

2 years ago

9.8k
Responsive Card Grid with hover animation

Author:
Prashant

2 years ago

18.4k
Information cards for admin panal
Stats cards

Author:
Brandon D

2 years ago

10.1k
Info cards
Show various statistics on your website

Author:
Arya

2 years ago

11k
Info cards for admin panel

Author:
Sophia Baker

2 years ago

11.1k
Info Card

Author:
Prem..

2 years ago

18.4k
Showcase Impactfull stats
stats cards with icons

Author:
Carlos

7 months ago

1k
Block Group kpis

Author:
Ranit Saha

4 months ago

277
Stats Showcase
Tiles showcasing noteworthy achievements or metrics.

Author:
Andrew Hughes

1 year ago

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

7 months ago

873

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components