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.

Text and display

  • Ada Lovelace

    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.

    1. Created

    2. Approved

      by the manager

    3. Shipped

    Timeline

    Events in order, each with a tone.

  • Bold, italic and code.

    • One
    • Two

    A link

    Markdown

    Safe Markdown rendered on the server.

  • RelativeTime

    A moment shown as "5 minutes ago" in the page language.

Navigation

Forms and inputs

  • 0 of 300 characters

    Form

    A form of a model, checked on the server.

  • Lookup

    Pick a record from a search on the server.

Data

    • Loading…

    Tree

    Branches loaded from the server as they open.

  • 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

  • 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

  • Popover

    A button that opens a small panel.

  • Busy

    An overlay while a slow action runs.