Composants multimédias
Un composant de style Neumorphism pour l’affichage multimédia avec un design réactif et une prise en charge du thème sombre.
HTML Code
<div class="flex flex-col items-center justify-center p-6 bg-white rounded-xl shadow-lg dark:bg-gray-800 dark:shadow-gray-900 hover:shadow-xl transition-shadow duration-300 ease-in-out">
<div class="mb-4">
<img src="https://picsum.photos/300/200" alt="Media" class="w-full h-auto rounded-lg shadow-md" />
</div>
<div class="flex items-center mb-2">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-10 h-10 rounded-full shadow-lg mr-2">
<h2 class="text-lg font-semibold dark:text-white">User Name</h2>
</div>
<p class="text-gray-700 dark:text-gray-300 text-center">
This is a description of the media content that is displayed above. It's designed with a soft UI style to enhance the visual appeal.
</p>
</div>Composants associés
Composant Composants multimédias
Un composant multimédia conçu dans le style brutalisme, présentant une mise en page audacieuse avec un contraste élevé, des effets réactifs et une prise en charge du thème sombre à l’aide de Tailwind CSS.
Composant Composants multimédias
Un composant de médias sociaux complexe, réactif et compatible avec le mode sombre avec un style Glassmorphism utilisant des couleurs vives.
Monospace_Developer_Media_Component
Un composant multimédia complexe, orienté vers l’éducation, avec un style de conception monospace/développeur et une palette de couleurs océan/bleu, conçu pour les plateformes d’apprentissage. Comprend la lecture multimédia, des extraits de code et des sections de contenu structuré.