VyUI alpha
Guides

Guides

Background on Lynx, Vue Lynx, and the component libraries built for them — 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.

Lynx UI frameworks

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

What is 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 your phone

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

Testing with Xcode

Build an iOS host that loads your bundle and compiles in native modules.

The 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 rendering

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 rendering

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.