Home
Santos78
Responsive Info cards for admin panel

Responsive Info cards for admin panel

Show stats to the admin dashboard

This tailwind example is contributed by Santos78, on 21-Apr-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

12.4k

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-400">
                    <span>Revenue</span>
                </div>

<span>32k increase</span>

<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-400">
                    <span>New customers</span>
                </div>

<span>3% decrease</span>

</div>

<span>New orders</span>
                </div>

<span>7% increase</span>

Related Examples

Statistics card section

Author:
Laurits

3 years ago

18k
Tiles for showing stats

Author:
Task Master

3 years ago

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

Author:
Arya

3 years ago

12.4k
Info cards for admin panal

Author:
Sophia Baker

3 years ago

9.8k
Information cards for admin panal
Stats cards

Author:
Brandon D

3 years ago

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

Author:
Samuel Dawson

3 years ago

11.4k
Beautiful info cards
Responsive and minimal design

Author:
Amit Pachange

3 years ago

10.6k
Info cards

Author:
Samuel Dawson

3 years ago

11.1k
Stats Showcase Section
Display key metrics of your product or service beautifully

Author:
Mereani Waqa

2 years ago

6k
Basic stat cards

Author:
Santos78

2 years ago

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

2 years ago

8.7k
machine
A fully interactive, web-based macOS-style desktop environment featuring draggable and resizable windows, a dynamic Dock with magnification, smooth glass UI effects, adaptive colors, a functional photo gallery with hover menus, and integrated mini-apps like Safari, Notes, Weather, and App Store. Built using HTML, CSS, Tailwind, and JavaScript to recreate a modern OS experience directly in the browser.

Author:
Gidy Official

3 months ago

347

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components