KokonutUI Logo

NV-03NavigationUpdated, October 14, 2026

Swipe Tabs

Tabs with a swipeable panel, a drag-tracked indicator and spring physics.

Install with
motion, lucide-react

PRODocs Search and more like it are in Kokonut UI Pro

Installation

Swipe Tabs is a free, open-source React component in the Kokonut UI Navigation collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/smooth-tab.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/smooth-tab

Usage

import SmoothTab from "@/components/kokonutui/smooth-tab";

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

Dependencies

Built with React, Tailwind CSS, motion and lucide-react.

On this page

No Headings