Chargeur de neumorphisme
Composant de chargement Neumorphism avec couleurs complémentaires
HTML Code
<div class="flex justify-center items-center h-screen bg-gray-200 dark:bg-gray-800">
<div class="relative w-24 h-24">
<div class="absolute top-0 left-0 w-full h-full rounded-full bg-gray-200 dark:bg-gray-700" style="box-shadow: inset 5px 5px 10px #b3b3b3, inset -5px -5px 10px #ffffff; dark:box-shadow: inset 5px 5px 10px #4a4a4a, inset -5px -5px 10px #626262;"></div>
<div class="absolute top-0 left-0 w-full h-full rounded-full bg-gradient-to-r from-blue-500 to-purple-600 animate-spin" style="filter: blur(10px);"></div>
<div class="absolute top-0 left-0 w-full h-full rounded-full border-4 border-transparent border-t-blue-500 border-b-purple-600 animate-spin"></div>
<div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-gray-600 dark:text-gray-300 text-xl font-semibold">Loading</div>
</div>
</div>Composants associés
Chargeur neumorphe
Un composant de chargement Neumorphic simple pour les sites de commerce électronique avec prise en charge du mode sombre.
Brutalist_Music_Loader
Un composant de chargement d’inspiration brutaliste pour les plates-formes musicales/audio, avec des tons violet/violet très contrastés et un design réactif avec prise en charge du mode sombre. Simule un état de chargement « vague musicale » ou « lecture ».
Neon_Glow_Autumn_Loader
Un composant de chargeur modérément complexe avec des effets de néon/lueur et des couleurs d’automne, adapté aux systèmes de réservation et de réservation. Dispose d’un design réactif et d’une prise en charge du mode sombre.