Skip to content

Components

Every component of the Zeyn framework, running live. Open one to see its examples, the code that builds them and its API.

Layout

Shipping
Orders placed before noon leave the same day.
Card
A bordered box with an optional title.

Text and display

Every order ships within two working days.
Prices include tax.
Paragraph
A paragraph of escaped text, normal or quiet.

Navigation

PreviousBreadcrumb NextAlphaIndex
PrevNext
Links to the previous and the next item.
- A
- B
- C
- D
- E
- F
- G
- H
- I
- J
- K
- L
- M
- N
- O
- P
- Q
- R
- S
- T
- U
- V
- W
- X
- Y
- Z
- #
AlphaIndex
A letter bar from the user's alphabet.
Help center (external site)
Website (external site, opens in a new tab)
ExternalLink
A link that leaves the app safely.

Data

Team
Nothing to show.
List
Rows with an image, a title and meta text.
Search components
SearchBox
A search field with suggestions.

Media

Image
A picture with required alt text and size.

Feedback and overlays

Information: A new version is available.
Warning: Stock
Three products are low on stock.
Alert
A message in a tinted box.

Shell

Toolbox
A group of tool buttons, one selected.
Ready
UTF-8
StatusBar
A bar of short status texts.