VyUI alpha
Guides

Guides

Background on Lynx, Vue Lynx, and the component libraries built for them, giving the context around Vy UI rather than its API.

These pages cover the ecosystem Vy UI sits in rather than Vy UI itself, from what Lynx is through to the engine constraints that break styling on a device. If you already know Lynx and have settled on Vue with it, the component documentation and Getting Started will get you further.

Building a native app?Sparkling is an easy default for most Vue Lynx apps. It ships containers, routing, native bridge, and a dev workflow so you can avoid wiring a custom iOS or Android host.

Sparkling

TikTok's native shell for Lynx — the easiest path for most Vue Lynx apps.

Why Vy UI

What a component library is worth on Lynx, and the three ways to consume this one.

Lynx UI frameworks

Every component library available for Lynx today, what each ships, and which framework it binds to.

Vue Lynx

How Vue renders to native iOS, Android, and web through Lynx, and what changes in your code.

Lynx vs React Native

Threading, styling, framework support, and ecosystem maturity compared.

Testing on device

Run your app on a real device with Lynx Go, and the config that has to be right first.

Testing with Xcode

Building a custom iOS host. If you need full control or a minimal footprint, building your own host is a valid option.

rspeedy dev server

The three dev URLs, and cycling the QR code between entries and schemas.

Tailwind on Lynx

Why Lynx is pinned to Tailwind v3, and running v3 and v4 in one repo.

Theming on Lynx

The engine constraints behind every theme decision, and what breaks silently.

Instant first frame

Painting the first screen before the background thread boots, and what it costs.

useForwardProps

Merge a component's default, explicitly-assigned, and reactive props into one forwardable object.

Instant first frame

Vue Lynx 0.5 can render your first screen on the main thread before any background JavaScript runs, which removes the blank frame at launch. The flag, the rules your components have to obey, and what it costs.