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

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

How does it work Steps example
Dark themed steps section

Author:
Mereani Waqa

2 years ago

7.9k
Weather info Card
Inspired from Mamba UI

Author:
Ron Hicks

3 years ago

12.1k
Stats block
basic stats section

Author:
Simon Scheffer

3 years ago

10.3k
Stats - Htmlwind
Simple stats

Author:
Htmlwind

7 months ago

831
Feature overview cards
The component is designed to be responsive, featuring a title, a brief description, and a set of cards presenting key metrics.

Author:
Nikita

2 years ago

5.4k
Info cards

Author:
Lukas Müller

2 years ago

11.6k
machine
A fully interactive, web-based macOS-style desktop environment featuring draggable and resizable windows, a dynamic Dock with magnification, smooth glass UI effects, adaptive colors, a functional photo gallery with hover menus, and integrated mini-apps like Safari, Notes, Weather, and App Store. Built using HTML, CSS, Tailwind, and JavaScript to recreate a modern OS experience directly in the browser.

Author:
Gidy Official

2 months ago

219
Stats Showcase
Tiles showcasing noteworthy achievements or metrics.

Author:
Andrew Hughes

2 years ago

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

Author:
Santos78

2 years ago

12.2k
Big stat card
Display your statistics boldly

Author:
Nikita

2 years ago

3.9k
Showcase Impactfull stats
stats cards with icons

Author:
Carlos

1 year ago

1.6k
Info cards
Show various statistics on your website

Author:
Arya

3 years ago

11.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components