Home
Htmlwind
Stats - Htmlwind

Stats - Htmlwind

Simple stats

This tailwind example is contributed by Htmlwind, on 02-Jun-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Info, Show info, Statistics

Stats

Author Htmlwind

838

Fork Fullscreen

<div class="bg-white py-24 sm:py-32">
  <div class="mx-auto max-w-7xl px-6 lg:px-8">
    <h2 class="text-center text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl">The impact we’ve made</h2>
    <dl class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 text-center sm:grid-cols-2 lg:max-w-none lg:grid-cols-4">
      <div class="flex flex-col gap-y-2">
        <dt class="text-base leading-7 text-gray-600">Customer satisfaction</dt>
        <dd class="order-first text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl">98%</dd>
      </div>
      <div class="flex flex-col gap-y-2">
        <dt class="text-base leading-7 text-gray-600">Global user base</dt>
        <dd class="order-first text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl">28M</dd>
      </div>
      <div class="flex flex-col gap-y-2">
        <dt class="text-base leading-7 text-gray-600">Expert team members</dt>
        <dd class="order-first text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl">150+</dd>
      </div>
      <div class="flex flex-col gap-y-2">
        <dt class="text-base leading-7 text-gray-600">Rapid business growth</dt>
        <dd class="order-first text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl">320%</dd>
      </div>
    </dl>
  </div>
</div>

Related Examples

Stats Showcase Section
Display key metrics of your product or service beautifully

Author:
Mereani Waqa

2 years ago

6k
Calender
Calendar component for showing schedule

Author:
Brandon D

3 years ago

8.4k
machine
tell you how your MAC pc work

Author:
gidy

3 months ago

334
Big stat card
Display your statistics boldly

Author:
Nikita

2 years ago

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

1 year ago

1.4k
Info cards grid with icons
Evenly-sized cards for showing various stats on the user/admin dashboard.

Author:
Prajwal Hallale

2 years ago

7.9k
How does it work?

Author:
Abdul Baset Bappy

8 months ago

770
Tiles for showing stats

Author:
Task Master

3 years ago

13k
Stats block
basic stats section

Author:
Simon Scheffer

3 years ago

10.4k
stepper
The Stepper Component is a versatile and user-friendly tool designed to guide users through a sequence of steps. Whether you're building a multi-step form, a tutorial, or any process that requires sequential navigation, this component makes it easy to implement and customize.

Author:
Abhiraj

1 year ago

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

Author:
Santos78

2 years ago

12.4k
Info cards for admin panel

Author:
Sophia Baker

3 years ago

12.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components