Photographs that drift as you scroll
Headings that settle in
A design language shown as a specimen. The eyebrow, heading, traits and button settle in one after another, and four characters change how all four of them are drawn.
Turn the props on the right; the snippet under them is what you would write to get what you see.
Photographs that drift as you scroll
Headings that settle in
import { Editor51 } from "@/components/beste/component/editor51";
<Editor51
setName="Altair"
heading="Calm, photographic, serif"
traits={["Photographs that drift as you scroll","Headings that settle in"]}
buttonLabel="See the set"
/>The import and the props worth knowing about, in one place.
import { Editor51 } from "@/components/beste/piece/editor51";
<Editor51
surface="card"
bordered={true}
inverted={false}
setName="Altair"
heading="Calm, photographic, serif"
traits={[
"Photographs that drift as you scroll",
"Headings that settle in"
]}
buttonLabel="See the set"
character="serif"
stepMs={260}
/>Document outline with colored kind tiles for class, function, method, and prop. Depth-indented with an active row.
Text with a primary-tinted highlight and a floating dark pill showing character and word counts.
The fields that turn a page into a post, filling themselves in one row at a time and finishing on the tags, with the draft state held at the top throughout.
Everything that shapes a section but is kept off the page itself, with a soft highlight travelling down the rows to show each one is a live control.