Home
Pixel Perfect
Stats - Big and Bold

Stats - Big and Bold

display stats of your product

This tailwind example is contributed by Pixel Perfect, on 17-Jun-2024. 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 Pixel Perfect

1.3k

Fork Fullscreen

<body class="bg-gray-100 text-gray-900 transition duration-500">
  <div class="justify-center flex flex-wrap p-8">
    <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg py-8">
      <div class="flex flex-wrap">
        <div class="px-6 relative w-full lg:w-4/12 md:w-6/12 w-full border-r border-gray-200 dark:border-gray-700">
          <div class="text-center py-2">
            <h4 class="text-5xl font-extrabold leading-tight dark:text-white">500+</h4>
            <h5 class="text-xl font-semibold mt-2 mb-1 dark:text-gray-200">Components</h5>
            <p class="text-gray-500 dark:text-gray-400 text-md">Everything you need to build your website, from start to
              finish.
            </p>
          </div>
        </div>
        <div class="px-6 relative w-full lg:w-4/12 md:w-6/12 w-full border-r border-gray-200 dark:border-gray-700">
          <div class="text-center py-2">
            <h4 class="text-5xl font-extrabold leading-tight dark:text-white">100+</h4>
            <h5 class="text-xl font-semibold mt-2 mb-1 dark:text-gray-200">Templates</h5>
            <p class="text-gray-500 dark:text-gray-400 text-md">Pre-designed templates to kickstart your project.</p>
          </div>
        </div>
        <div class="px-6 relative w-full lg:w-4/12 md:w-6/12 w-full">
          <div class="text-center py-2">
            <h4 class="text-5xl font-extrabold leading-tight dark:text-white">50+</h4>
            <h5 class="text-xl font-semibold mt-2 mb-1 dark:text-gray-200">Pages</h5>
            <p class="text-gray-500 dark:text-gray-400 text-md">Ready-to-use pages for various purposes.</p>
          </div>
        </div>
      </div>
    </div>
  </div>

Related Examples

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

Author:
Samuel Dawson

2 years ago

11k
Information cards for admin panal
Stats cards

Author:
Brandon D

2 years ago

10.5k
Info cards

Author:
Lukas Müller

2 years ago

11.5k
Statastics cards

Author:
Shakti

2 years ago

14.4k
Semi transparent Info card

Author:
Prajwal Hallale

2 years ago

11k
Info cards

Author:
Samuel Dawson

2 years ago

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

Author:
Arya

3 years ago

12.7k
Information card

Author:
Samuel Dawson

2 years ago

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

Author:
Santos78

2 years ago

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

Author:
Ranit Saha

7 months ago

939
Weather info Card
Inspired from Mamba UI

Author:
Ron Hicks

3 years ago

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

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components