# Card System Beispiele ## Erste Karte ### Einfache Karte mit Header ```svelte ``` ### Karte mit mehreren Modulen ```svelte ``` ## Profil-Karten ### Basis-Profil ```svelte ``` ### Erweitertes Profil mit Stats ```svelte ``` ## Dashboard-Karten ### Statistik-Karte ```svelte ``` ### Activity Feed ```svelte ``` ## Link-Sammlungen ### Social Media Links ```svelte ``` ### Ressourcen-Liste ```svelte ``` ## Media-Karten ### Bild-Galerie ```svelte ``` ### QR-Code Karte ```svelte ``` ## Mit Themes ### Dark Theme Karte ```svelte ``` ### Gradient Theme ```svelte ``` ## Dynamische Karten ### Karte aus Datenbank laden ```svelte {#if cardConfig} {/if} ``` ### Benutzer-spezifische Karte ```svelte {#each userCards as userCard} {/each} ``` ## Card Builder Integration ### Karte bearbeiten ```svelte {#if editMode} (editMode = false)} /> {:else} {/if} ``` ## Responsive Karten ### Mobile-optimierte Karte ```svelte ``` ## Animierte Karten ### Mit Eingangs-Animation ```svelte ``` ## Fehlerbehandlung ### Mit Fallback ```svelte {#if error}

Fehler: {error}

{:else if cardConfig} {:else}

Lädt...

{/if} ```