Smooth Tab

Animated tab switcher with sliding background indicator and smooth content transitions

Models

Choose the model you want to use

import SmoothTab from "@/components/vritti/smooth-tab"

export function SmoothTabExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <div className="w-full max-w-md">
        <SmoothTab />
      </div>
    </div>
  )
}

Installation


pnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/smooth-tab"

Dependencies


pnpm add motion