About
A tabbed package-manager switcher with a skewed, italic-style tab shape for showing install command variants like pnpm, npm, yarn, and bun.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Skewed Tabs to your project and fits it to your theme.
Code
How Skewed Tabs is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import TabSkewedDemo from "@/components/ui/tabs-12";
export default function Tabs12Demo() {
return (
<div className="flex w-full items-center justify-center p-10">
<TabSkewedDemo />
</div>
);
}
















