Hamburger Wave

Bars wave up and down in sequence, then spiral outward with 360° rotation

Configuring your account...

Please wait while we prepare everything for you

Usage

import { HamburgerWave } from "@/components/bynanaui/hamburger-wave";

export function HamburgerWaveDemo() {
  return <HamburgerWave onChange={(isOpen) => console.log(isOpen)} />;
}

Props

PropTypeDefaultDescription
classNamestring-Additional CSS classes
onChange(isOpen: boolean) => void-Callback when state changes

Features

  • Wave bounce before scattering
  • Bars scatter to corners
  • Forms circular/triangle pattern
  • Orange-red-pink gradient
  • Glassmorphism overlay