Home
Santos78
Basic stat cards

Basic stat cards

This tailwind example is contributed by Santos78, on 13-Mar-2023. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are Info, Show info, Statistics

Stats

Author Santos78

11.6k

Fork Fullscreen

<div class="bg-gray-200 h-screen w-screen">
    <div class="grid gap-4 lg:gap-8 md:grid-cols-3 p-8 pt-20">
        
        <div class="relative p-6 rounded-2xl bg-white shadow dark:bg-gray-800">
            <div class="space-y-2">
                <div
                    class="flex items-center space-x-2 rtl:space-x-reverse text-sm font-medium text-gray-500 dark:text-gray-200">
                    <span>Total Products</span>
                </div>

</div>

<span>Product Inventory</span>
                </div>

</div>

<span>Average price</span>
                </div>

</div>

</div>
    </div>
</div>

Related Examples

Tiles for showing stats

Author:
Task Master

3 years ago

13k
Tailwind stat cards
Highlight key statistics

Author:
Anonymous

2 years ago

10.5k
Info cards for admin panel
Display various Infos and statatics in admin panel with these cards

Author:
Arya

3 years ago

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

Author:
Santos78

2 years ago

12.2k
Daily growth chart
chart for showing data each day of the week

Author:
Samuel Dawson

3 years ago

11.4k
machine
tell you how your MAC pc work

Author:
gidy

3 months ago

241
sidebar dash
sidebar dash

Author:
Omer fils ELENGA

1 month ago

119
Statistics card section

Author:
Laurits

3 years ago

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

1 year ago

926
Calender
Calendar component for showing schedule

Author:
Brandon D

3 years ago

8.4k
Stats Section Dark

Author:
Santiago Hernandez

1 year ago

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

Author:
Prajwal Hallale

2 years ago

7.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components