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

    35
  • Tiles Background

    Tiles Background

More in Navigation

View all
  • Sidebar

    Sidebar

    354
  • Navbar with Theme Toggle

    Navbar with Theme Toggle

    57
  • Pagination

    Pagination

    34
  • Pagination with Ellipsis

    Pagination with Ellipsis

    20
  • Oversized 404 Numeral

    Oversized 404 Numeral

    71
  • Sortable Sidebar Navigation

    Sortable Sidebar Navigation

    73
  • Navbar

    Navbar

    8
  • Breadcramb

    Breadcramb

    41