Komponenten Funktionale Komponenten Komponente "Funktionale Komponenten"

Komponente "Funktionale Komponenten"

Minimalistische Dashboard-Funktionskomponente mit responsivem Design und Unterstützung für dunkle Themen.

Vorschau

HTML-Code

<div class="min-h-screen bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-white p-4 sm:p-6 lg:p-8">
    <div class="container mx-auto">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
            <!-- Card 1 -->
            <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6">
                <h2 class="text-xl font-semibold mb-4">Total Users</h2>
                <p class="text-3xl font-bold">1500</p>
            </div>
            <!-- Card 2 -->
            <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6">
                <h2 class="text-xl font-semibold mb-4">Revenue</h2>
                <p class="text-3xl font-bold">$5000</p>
            </div>
            <!-- Card 3 -->
            <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6">
                <h2 class="text-xl font-semibold mb-4">Orders</h2>
                <p class="text-3xl font-bold">300</p>
            </div>
        </div>
    </div>
</div>

Verwandte Komponenten

Skeuomorphic_Analogous_Simple_Business_Component

Eine einfache Geschäftskomponente, die in einem skeuomorphen Stil mit analogen Farben entwickelt wurde, reaktionsschnell für Desktop, Tablet und Mobilgeräte mit Unterstützung für den Dunkelmodus.

Offen

Skeuomorphe Erdtöne Regierungskarte

Eine einfache, reaktionsschnelle Kartenkomponente mit skeuomorphen Designelementen und einem Farbschema in Erdtönen, geeignet für Websites von Behörden oder öffentlichen Diensten, mit Unterstützung für den Dunkelmodus.

Offen

Komponente "Funktionale Komponenten"

Eine Webkomponente, die reale Gegenstücke im Business-Corporate-Stil mit einem komplementären Farbschema, einem einfachen Layout und einem responsiven Design mit Unterstützung des Dunkelmodus nachahmt.

Offen