Bento

Bento Prompt

Pronew

An AI prompt box with its mode menu open and a cursor choosing a mode.

Think as hard as the question

A quick answer for a quick question, a deep pass when it matters. Switch modes without leaving the prompt.

Installation

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

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

Usage

import { BentoPrompt } from "@/components/ui/bento-prompt"

<BentoPrompt
  placeholder="Ask anything…"
  selected={2}
  modes={[
    { label: "Quick answer", icon: <ZapIcon /> },
    { label: "Balanced", icon: <ScaleIcon /> },
    { label: "Deep think", icon: <BrainIcon /> },
  ]}
/>

The menu opens and the cursor glides to selected once the card is in view; the trigger already shows that mode, so the frame reads the same with motion off. Hovering the card moves the cursor and highlight to the next mode. Keep the list to four or five modes so the menu stays on the stage.