← All components

Inputs & controls

Sliding Tabs

A tab switcher with a sliding background pill and content crossfade

Preview

Props

Zero required props, every option typed with a sensible default.

Bakes #6366f1 directly into the copied source — self-contained.

Install

npx shadcn@latest add https://flux-ui.pro/r/sliding-tabs.json

Source

components/ui/sliding-tabs.tsx

Sign in to reveal the source. Free accounts get 10 a day.

AI prompt

AI prompt

Sign in to reveal the prompt. Free accounts get 10 a day.

Paste this into Cursor, Claude, or any AI editor to drop the component in.