Home
Carlos
Project stats section

Project stats section

This tailwind example is contributed by Carlos, on 21-Sep-2024. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Info, Show info, Statistics

Stats

Author Carlos

944

Fork Fullscreen

<div class="p-4 md:p-6">
  <div class="border border-gray-200 bg-white rounded-3xl flex flex-wrap">
    <div class="w-full md:w-1/2 lg:w-1/4 py-8">
      <div class="md:border-r border-gray-200 px-12">
        <p class="text-gray-600 mb-2 text-center">Projects</p>
        <h2 class="text-4xl lg:text-5xl font-semibold text-center">150+</h2>
      </div>
    </div>
    <div class="w-full md:w-1/2 lg:w-1/4 py-8">
      <div class="lg:border-r border-gray-200 px-12">
        <p class="text-gray-600 mb-2 text-center">Users</p>
        <h2 class="text-4xl lg:text-5xl font-semibold text-center">10K+</h2>
      </div>
    </div>
    <div class="w-full md:w-1/2 lg:w-1/4 py-8">
      <div class="md:border-r border-gray-200 px-12">
        <p class="text-gray-600 mb-2 text-center">Countries</p>
        <h2 class="text-4xl lg:text-5xl font-semibold text-center">50+</h2>
      </div>
    </div>
    <div class="w-full md:w-1/2 lg:w-1/4 py-8">
      <div class="px-12">
        <p class="text-gray-600 mb-2 text-center">Partners</p>
        <h2 class="text-4xl lg:text-5xl font-semibold text-center">30+</h2>
      </div>
    </div>
  </div>
</div>

Related Examples

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

10 months ago

1.1k
Info cards
Show various statistics on your website

Author:
Arya

2 years ago

11.2k
Stats Banner Example
Show your stats proudly

Author:
Nomusa Botha

1 year ago

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

Author:
Mereani Waqa

1 year ago

7.3k
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.4k
Stats - Big and Bold
display stats of your product

Author:
Pixel Perfect

1 year ago

1.3k
Tailwind stat cards
Highlight key statistics

Author:
Anonymous

2 years ago

9.9k
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
Responsive Info cards for admin panel
Show stats to the admin dashboard

Author:
Santos78

2 years ago

11.6k
Stats section with animated counter
Display important stats of your product

Author:
Dipti narayan

1 year ago

10.6k
Service Metrics cards

Author:
Paul Intay

1 year ago

2.7k
Stats block
basic stats section

Author:
Simon Scheffer

2 years ago

10k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components