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

924

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

Weather info Card
Inspired from Mamba UI

Author:
Ron Hicks

2 years ago

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

8 months ago

1k
Semi transparent Info card

Author:
Prajwal Hallale

2 years ago

11k
Stats card with icons
Improved Code quality and added support for dark mode

Author:
Dika Rahman

9 months ago

1.3k
Metrics overview cards
stat cards

Author:
Quentin Rivers

9 months ago

1.1k
Stats - Htmlwind
Simple stats

Author:
Htmlwind

1 month ago

249
Stats Banner Example
Show your stats proudly

Author:
Nomusa Botha

1 year ago

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

Author:
Santos78

2 years ago

11.3k
Simple Kpi
This ui block is meant to be used display Key indicators on an app or website.

Author:
Ranit Saha

6 months ago

730
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

5 months ago

1k
How does it work?

Author:
Abdul Baset Bappy

3 weeks ago

125
Tiles for showing stats

Author:
Task Master

2 years ago

12.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components