Social Selector

An animated social platform selector that toggles between X, Bluesky, and Threads with a sliding pill and blur-transitioned handle link.

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

import SocialSelector from "@/components/ui/social-selector";

export default function SocialSelectorDemo() {
  return (
    <div className="flex min-h-[300px] w-full items-center justify-center p-6">
      <SocialSelector />
    </div>
  );
}