04 components3 new, October 17, 2026
Headline
Section headlines with a stats tray, an install command, inline product chips or list filters.
Every headline renders its title as an h2 by default. Pass as="h1" when the headline is the page's main heading, or as="h3" inside a nested section.
Stats Headline
Centered headline with a stats tray below: customer faces, numbers that count up once in view, and a source line.
Transform Ideas into RealityOne block at a time.
Components, blocks and templates that drop into your app and look like they were always there.
Join 100,000+ creators worldwide
- Active Users
- 10k+
- Countries
- 150+
- Success Rate
- 99.9%
Last 30 days, from product analytics. Updated monthly.
Install Headline
Centered headline with the install step right under it. Tabs switch between bun, npm, pnpm and an Agent prompt to paste into a coding agent, the command copies in one click, and the line underneath says what running it does. The last tab picked is remembered for the visit.
Inline Chips Headline
Large headline with small pieces of product UI set inside the sentence: a document, the team's faces, a keyboard shortcut or a deploy status, sized to the type. The faces spread on hover and the status builds once when the headline comes into view. Screen readers get the plain sentence.
Filter Headline
The header of a list section, such as a blog or changelog: a live count beside the title, a View all link, and filters in a tray with a sliding pill. Picking a filter rolls the count and calls onValueChange so the list below can follow.