buttonmobilemenuhamburgerresponsive

Mobile Hamburger Menu Button

Кнопка-гамбургер для мобильной навигации. Адаптивный UI-компонент с эффектами, отображается только на мобильных устройствах.

Live Preview

Prompt

<div class="inline-block">
  <button class="md:hidden inline-flex items-center justify-center rounded-lg
    border p-2 border-gray-800 text-white/80 bg-gray-900/50
    hover:bg-gray-800/70 transition-colors">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4">
      <path d="M4 5h16"></path>
      <path d="M4 12h16"></path>
      <path d="M4 19h16"></path>
    </svg>
  </button>
</div>

All Prompts