Vue Lynx Template

Lynx is ByteDance’s framework for building native mobile apps. Vue Lynx is still in alpha — I would not bet a commercial product on it yet. The template gives you a ready entry point: Vue 3, Rspeedy, a router, and an Android build.

Setup

Scaffold with my Stack tool:

npx @davidaganov/stack

yarn dlx @davidaganov/stack

pnpm dlx @davidaganov/stack

bunx @davidaganov/stack

Why

Lynx lets you write apps on a familiar stack (Vue, TypeScript, Tailwind) and compile them to a native APK. This is not WebView — rendering is native, without an in-app browser engine.

Setting up Lynx means dealing with a few moving parts: Rspeedy instead of Vite, Lynx Explorer for on-device preview, and the Android SDK for final builds.

What’s inside

Base stack: Vue 3, Rspeedy, vue-lynx, Vue Router, TypeScript, ESLint + Prettier.

Optional features:

• Pinia — state store
• i18n — custom i18n layer for Lynx + Polyglot Keeper to sync translations
• Tests — Vitest + Vue Test Utils

Development flow

Run npm run dev — Rspeedy starts the dev server and shows a QR code. Open Lynx Explorer on your phone, scan it, and the app appears on the device.

For a release build you need JDK 17 and the Android SDK:

npm run build:android

Output: .apk under android/app/build/outputs/apk/debug/.

Bottom line

Use it if you want to try Lynx and ship a mobile app on Vue 3.