Quarterly Roadmap Columns

A product roadmap section laid out as four quarterly columns of feature cards, each tagged with a category badge and a color-coded shipped, in-progress, or planned status.

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

import RoadmapBlock from "@/components/ui/roadmap-4";

export default function RoadmapDemo() {
  return <RoadmapBlock />;
}