Components
Every component of the Zeyn framework, running live. Open one to see its examples, the code that builds them and its API.
Layout
Text and display
Every order ships within two working days.
Prices include tax.
Paragraph
A paragraph of escaped text, normal or quiet.
- PaidOverduePendingNewDraft
Badge
A short status label in a tone.
Avatar
A picture of a person or their initials.
- Code
- P-001
- Name
- Field notes 101
- Kind
- Book
- Price
- ₺91.69
DescriptionList
Label and value pairs of a record.
Show the answer
Water at about 80 degrees and two minutes of steeping.
Spoiler
Content hidden until the reader opens it.
RelativeTime
A moment shown as "5 minutes ago" in the page language.
Navigation
Breadcrumb
The trail of links to the current page.
PrevNext
Links to the previous and the next item.
AlphaIndex
A letter bar from the user's alphabet.
MenuButton
Drop down and split buttons with actions.
MenuBar
A menu bar of commands.
Forms and inputs
Controls
Radio buttons, segmented buttons and switches.
Lookup
Pick a record from a search on the server.
Masked inputs
Masked, decimal, percent and password inputs.
Rating
A whole number from 1 to N shown as stars.
ActionButton
A button that runs an action.
Data
SearchBox
A search field with suggestions.
This week
Sunday
Nothing planned
Monday
- Team stand up
- Design review
Tuesday Today
- Workshop
Wednesday
- Release
Thursday
- Planning
- Lunch talk
Friday
- Demo day
Saturday
- Open house
WeekSchedule
Seven day columns of rows from an action.
Media
Image
A picture with required alt text and size.
Feedback and overlays
Charts
Sales - 2025
- 2026
Show data
Data for Sales 2025 2026 Jan 120 131 Feb 98 122 Mar 143 150 Apr 160 171 May 151 166 Jun 189 204 Chart
Bar, donut, combo and gauge charts.
Revenue
184,250
Up 12.4% from the previous period
Target 200,000, 92% reached
Average wait
6.5 min
Down 9.0% from the previous period
Kpi
A number with its change and trend.