Confronto tra i prodotti Brutalist
Componente di confronto dei prodotti Brutalist per i social media con combinazione di colori monocromatica e supporto per la modalità scura
Codice HTML
<div class="bg-white dark:bg-zinc-800 text-zinc-900 dark:text-white p-4">
<h2 class="text-2xl font-bold mb-4 border-b-2 border-zinc-900 dark:border-white pb-2">Compare Products</h2>
<div class="grid grid-cols-2 gap-4">
<div class="border-2 border-zinc-900 dark:border-white p-4">
<h3 class="text-xl font-semibold mb-2">Product A</h3>
<img src="https://picsum.photos/seed/producta/200/150" alt="Product A" class="mb-2 w-full h-auto">
<ul class="list-disc list-inside">
<li>Feature 1</li>
<li>Feature 2</li>
<li>Feature 3</li>
</ul>
</div>
<div class="border-2 border-zinc-900 dark:border-white p-4">
<h3 class="text-xl font-semibold mb-2">Product B</h3>
<img src="https://picsum.photos/seed/productb/200/150" alt="Product B" class="mb-2 w-full h-auto">
<ul class="list-disc list-inside">
<li>Feature X</li>
<li>Feature Y</li>
<li>Feature Z</li>
</ul>
</div>
</div>
</div>Componenti correlati
RetroVintageConfronto prodotti
Componente di confronto prodotti retrò/vintage per dashboard. Semplice design monocromatico con supporto per la modalità scura. Utilizza Tailwind CSS.
Componente di confronto dei prodotti
Un complesso componente di confronto dei prodotti progettato con i principi del Material Design, caratterizzato da una combinazione di colori vivaci e supporto per la modalità scura. Ideale per le interfacce di rete dei social media.
Componente di confronto dei prodotti
Un componente di confronto dei prodotti reattivo con stile Material Design utilizzando Tailwind CSS, con layout basati su griglia, ombre e supporto per temi scuri.