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

  • Orders

    Stock

    People

    Row

    Columns side by side that stack on narrow screens.

  • A sturdy notebook with 120 pages.

    Tabs

    Panels behind a tab list, loaded the first time they open.

  • Orders

    Stock

    People

    Invoices

    Reports

    Settings

    AutoGrid

    As many columns as fit the width.

Navigation

Data

  • New arrivals

    • Field notes 101₺91.69
    • Garden trowel 102₺170.88
    • Fern 103₺250.07
    • City atlas 104₺329.26
    • Hand saw 105₺408.45
    • Olive tree 106₺487.64
    • Cookbook 107₺566.83
    • Tape measure 108₺46.02
    • Cactus 109₺125.21
    • Poetry 110₺204.40
    • Pliers 111₺283.59
    • Bamboo 112₺362.78

    Rail

    A row of cards that scrolls sideways.

    • 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

  • No orders yet

    Orders you place show up here.

    EmptyState

    What a list shows when it has nothing.

  • Busy

    An overlay while a slow action runs.

  • Reactions

    Reaction buttons with counts stored by an action.