Styled Radio Group

A set of decorative radio-group variants (segmented, card, pill, dot, icon) with animated selection indicators for building custom option pickers and settings toggles.

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

"use client";

import RadioGroupStyled from "@/components/ui/radio-group-styled";

export default function RadioGroupStyledDemo() {
  return (
    <div className="flex items-center justify-center p-10">
      <RadioGroupStyled />
    </div>
  );
}