Live preview · real tokens, not a screenshot
When to pick it
Forest Inline for dark pages. Same argument, opposite ground — sits in the article rather than above it.
How it is built
Framed on all four sides by a single hairline with no fill change, so it reads as a quoted region rather than a card.
Accessibility
13.1:1. Inherits the document tab order.
Every design in this gallery states that it is an AI assistant at the start of the conversation and honours prefers-reduced-motion. Neither is configurable, because both are obligations rather than preferences.
Good fit for
- Dark docs
- Developer blogs
- Changelogs
Source code
Take Noir Inline anywhere.
You can deploy this design through ChatBrace on any plan, including the free trial — that never changes. A paid plan also gets you the standalone HTML, CSS and JavaScript for it, to drop into a project of your own with or without ChatBrace behind it.
Seven designs ship their source to everyone, no account needed.
Other inline embed designs
Put it on your site
before you finish your coffee.
A hundred free messages, no card, and a playground to try it in before you touch a single line of your own markup.