Khoa Phan

Flipped Menu

Navigation

About

Flipped Menu brings a playful twist to navigation. When opened, the menu flips into view with a smooth 3D effect, like turning over a card. It adds a touch of depth and surprise that makes exploring your site feel a little more engaging.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Flipped Menu to your project and fits it to your theme.

Code

How Flipped Menu is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { FlippedMenu } from "@/components/ui/flipped-menu"

function FlippedMenuDemo() {
    return <FlippedMenu/>
}

export default {
    FlippedMenuDemo,
}

Dependencies

More by Khoa Phan

View all
  • Momentum lines

    Momentum lines

    31
  • Tiles Background

    Tiles Background

More in Navigation

View all
  • Sidebar

    Sidebar

    231
  • Tabs

    Tabs

    60
  • Progress Bar Stepper

    Progress Bar Stepper

    36
  • Newsletter Signup Footer

    Newsletter Signup Footer

    15
  • Footer 2

    Footer 2

    200
  • Navbar with Theme Toggle

    Navbar with Theme Toggle

    43
  • Numberless Pagination with Text

    Numberless Pagination with Text

    11
  • Navbar

    Navbar

    71