An atomic component system that crosses platforms

Atoms compose into molecules, molecules into organisms — and every one of them renders natively on web, iOS and Android from a single authored tree. Change one, and all three platforms change with it.

Molecules

Atoms with a job. A molecule holds other components rather than strings, which is where composition starts paying for itself.

SduxBanner

SduxAccordion

What's on the wire?

A typed tree. Every node is a component from one library.

Where does the state live?

The authored default ships. What you open after that is yours.

Card

An SDUX illustration

A card

A title, a body, an image and a link — the contract requires all four.

Open

ImageCarousel

ImageSpread

An SDUX illustration
An SDUX illustration

Cta

Become a member

One title, one subtitle, one link — and no way to author a second button.

JOIN

DescriptionList

Web
Heex
iOS
SwiftUI
Android
Compose

OrderedList

  1. · Author the tree

  2. · Serve it typed

  3. · Render it natively

UnorderedList

SduxDates

Sat 12 Sep 19:00
Sun 13 Sep 19:00

SduxAppInfo

server
0.1.0
api
2.0.0

Three that can't be shown here

A component map should say what it cannot show as clearly as what it can. These are molecules the contract carries and this page structurally cannot hold — not omissions, and not components that are missing something.

HeroHeader
A header_item. It is the top of a page, not a thing on one.
TitleHeader
Likewise — see the top of this page, which is one.
Photo
Only exists inside a PhotoGallery, which is where its lightbox is.