360°-Viewer-Komponente
Eine 360°-Viewer-Komponente im brutalistischen Stil mit hohem Kontrast und ungewöhnlichen Layouts, die dunkle Themen und responsive Designeffekte unterstützen.
HTML-Code
<div class="bg-gray-900 text-white p-8 rounded-lg shadow-lg flex flex-col items-center">
<h2 class="text-3xl font-bold mb-6">360° Viewer</h2>
<p class="text-lg mb-4">Explore the 360° view of the object.</p>
<div class="w-full h-64 border-4 border-white overflow-hidden rounded-lg flex items-center justify-center">
<img src="https://picsum.photos/600/400?random=1" alt="360 View" class="transform duration-500 hover:scale-105"/>
</div>
<div class="mt-6 flex space-x-4">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-12 h-12 rounded-full border-4 border-white shadow-lg"/>
<img src="https://randomuser.me/api/portraits/women/1.jpg" alt="Avatar" class="w-12 h-12 rounded-full border-4 border-white shadow-lg"/>
</div>
</div>Verwandte Komponenten
PastellBrutalist360AssetViewer
Eine einfache, reaktionsschnelle 360° Asset Viewer-Komponente mit einem brutalistischen Designstil und einem pastellrosa Farbschema. Es ist auf Dashboards zugeschnitten und verfügt über einen statischen Bildplatzhalter (der eine 360°-Ansicht simuliert), nicht funktionierende Bedientasten und eine Informationsanzeige. Es wurde mit Tailwind CSS erstellt, unterstützt den Dunkelmodus und präsentiert eine rohe, kräftige Ästhetik mit dicken Rändern und hart versetzten Schatten.
360°-Viewer-Komponente
Eine 360°-Viewer-Komponente, die in einem skeuomorphen Stil mit einem Graustufen-Farbschema entwickelt wurde. Es verfügt über eine mittelkomplexe Schnittstelle, die für Social-Media-Anwendungen geeignet ist und sowohl helle als auch dunkle Themen unterstützt.
360_viewer_component
Eine reaktionsschnelle 360°-Viewer-Komponente, die für CRM-/Business-Tools mit einer Benutzeroberfläche im Dunkelmodus und einem Neon-/Elektro-Farbschema entwickelt wurde.