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

Info Card

Prem..

3 years ago

20.7k
Semi transparent Info card

Prajwal Hallale

3 years ago

11.2k
Tailwind stat cards
Highlight key statistics

Anonymous

3 years ago

11k
Info cards

Lukas Müller

3 years ago

12.1k
Block Group kpis

Ranit Saha

1 year ago

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

Prajwal Hallale

3 years ago

7.9k
Responsive data cards

EliteAI Tools

1 year ago

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

1 year ago

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

Ayyamperumal S

6 months ago

465
Tiles for showing stats

Task Master

3 years ago

13.8k
Weather info Card
Inspired from Mamba UI

Ron Hicks

4 years ago

12.7k
Beautiful info cards
Responsive and minimal design

Amit Pachange

3 years ago

11k