Live preview · real tokens, not a screenshot
When to pick it
Deliberately utilitarian. Square corners, tight spacing and no decoration, for operations tooling where the widget sits next to tables and logs and should look like part of the same instrument.
How it is built
Every radius is zero and vertical rhythm is 4px rather than 8px. Density is a design decision here, not an oversight.
Accessibility
12.6:1. Rows stay 32px tall — below comfortable touch size, which is why this one is desktop-oriented and says so.
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
- Operations
- Logistics
- Monitoring
- Back office
Source code
Take Steel 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.
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.