Bento

Bento Pipeline

Pronew

A URL, a passing check and a terminal command joined by a line that draws itself.

preview.yourapp.dev/pr-482

Auto deploy

Push to main and walk away. Previews, checks and production happen in order.

Installation

npx shadcn@latest add @blank-pro/bento-pipeline

Needs a Blank Pro licence key and the @blank-pro registry. Set up Pro access

Usage

import { BentoPipeline } from "@/components/ui/bento-pipeline"
<BentoPipeline url="preview.yourapp.dev/pr-482" command="deploy --prod" />

The pieces arrive in the order the work happens: the URL, the line, the check, the terminal, then the command types out. Hovering the card sends a pulse of the card's --bento-light down the line.