Hamburger 3D
Bars zoom out in 3D space then return forming a forward arrow shape
Configuring your account...
Please wait while we prepare everything for you
Usage
import { Hamburger3D } from "@/components/bynanaui/hamburger-3d";
export function Hamburger3DDemo() {
return <Hamburger3D onChange={(isOpen) => console.log(isOpen)} />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Additional CSS classes |
| onChange | (isOpen: boolean) => void | - | Callback when state changes |
##Features
- 180-degree 3D Y-axis flip
- Transforms into plus/cross sign
- Vertical and horizontal bars
- Blue-cyan-teal gradient
- 3D perspective effects