Komponenten Fußzeile Neumorphismus Erde Fußzeile

Neumorphismus Erde Fußzeile

Responsive Footer-Komponente mit Unterstützung für Neumorphism, Erdtöne und dunkles Theme

Vorschau

HTML-Code

```html
<footer class="bg-stone-100 dark:bg-stone-900 shadow-neumorphism-light dark:shadow-neumorphism-dark mt-12">
  <div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
    <div class="text-center text-stone-700 dark:text-stone-300">
      <p>&copy; 2023 Your Company. All rights reserved.</p>
    </div>
  </div>
</footer>

<style>
.shadow-neumorphism-light {
  box-shadow: 5px 5px 10px #bdae9d, -5px -5px 10px #ffffff;
}

.dark .shadow-neumorphism-dark {
  box-shadow: 5px 5px 10px #1e1e1e, -5px -5px 10px #2e2e2e;
}
</style>
```

Verwandte Komponenten

Footer-Komponente

Eine Fußzeilenkomponente, die in einem skeuomorphen Stil mit einem triadischen Farbschema und moderater Komplexität entworfen wurde und für ein Blog-/Content-Layout geeignet ist.

Offen

Skeuomorphe Fußzeilenkomponente

Responsive Footer-Komponente mit skeuomorphem Design, analogem Farbschema (Grün, Blau-Grün) und moderater Komplexität, geeignet für Unternehmenswebsites. Enthält Links, einen Logo-Platzhalter und einen subtilen Skeuomorphie-Effekt, der mit Schatten und Farbverläufen erzielt wird. Unterstützt den Hell- und Dunkelmodus.

Offen

Footer-Komponente

Eine neumorphe Fußzeilenkomponente für einen Blog/eine Content-Website, monochromatisches Farbschema, mit Unterstützung für den Dunkelmodus. Es handelt sich um ein mäßig komplexes Bauteil. Es ist reaktionsschnell.

Offen