Trending Society

Breadcrumb | UI components | Trending Society

More from @0nlytype, 842 components

All @0nlytype

Accordion component
@0nlytype
Questions you open. Ruled off, with a plus that winds into a cross as the question swells into a heading; or run in with their answers like a book's paragraphs; glossed in the outer column; or stood side by side as columns that widen.
1 registry dep
Activity feed component
@0nlytype
A history of what happened, grouped by day: who, what, and a dotted leader to when, on one hairline down the margin. The newest carries the accent; the rest waits behind "and 4 more".
5 registry deps
Agent chat component
@0nlytype
Talk to an agent. Its words are roman and yours arrive in italic; it asks before it acts, in a question you must answer, and it tells you what it is doing as a sentence that inks in.
11 registry deps
Agent state component
@0nlytype
Where an agent is, in one quiet line: a ring, a breath, a round, the accent disc or an ink disc, and the word for it.
3 registry deps
Alert component
@0nlytype
A double bar: in a score, the sign that something changes here.
2 registry deps
Appearance component
@0nlytype
Choose the look: scheme, key and type pair as three lists of picks, and the answer written back as one sentence, “Cotton, in ultramarine, set in Archivo and Bodoni.”, which the night toggle finishes. The new page opens as a circle from whatever you touched.
3 registry deps
Area chart component
@0nlytype
Volume as a barcode: no fill, only hairlines dropped from the line to the baseline at a close, even rhythm.
2 registry deps
Aspect ratio component
@0nlytype
A frame kept to a ratio and marked the way a printer marks a crop: short lines outside each corner, never a border.
1 registry dep
Attachment component
@0nlytype
A file's extension is its picture; a ring counts it in and fills to a dot when it's safe.
2 registry deps
Avatar component
@0nlytype
A person is a ring and their initial, in italic, since a name is theirs; or a monogram of both initials; or the given name set to fill one width.
1 registry dep
Badge component
@0nlytype
The one rounded shape: a hairline pill for a tag or a status; or tags written as one list in the italic; or a seal with its legend set round a ring.
1 registry dep
Button component
@0nlytype
One family of three (a statement in an ink block, a bracket that steps apart, a quiet line that redraws), four heroes for the big call to action (overture, crescendo, stave and ink), and two measures: space and repeat. Nothing moves its neighbours.
2 registry deps · 1 package

Breadcrumb

Install

Live preview

Registry dependencies1

Packages1

Breadcrumb

Install

Live preview

Registry dependencies1

Packages1

Source

More from @0nlytype, 842 components

The Signal

Install

Live preview

Registry dependencies1

Packages1

Install

Live preview

Registry dependencies1

Packages1

Source

More from @0nlytype842, 842 components

More from @0nlytype, 842 components