Stats - Htmlwind

Simple stats

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

Stats

Author Htmlwind

Tailwind v3.4 1.7k 10

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

Weather info Card
Inspired from Mamba UI

Ron Hicks

4 years ago

12.8k
Stats Section Dark

Santiago Hernandez

2 years ago

2.6k
Info cards
Show various statistics on your website

Arya

4 years ago

12.1k
Block Group kpis

Ranit Saha

1 year ago

1.2k
How does it work Steps example
Dark themed steps section

Mereani Waqa

2 years ago

8.7k
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.

Prajwal Hallale

3 years ago

7k
Project stats section

Carlos

2 years ago

2.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

Anum Shahana

2 years ago

1.8k
Info cards for admin panel

Sophia Baker

3 years ago

12.9k
Engineering Project Dashboard
Track engineering assignments, project progress, technology stack, and delivery timelines in one simple dashboard.

Ayyamperumal S

7 months ago

561
Semi transparent Info card

Prajwal Hallale

3 years ago

11.2k
Info cards

Samuel Dawson

3 years ago

11.6k