vercel-labs/native

Native SDK is a toolkit for building native desktop applications with TypeScript and Native markup. The toolkit compiles app logic and views into a native executable and renders the interface in OS windows. Zig cores and optional embedded web content are also supported.

Native SDK is experimental. Platform capabilities vary, and mobile support is still evolving. See the platform support matrix for current support.

Install the CLI with Node.js 24 or later:

npm install -g @native-sdk/cli

Create and run an app:

native init my_app
cd my_app
native dev

The generated project opens a counter app and includes:

• src/core.ts: the app's model, messages, and update function.
• src/app.native: the view, with layout, bindings, and message dispatch.
• app.json: app identity, windows, permissions, and security settings.

native dev watches markup changes and updates the view while preserving app state. TypeScript core changes rebuild and restart the app. Use native dev --core to exercise core logic under Node.js without opening a window, native check to validate the project, and native build to create a release binary.

The CLI uses a compatible Zig toolchain from your PATH or offers to download the pinned version. See Quick Start for platform prerequisites and the complete workflow.

Events dispatch typed messages to update, which returns the next model and any effects. The view derives its content from the model. Filesystem access, network requests, and other external work run through effects and TypeScript services.

App cores use a checked TypeScript subset and compile to native code. To write a Zig core instead, create the project with native init my_app --template zig-core. See App Model and TypeScript Cores.

The Soundboard example rendered by the Native SDK engine. More apps are in examples/:

• Chatbot: streaming responses, text editing, and TypeScript effects.
• Soundboard: audio playback, search, assets, and context menus.
• System monitor: subprocess effects, tables, charts, and timers.
• Calculator: markup, keyboard input, and theming.

See the example catalog for additional apps and their authoring languages.

• Quick Start: installation and your first app.
• Native UI: markup, layout, and bindings.
• Components: the built-in component catalog.
• TypeScript Services: external work outside the core.
• Testing: headless app tests and runtime integration.
• Automation: inspect and drive a running app.
• Packaging: create distributable packages.

See CONTRIBUTING.md for repository setup and local checks. For larger changes, open an issue to discuss the design first.

Apache-2.0