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
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | 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