Expanding Tabs

A monochrome pill-shaped tab bar where the active tab morphs into a labeled pill while inactive tabs collapse into icon-only circles, useful for a mail client, dashboard, or settings switcher.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Expanding Tabs to your project and fits it to your theme.

import ExpandingTabs from "@/components/ui/expanding-tabs";

export default function ExpandingTabsDemo() {
  return <ExpandingTabs />;
}