Built for the whole release

Six capabilities that cover the path from commit to customer.

Preview environments

Every pull request gets a full stack with seeded data and its own URL.

Learn more →

Time-travel debugging

Replay any request against the exact build and config that served it.

Learn more →

Progressive rollouts

Ship to 1% of traffic, watch the error budget, promote or revert.

Learn more →

Typed configuration

Schema-checked settings that fail the build, not the deploy.

Learn more →

Cost attribution

See spend per service, per branch, per customer — before the invoice.

Learn more →

Policy guardrails

Block a risky change at review time instead of explaining it later.

Learn more →
">

The prompt

Create a horizontally scrolling feature carousel with Tailwind CSS. The header row holds a title and subline on the left and two round arrow buttons on the right, hidden below sm. The track is a flex row with snap-x snap-mandatory, overflow-x-auto, scroll-smooth and a hidden scrollbar; each card is a shrink-0 snap-start article about 85% wide on mobile, 45% on sm and 31% on lg, with a rounded icon tile, a title, two lines of copy, and a subtle "Learn more →" link. Add an empty dots container under the track. Then add JavaScript that measures the first card plus the gap to scroll exactly one card per arrow press, builds one dot per card and marks the nearest one active as the track scrolls, lets a dot click jump to its card, fades out an arrow when the track is at either end, and recalculates on resize so the maths survives a breakpoint change.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? .

More features / bento prompts

All Features / Bento prompts →