Basic stat cards

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

Stats

Author Santos78

Tailwind v3.4 12.5k 10

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

Task Master

3 years ago

13.8k
Tailwind stat cards
Highlight key statistics

Anonymous

3 years ago

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

Arya

4 years ago

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

Santos78

3 years ago

12.9k
Info cards

Samuel Dawson

3 years ago

11.6k
Information card

Samuel Dawson

3 years ago

12.9k
AI Trends Showcase
A clean and modern intelligence feed component for showcasing AI, technology, startup, and research updates with automatic rotation, smooth navigation, and responsive layouts. Perfect For Showcase AI, technology, and innovation stories using a premium editorial-style carousel. Designed with a clean dark aesthetic, automatic slide rotation, interactive breadcrumbs, navigation controls, and a responsive layout that works seamlessly across desktop and mobile devices.

Ayyamperumal S

4 months ago

326
Info cards
Show various statistics on your website

Arya

4 years ago

12k
Block Group kpis

Ranit Saha

1 year ago

1.2k
Big stat card
Display your statistics boldly

Nikita

2 years ago

4.5k
ExtraLarge stats section

Manon Daniel

3 years ago

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

Hyun-woo Cho

3 years ago

9.1k