Message

One turn in a thread: an avatar at its foot, the words in parts with six fills from primary to unframed ghost and reactions on the edge, and a footer with the time and a row of actions that shows on hover.

Full screen

01Preview

Is a model picker a menu or a select?

Claude

A select. A menu runs an action and closes; a select holds a value and shows it on the trigger — which is what a model picker does, even when it opens like a menu.

2:32 PM

Show me every variant.

Yours is the primary fill. This one is secondary.

👏👍

Tinted when it should catch the eye.

Outline when a border is enough.

Ghost drops the frame, so a reply can read as the page.

Couldn't send that last one.

02Installation

npx shadcn@latest add https://aiellie.app/r/message.json