Vesk Native

`@vesk/native-compiler` translates `.vsk` files (Markup + Tailwind + scripts) into native Kotlin/Compose Android apps. No Android Studio needed: the compiler walks the same `@vesk/compiler` IR the web compiler produces and emits readable Kotlin source using Jetpack Compose with Material 3 defaults. Every generated artifact — code, manifest permissions, assets — is derived from what the app's `.vsk` pages actually use, never copied wholesale.

Packages

One source, Kotlin output

									
										export component About {
  <div class="max-w-3xl mx-auto px-4 py-14">
    <h1 class="text-3xl font-semibold text-ink">About Vesk</h1>
    <p class="text-muted">Some text here.</p>
  </div>
}
									
								

The compiler emits each component as a `@Composable` function plus a generated props data class. Tailwind classes become Compose `Modifier` chains and `TextStyle`s; block elements fill the parent width in column flow like the web.

									
										@Composable
fun About(props: AboutProps = AboutProps()) {
  Column(
    modifier = Modifier.widthIn(max = 768.dp).padding(horizontal = 16.dp).padding(vertical = 56.dp),
  ) {
    Text(
      text = "About Vesk",
      modifier = Modifier.fillMaxWidth(),
      style = TextStyle(fontSize = 30.sp, lineHeight = 36.sp, fontWeight = FontWeight.SemiBold),
    )
    Text(
      text = "Some text here.",
      modifier = Modifier.fillMaxWidth(),
    )
  }
}
									
								

The native docs

• Getting started — scaffolding, the toolchain, project layout, and the build/dev commands.
• Config — the full `veskconfig.ts` reference: identity, SDK levels, theme, back handling, deep links, media, permissions, signing, and bundling.
• Routing — file-based routes in `app/`, manual routes, dynamic segments, and the navigation API.
• Device APIs — the `device.*` surface, tangible elements, and how permissions are derived from usage.
• Web API mappings — fetch, storage, sqlite, auth, and web-platform constructs and their native equivalents.
• Framework components — Link, NavLink, Outlet, PullToRefresh, SwipeToDismiss, and CardStack.
• Motion — `motion.animate()` and friends mapped to Compose.
• Libraries — the `libraries.json` system and `vesk add/install/update/remove`.
• Dev modes — on-device fast reload, the desktop JVM preview, and the web preview shim.
• Signing & bundling — release packaging for Android (AAB/APK) and iOS (.ipa).
• Compiler — the `compileVsk` surface and Kotlin codegen behavior.
• CLI reference — every `vesk-native` command and flag.