NEW
A glass drop magnifies the tab under it, stretches between tabs and bursts into the player.
Catalogue
A chat composer for AI apps. Type and the prompt arcs up into a message bubble while the composer shrinks into a Thinking pill. The answer card grows up out of that pill, streams its text with a highlight on the newest words, and builds a bar chart with a callout. Sources and follow-up chips land under it and the composer opens again for the next question. Real form with a labelled field, Enter to send, an onSubmit prop for your model call, and a polite live region for the answer.
- React + Tailwind (TSX)
- Next.js App Router ready
- PROMPT.md
- HTML, also included
Install
- One command
npx shadcn@latest add "https://qodesign.dev/r/prompt-bloom.json?key=YOUR_KEY"Your key comes with the order. Works in any shadcn project, Next.js App Router included. - Or copy it inThe zip has
react/src/components, ready for Next.js ("use client" included). - Or ask your AIPaste PROMPT.md into Cursor, Lovable or v0.
What it does
- Prompt lifts into a message bubble on send
- Composer shrinks into a Thinking pill with a running border light
- Answer card blooms out of the pill and streams word by word
- Bar chart builds with a callout, then sources and follow-up chips
- onSubmit prop for your model call; all text from one data file
- Stack
- React · TypeScript · HTML version
- Released
- Licence
- Personal and client projects. Licence
Came from Instagram? The reel keyword was BLOOM.
Keep browsing
All 16NEW
A sign-in page in the dark: a desk lamp finds each field and floods the screen when you sign in.
NEW
Products fly into the cart as discs; open it and they unfold into line items.
NEW
Arcs spin around six chunky cells, merge into one check, and the blurred dashboard behind them unlocks.
NEW
Your card becomes the receipt: it splits, unrolls into paper and gets stamped PAID.
NEW
A whole SaaS app you drive from ⌘K: rows stretch into pages, coins fly into the total.
Prompt Bloom
$3