Pill Sorter

An interactive isometric illustration of a seven-day pill organizer that fills Monday through Sunday and counts the dose completed on its screen when pressed.

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

import PillSorter from "@/components/ui/pill-sorter";

export default function PillSorterDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background p-8">
      <div className="w-full max-w-sm">
        <PillSorter />
      </div>
    </div>
  );
}