Trending Society

@quill

Shows the steps an AI agent is working through — done, running, waiting or failed — with a count in the header and rows that open to show what happened.

AI3 registry deps

AI badge

@quill

A small outline pill with the AI sparkle that marks content an AI made or suggested — "AI draft", "Suggested".

AI2 registry deps

AI button

@quill

A stock Quill button that runs an AI action, marked with the AI sparkle; the label stays plain ink.

Buttons and actions2 registry deps

AI feedback

@quill

Asks what was wrong after a thumbs-down on an AI answer — one reason to choose from a short list, an optional note, and Send — opening under the answer so what is being judged stays in view.

AI4 registry deps

AI message

@quill

An AI's reply in a conversation — the AI mark on its avatar, the answer as plain readable text, and Copy, Try again and thumbs under it. Ships with UserMessage for the person's side.

AI3 registry deps

AI notice

@quill

One quiet line under an AI composer saying the AI can be wrong, with an optional link the app supplies.

AI

AI popover

@quill

An AI suggestion beside the text it is about — what the AI did, the suggested text on a soft AI wash, then Discard, Try again and Replace.

Overlays3 registry deps

AI thinking

@quill

Shows an AI working before its answer — a shimmering "Thinking" with what it is doing — then folds into one quiet "Thought for 8 s" row that opens the reasoning.

AI1 registry dep

Approval card

@quill

Asks before an AI agent acts — an inline card that names the action, shows exactly what will happen, lets people edit it in place, and has a main button that says what it does.

Layout4 registry deps

Citations

@quill

Shows where an AI answer came from — a small chip after each claim, named for its source, that previews it, and an "N sources" list under the answer.

Other2 registry deps

Example: app page

@quill

An example showing how to compose an app page: the sidebar-nav shell wrapping a page-header, then stat-cards, then a data-table — the page leads with what it is about, and the numbers sit inside it.

Navigation4 registry deps

Example: auth page

@quill

An example showing how to compose an auth page: login-split-panel alone at full viewport — one task, nothing competing with it.

Forms1 registry dep

AI mark

Install

Live preview

Registry dependencies0

Packages0

AI mark

Install

Live preview

Registry dependencies0

Packages0

Source

More from @quill, 20 components

The Signal

Install

Live preview

Registry dependencies0

Packages0

Install

Live preview

Registry dependencies0

Packages0

Source

More from @quill20, 20 components

More from @quill, 20 components