Componentes Navegación de migas de pan Componente de navegación de migas de pan brutalistas

Componente de navegación de migas de pan brutalistas

Componente de navegación de migas de pan brutalista para carteras con combinación de colores vibrantes y diseño complejo, con diseño receptivo y compatibilidad con modo oscuro.

Vista previa

Código HTML

<nav class="text-sm font-mono">
  <ol class="list-none p-0 inline-flex">
    <li class="flex items-center">
      <a href="#" class="text-blue-500 dark:text-teal- गलती this looks like a typo, will fix to something like: dark:text-teal-300 hover:underline">Home</a>
      <svg class="fill-current w-3 h-3 mx-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 67.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>
    </li>
    <li class="flex items-center">
      <a href="#" class="text-blue-500 dark:text-teal-300 hover:underline">Projects</a>
      <svg class="fill-current w-3 h-3 mx-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 67.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>
    </li>
    <li>
      <span class="text-purple-700 dark:text-pink-400 font-bold">Current Project</span>
    </li>
  </ol>
</nav>

Componentes relacionados

Retro_Vintage_Corporate_Blue_Breadcrumb_Navigation

Un componente de navegación de migas de pan simple y receptivo con una estética retro/vintage, utilizando tonos azules corporativos, diseñado para plataformas educativas. Incluye soporte para modo oscuro.

Abrir

Paper_Jewel_Tone_Breadcrumb_Navigation

Un complejo componente de navegación de migas de pan inspirado en papel / impresión con tonos joya, adecuado para sitios web de consultoría / servicios. Cuenta con elementos ricos e interactivos y admite una capacidad de respuesta completa y el modo oscuro.

Abrir

Componente de navegación de ruta de navegación

Componente de navegación de migas de pan con diseño de skeuomorfismo, combinación de colores monocromática y complejidad simple para fines de tablero, con tema oscuro

Abrir