Componenti Modulistica Forma brutalista sui social media

Forma brutalista sui social media

Un componente di forma semplice e brutalista per i social media con combinazione di colori triadica e supporto per temi scuri.

Anteprima

Codice HTML

<div class="min-h-screen bg-gray-100 dark:bg-gray-900 flex flex-col items-center justify-center p-4"><div class="bg-white dark:bg-gray-800 border-4 border-black dark:border-white shadow-brutalism p-6 max-w-md w-full"><h2 class="text-2xl md:text-3xl font-bold mb-6 text-black dark:text-white uppercase tracking-wider">Share Your Thoughts</h2><form><div class="mb-4"><label for="post-content" class="block text-black dark:text-white text-sm font-bold mb-2">What's on your mind?</label><textarea id="post-content" rows="4" class="block w-full px-3 py-2 text-black dark:text-white bg-yellow-300 dark:bg-yellow-700 border-2 border-black dark:border-white focus:outline-none focus:ring-0 focus:border-red-500 dark:focus:border-red-400 placeholder-black dark:placeholder-gray-300"></textarea></div><div class="mb-4"><label for="tags" class="block text-black dark:text-white text-sm font-bold mb-2">Tags (comma-separated):</label><input type="text" id="tags" class="block w-full px-3 py-2 text-black dark:text-white bg-purple-400 dark:bg-purple-700 border-2 border-black dark:border-white focus:outline-none focus:ring-0 focus:border-red-500 dark:focus:border-red-400 placeholder-black dark:placeholder-gray-300"></div><button type="submit" class="w-full bg-red-500 dark:bg-red-600 text-white dark:text-black font-bold py-3 px-4 border-2 border-black dark:border-white active:bg-red-700 dark:active:bg-red-800 uppercase tracking-wider">Post</button></form></div></div>

Componenti correlati

Componente Moduli

Un componente di moduli complesso, reattivo e abilitato al tema scuro per interfacce di social media con un design monocromatico 3D. Utilizza il CSS Tailwind con i prefissi dark: per la modalità scura e include elementi di modulo di esempio.

Aperto

Componente Forme Brutaliste

Un componente web forms progettato con uno stile brutalista caratterizzato da un contrasto elevato e layout insoliti, adatto per l'e-commerce e reattivo con supporto per temi scuri.

Aperto

JobApplicationForm_WatercolorArtistic

Un modulo di domanda di lavoro complesso e reattivo con uno stile di design artistico/acquerello e una combinazione di colori arcobaleno sfumato. Include sezioni per dettagli personali, esperienza, istruzione e caricamento di file, con supporto per la modalità scura, adatto per bacheche di lavoro e piattaforme di carriera.

Aperto