Neumorphismus-Lader
Eine einfache Neumorphism-Loader-Komponente mit einem monochromatischen Farbschema für ein Portfolio, mit responsivem Design und Unterstützung für dunkle Themen.
HTML-Code
<div class="flex items-center justify-center h-screen bg-gray-100 dark:bg-gray-800">
<div class="flex space-x-2 animate-pulse">
<div class="w-4 h-4 bg-gray-400 rounded-full dark:bg-gray-600 shadow-inner dark:shadow-inner-dark"></div>
<div class="w-4 h-4 bg-gray-400 rounded-full dark:bg-gray-600 shadow-inner dark:shadow-inner-dark"></div>
<div class="w-4 h-4 bg-gray-400 rounded-full dark:bg-gray-600 shadow-inner dark:shadow-inner-dark"></div>
</div>
</div>Verwandte Komponenten
Neumorphismus-Lader
Eine Loader-Komponente im Neumorphism-Stil mit responsiven Effekten und Unterstützung für dunkle Themen unter Verwendung von Tailwind CSS. Es wird kein JavaScript benötigt. Verwendet subtile Schatten, um einen extrudierten Effekt aus dem Hintergrund zu erzeugen. Dunkler Modus, der mit CSS unterstützt wird.
Industrial_Rainbow_Healthcare_Loader
Eine Loader-Komponente im Industriestil für Anwendungen im Gesundheitswesen mit rohen Elementen, einem mehrfarbigen Regenbogenverlauf und voller Reaktionsfähigkeit mit Unterstützung des Dunkelmodus. Verwendet einfache CSS-Animationen für den Ladeeffekt.