Home
Anum Shahana
Stats or Metrics Overview

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

This tailwind example is contributed by Anum Shahana, on 30-Oct-2024. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Info, Show info, Statistics

Stats

Author Anum Shahana

182

Fork Fullscreen

<div class="p-4 md:p-6 text-white bg-[#212529]">
        <div class="flex flex-wrap">
          <div class="w-full md:w-1/2 lg:w-1/4 py-8">
            <div class="md:border-r border-gray-200 px-12">
              <h2 class="text-4xl text-[#909294] md:text-5xl font-semibold text-center">
                2+
              </h2>
              <p class=" mb-2 text-center">Years Experiance</p>
            </div>
          </div>
          <div class="w-full md:w-1/2 lg:w-1/4 py-8">
            <div class="lg:border-r border-gray-200 px-12">
              <h2 class="text-4xl text-[#909294] md:text-5xl  font-semibold text-center">
                10+
              </h2>
              <p class=" mb-2 text-center">Happy Clients</p>
            </div>
          </div>
          <div class="w-full md:w-1/2 lg:w-1/4 py-8">
            <div class="md:border-r border-gray-200 px-12">
              <h2 class="text-4xl text-[#909294] md:text-5xl  font-semibold text-center">
                20+
              </h2>
              <p class=" mb-2 text-center">Projects Done</p>
            </div>
          </div>
          <div class="w-full md:w-1/2 lg:w-1/4 py-8">
            <div class="px-12">
              <h2 class="text-4xl text-[#909294] md:text-5xl  font-semibold text-center">
                10+
              </h2>
              <p class=" mb-2 text-center">Get Awards</p>
            </div>
          </div>
        </div>
      </div>

Related Examples

Beautiful info cards
Responsive and minimal design

Author:
Amit Pachange

1 year ago

8.9k
Showcase Impactfull stats
stats cards with icons

Author:
Carlos

1 month ago

49
Calender
Calendar component for showing schedule

Author:
Brandon D

2 years ago

6.8k
Info cards

Author:
Samuel Dawson

1 year ago

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

Author:
Arya

2 years ago

11.6k
Daily growth chart
chart for showing data each day of the week

Author:
Samuel Dawson

1 year ago

9.8k
Weather info Card
Inspired from Mamba UI

Author:
Ron Hicks

2 years ago

10.5k
Information cards for admin panal
Stats cards

Author:
Brandon D

1 year ago

8.9k
Information card

Author:
Samuel Dawson

2 years ago

10.4k
Stats cards for admin panel
This Component is designed to present statistics in a tile format. It comprises a title, a large numeric value, and an icon, creating an eye-catching way to display data.

Author:
Prajwal Hallale

1 year ago

6.5k
Info Card

Author:
Prem..

2 years ago

16.5k
Stats block
basic stats section

Author:
Simon Scheffer

1 year ago

8.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 1700+ componenent