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

  • Information: First

    Success: Second

    Warning: Third

    Stack

    Nodes one under the other with a gap.

  • Orders

    Stock

    People

    Row

    Columns side by side that stack on narrow screens.

Text and display

  • Bold, italic and code.

    • One
    • Two

    A link

    Markdown

    Safe Markdown rendered on the server.

Navigation

Forms and inputs

  • 0 of 300 characters

    Form

    A form of a model, checked on the server.

  • Format: 12/31/2024. You can also type: today, +3d.

    Format: 2:30 PM. You can also type: now, 930.

    Format: 12/31/2024. You can also type: today, +3d.

    Date pickers

    Date, time and range pickers.

  • Lookup

    Pick a record from a search on the server.

  • percent

    Masked inputs

    Masked, decimal, percent and password inputs.

Data

  • This week

    Sunday

    Nothing planned

    Monday

    • Team stand up09:00
    • Design review14:00

    Tuesday Today

    • Workshop10:30

    Wednesday

    • Release16:00

    Thursday

    • Planning09:30
    • Lunch talk12:30

    Friday

    • Demo day15:00

    Saturday

    • Open house11:00

    WeekSchedule

    Seven day columns of rows from an action.

Media

  • Embed

    A page of another site in a locked frame.

  • Fresh every morning

    Order before nine and it is at your door by noon.

    Hero

    A large image section, with slides that move only when asked.

Feedback and overlays

  • Loading…

    Skeleton

    Placeholder lines while content loads.

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.