Brutalist Social Navigation
A simple, brutalist navigation component for social media with complementary colors. Includes responsive design and dark mode support.
HTML Code
<nav class="bg-blue-300 dark:bg-orange-700 p-4"> <ul class="flex justify-between"> <li><a href="#" class="text-blue-800 dark:text-orange-200 text-xl font-bold">Profile</a></li> <li><a href="#" class="text-blue-800 dark:text-orange-200 text-xl font-bold">Feed</a></li> <li><a href="#" class="text-blue-800 dark:text-orange-200 text-xl font-bold">Messages</a></li> </ul></nav>Related Components
Navigation Components Component
A responsive navigation component with dark mode support using Tailwind CSS. It includes a logo, navigation links, and a call-to-action button.
Retro E-commerce Navigation Bar
A retro/vintage-styled grayscale navigation component for e-commerce, featuring moderate complexity with interactive elements like hovers and dropdowns. It is responsive and includes dark mode support using Tailwind CSS.
Skeuomorphic Navigation
A simple, responsive navigation component with Skeuomorphic design, analogous color scheme suitable for social media applications, with dark theme support.