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

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

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

Author:
Ranit Saha

8 months ago

1k
Responsive Card Grid with hover animation

Author:
Prashant

3 years ago

19.1k
Stats Section Dark

Author:
Santiago Hernandez

1 year ago

1.8k
Stats Showcase
Tiles showcasing noteworthy achievements or metrics.

Author:
Andrew Hughes

1 year ago

9.3k
Metrics overview cards
stat cards

Author:
Quentin Rivers

11 months ago

1.5k
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.5k
Progress Bar
A progress bar is a UI element that visually represents the completion status of a task or process. It helps users understand how much of a task has been completed and how much remains. Commonly used in forms, file uploads, loading screens, or multi-step processes, it enhances the user experience by providing clear feedback.

Author:
Abhiraj

8 months ago

708
Feature overview cards
The component is designed to be responsive, featuring a title, a brief description, and a set of cards presenting key metrics.

Author:
Nikita

1 year ago

4.7k
Showcase Impactfull stats
stats cards with icons

Author:
Carlos

11 months ago

1.3k
Data Metrics Showcase
An information panel designed to instill trust, presenting vital statistics about a service or product. The grid layout offers a clean and organized look for displaying key data.

Author:
Hyun-woo Cho

1 year ago

8.4k
Stats block
basic stats section

Author:
Simon Scheffer

2 years ago

10k
Information cards for admin panal
Stats cards

Author:
Brandon D

2 years ago

10.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components