A2UI on E-Commerce with Lynx: Exploring Themed A2UI with TikTok Shop and Tokopedia

[jonathanfilbert]

🧪 A2UI in the Wild: Real E-Commerce Design Systems on Lynx

Originally shared on X (@jonathanfilbert):

A2UI on @LynxJS_org has me genuinely excited. Forked the playground and brought in design systems
from the e-commerce world — @TikTokForDevs and @tokopedia — rebuilt the components in both flavors,
and wired a theme toggle so you can switch the entire UI on the fly.

---

Originally shared by Lynx (@LynxJS_org):

🤖 Agents reason. 🐈‍⬛ Lynx renders. We're releasing our #A2UI renderer, bringing Agent-driven
generative UI natively across Mobile, Web, and Desktop. Read our blog post and try it in our
GenUI playground.

---

What I built

Earlier this year, @lynx-family was added as an official renderer for A2UI — enabling generative UI
to run natively across web and mobile via the Lynx engine. You can find it here:
https://github.com/lynx-family/lynx-stack/tree/main/packages/genui

Building on that, we've been experimenting at TikTok and Tokopedia with themed GenUI —
forking the A2UI playground and re-skinning it with two distinct e-commerce visual languages
to see how far AI-rendered UI can go with real-world brand styling, not toy components:

• Coupon Detail
• Favorite Shop
• Share Sheet
• Login Page
• Store Unavailable
• Home Loading
• Return Policy Sheet

All rendered at runtime by the AI. A theme toggle lets you switch the entire UI between both
design systems on the fly. What you see in the demos isn't a mockup — it's a real Lynx app
running on web and mobile simultaneously, generating different UI at runtime.

---

Case Gallery: TikTok Shop vs. Tokopedia

Case	TikTok Shop	Tokopedia	Case	TikTok Shop	Tokopedia
Store Unavailable			Share Sheet
Coupon Detail			Login Page
Favorite Shop			Home Loading
Return Policy Sheet

---

Demo 1 — E-Commerce: TikTok Shop & Tokopedia design systems

genui-v2.mov

---

Demo 2 — Counter App: zero pre-programmed logic

genui-demo-2.mov

You click. Signal goes to the Agent. Agent reasons. UI updates.
No designer. No engineer. No sprint.

---

Why this matters

What used to require a designer, an engineer, and a full sprint — A2UI turns into an
AI-native workflow: prototyping, interactive UI, agentic flows. Your next app is just
a prompt away.

---

Links

• 🔗 Lynx stack: https://github.com/lynx-family/lynx-stack
• 🎮 A2UI Playground: https://github.com/lynx-family/lynx-stack/tree/main/packages/genui/a2ui-playground

---

Brand Note

The TikTok Shop and Tokopedia visual styling shown here is based on each company's public brand
resources:
TikTok Brand Hub | Tokopedia Brand Assets

---

Huge kudos to the Lynx team for the support —
@Huxpro
@gaoachao