KokonutUI Logo

CD-01CardsUpdated, October 14, 2026

Flick Card

A two-sided card you spin with a drag or a flick, with thickness, light and a floor shadow that follow the angle.

Install with
no extra packages

PROOnboarding Checklist and more like it are in Kokonut UI Pro

Installation

Flick Card is a free, open-source React component in the Kokonut UI Cards collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/card-flip.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/card-flip

Usage

import CardFlip from "@/components/kokonutui/card-flip";

export default function Example() {
  return <CardFlip />;
}

Dependencies

Built with React and Tailwind CSS.

On this page

No Headings