Componente Mensajes de éxito
Componente de mensajes de éxito con diseño de neumorfismo, responsivo y soporte de tema oscuro
Código HTML
<div class="flex items-center justify-center h-screen dark:bg-gray-900">
<div class="bg-gray-200 p-6 rounded-xl shadow-xl s Neumorphism dark:bg-gray-800">
<div class="text-green-500 text-2xl mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
<h3 class="text-xl font-semibold mb-2 dark:text-white">Success!</h3>
<p class="text-gray-600 dark:text-gray-300">Your action was performed successfully.</p>
</div>
</div>Componentes relacionados
Componente Mensajes de éxito
Un componente de mensaje de éxito complejo, receptivo y compatible con temas oscuros para aplicaciones de redes sociales, con un diseño 3D vibrante con Tailwind CSS. Incluye múltiples elementos interactivos.
Componente Mensajes de éxito
Un componente de mensaje de éxito simple con una combinación de colores pastel, animaciones sutiles para microinteracciones y diseño receptivo con soporte para temas oscuros. Está diseñado para que un portafolio reconozca las acciones del usuario.
Componente Mensajes de éxito
Un componente de mensajes de éxito de estilo de diseño 3D con efectos responsivos y compatibilidad con temas oscuros, con marcadores de posición para imágenes y avatares.