About
A selectable feature grid where clicking a step cell (Build, Test, Deploy, etc.) reveals its sample settings in a details panel below, useful for showcasing a pipeline or workflow catalog on a landing page.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Step Catalog Bento to your project and fits it to your theme.
Code
How Step Catalog Bento is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import Feature09 from "@/components/ui/feature-09";
export default function Feature09Demo() {
return <Feature09 />;
}
















