Context Stack Dropdown

A nested, searchable dropdown built on shadcn with Swiper-powered transitions. It supports push/pop context navigation in a single menu surface.

Micro InteractionReactSwiperFramer Motion

CSSshadcn

Manual

Create a file and paste the following code into it.

src/scroll-grid-demo.tsx

import { ContextDropdownMenu } from "./components/ui/context-dropdown-menu";

export default function ScrollGridDemo() {
  return (
    <div className="flex h-dvh w-full items-center justify-center p-8">
      <ContextDropdownMenu />
    </div>
  );
}