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

    286
  • Navbar

    Navbar

    1
  • Tabs

    Tabs

    34
  • Oversized 404 Numeral

    Oversized 404 Numeral

    57
  • Sidebar

    Sidebar

    348
  • Breadrcrumb

    Breadrcrumb

    8
  • Pagination

    Pagination

    91
  • Pagination

    Pagination

    15