Assistant Tabs

A pill-style tab switcher for an AI assistant panel that swaps between chat, voice recording, video, and settings views with animated transitions.

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

import TabsDemo from "@/components/ui/tabs-10";

export default function Preview() {
  return (
    <div className="flex w-full items-center justify-center p-8">
      <TabsDemo />
    </div>
  );
}