Composant Glassmorphism Tabs
Composant simple d’onglets Glassmorphism pour portefeuille, avec un design réactif et une prise en charge du thème sombre. Utilise une palette de couleurs vives.
HTML Code
<div class="flex justify-center items-center h-screen bg-gray-200 dark:bg-gray-900 p-8">
<div class="w-full max-w-md bg-white bg-opacity-30 dark:bg-gray-700 dark:bg-opacity-30 backdrop-filter backdrop-blur-lg rounded-lg p-6 shadow-xl">
<div class="flex border-b border-gray-200 dark:border-gray-700">
<button class="flex-1 py-2 px-4 text-center text-lg font-medium text-indigo-700 dark:text-indigo-300 border-b-2 border-indigo-500 dark:border-indigo-400 focus:outline-none">Projects</button>
<button class="flex-1 py-2 px-4 text-center text-lg font-medium text-gray-600 dark:text-gray-400 hover:text-indigo-700 dark:hover:text-indigo-300 focus:outline-none">About</button>
<button class="flex-1 py-2 px-4 text-center text-lg font-medium text-gray-600 dark:text-gray-400 hover:text-indigo-700 dark:hover:text-indigo-300 focus:outline-none">Contact</button>
</div>
<div class="mt-6 text-gray-700 dark:text-gray-300">
<!-- Tab content goes here -->
<p>This is the content for the Projects tab. You can replace this with your actual portfolio items.</p>
</div>
</div>
</div>Composants associés
Composant Onglets
Un composant Tabs réactif avec un style Material Design, une palette de couleurs monochromatiques et une prise en charge du thème sombre, conçu avec Tailwind CSS pour les sites Web à fort contenu.
Composant Onglets
Un composant d’onglets minimaliste pour les sites Web de commerce électronique avec des éléments interactifs, un design réactif et une prise en charge du mode sombre.
Industrial_Monochromatic_Tabs_Component_Booking_Reservation
Un composant d’onglets simple et réactif à l’esthétique industrielle et monochrome, conçu pour les systèmes de réservation et de réservation. Il prend en charge le mode sombre et utilise des matériaux bruts et des éléments exposés pour un attrait utilitaire.