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

Stats - Htmlwind
Simple stats

Author:
Htmlwind

3 months ago

363
Info cards
Show various statistics on your website

Author:
Arya

2 years ago

11.3k
Stats Banner Example
Show your stats proudly

Author:
Nomusa Botha

1 year ago

1.6k
Information cards for admin panal
Stats cards

Author:
Brandon D

2 years ago

10.5k
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.8k
Information card

Author:
Samuel Dawson

2 years ago

11.9k
Stats Section
The gradient background stats section uses dark shades of gradient change colors according to your website theme

Author:
Santiago Hernandez

1 year ago

2.5k
Info cards

Author:
Lukas Müller

2 years ago

11.5k
Info cards for admin panal

Author:
Sophia Baker

2 years ago

9.4k
Showcase Impactfull stats
stats cards with icons

Author:
Carlos

11 months ago

1.3k
Info card

Author:
Samuel Dawson

2 years ago

9.9k
Info cards

Author:
Samuel Dawson

2 years ago

10.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components