# native | Vercel Labs | Knowledge Base | Instagit

Toolkit for building native desktop apps

GitHub Stars: 6.6k

Repository: https://github.com/vercel-labs/native

---

## Articles

### [How to Migrate from WebView-Based Apps to Native-Rendered Components in Native SDK](/vercel-labs/native/migrate-webview-apps-native-rendered-components-native-sdk)

Migrate WebView apps to native components with Native SDK. Remove webview capability, update UiApp, implement declarative markup, and move logic to compiled cores. Boost performance now.

- Tags: migration-guide
- Published: 2026-07-18

### [How the Native SDK Deterministic Record/Replay System Works for Testing and Debugging](/vercel-labs/native/native-sdk-deterministic-record-replay-testing-debugging)

Understand how the Native SDK's deterministic record replay system captures user interactions and events for byte-identical testing and debugging without host OS interference.

- Tags: internals
- Published: 2026-07-18

### [How to Integrate Clipboard, Credentials, and File Drop Capabilities in the Native SDK](/vercel-labs/native/native-sdk-clipboard-credentials-file-drop-integration)

Integrate clipboard, credentials, and file drop in Native SDK using permission-gated bridges. Learn how to enable these features via app.zon manifest and consume them with JavaScript or Zig.

- Tags: how-to-guide
- Published: 2026-07-18

### [How to Implement Multi-Window Apps with Model-Declared Windows in the Native SDK](/vercel-labs/native/multi-window-apps-model-declared-windows-native-sdk)

Implement multi-window apps with model-declared windows in Native SDK by declaring ShellWindow records in your app.zon manifest. The runtime creates native platform windows and wires ShellView hierarchies.

- Tags: how-to-guide
- Published: 2026-07-18

### [How to Use Subscriptions for Timers and External Events in the Native SDK Effect System](/vercel-labs/native/native-sdk-subscriptions-timers-external-events-effect-system)

Learn to manage timers and external events with Native SDK's effect system subscriptions. Automate cleanup when components unmount and simplify your code.

- Tags: how-to-guide
- Published: 2026-07-18

### [How `native check` Performs Markup Validation and Reports File:Line:Column Errors in Native SDK Apps](/vercel-labs/native/native-check-markup-validation-errors)

Learn how native check validates markup in Vercel Native SDK apps. Get precise file:line:column error diagnostics without building.

- Tags: how-to-guide
- Published: 2026-07-18

### [How to Implement Keyboard Shortcuts and Chrome Shortcuts in the Native SDK](/vercel-labs/native/native-sdk-keyboard-chrome-shortcuts)

Learn to implement keyboard and Chrome shortcuts in the Native SDK. Discover how on_command and on_key work for efficient app control.

- Tags: how-to-guide
- Published: 2026-07-18

### [How to Package Native SDK Apps for Distribution on macOS, Linux, and Windows](/vercel-labs/native/package-native-sdk-apps-distribution-macos-linux-windows)

Learn to package Native SDK apps for macOS, Linux, and Windows distribution using the native CLI. Distribute your applications easily across multiple platforms.

- Tags: how-to-guide
- Published: 2026-07-18

### [How to Compile TypeScript Cores to Native Zig Code at Build Time in the Native SDK](/vercel-labs/native/compile-typescript-zig-code-build-time-native-sdk)

Compile TypeScript cores to native Zig code at build time using the native-core CLI for the Native SDK. Add the generation step to your build.zig for seamless integration.

- Tags: how-to-guide
- Published: 2026-07-18

### [How the Native SDK Dev Workflow Enables Hot Reload While Preserving State](/vercel-labs/native/native-sdk-dev-workflow-hot-reload-state-preservation)

Learn how the Native SDK dev workflow uses `native dev` to enable hot reload while preserving state. Discover how UI changes are re-evaluated without impacting your app model.

- Tags: internals
- Published: 2026-07-18

### [How to Implement Context Menus, Dialogs, and System Notifications in the Native SDK](/vercel-labs/native/native-sdk-context-menus-dialogs-notifications)

Learn to implement context menus, dialogs, and system notifications in the Native SDK. Import runtime widgets and initialize Zig structs with ease.

- Tags: how-to-guide
- Published: 2026-07-18

### [How to Secure Navigation and External Links in WebView-Enabled Native SDK Apps](/vercel-labs/native/secure-navigation-external-links-webview-native-sdk)

Learn how to secure navigation and external links in your WebView-enabled apps. Discover best practices for validating URLs, intercepting clicks, and protecting your users.

- Tags: how-to-guide
- Published: 2026-07-18

### [How to Use GPU Surfaces with Metal for Custom Rendering in the Native SDK](/vercel-labs/native/gpu-surfaces-metal-custom-rendering-native-sdk)

Unlock custom GPU rendering with `gpu_surface` in the Native SDK. Leverage Metal and MTKView for seamless integration with native controls and WebView on macOS.

- Tags: how-to-guide
- Published: 2026-07-18

### [How the Native SDK Automation Server Enables AI Agent Testing and UI Snapshots](/vercel-labs/native/native-sdk-automation-server-ai-agent-testing)

Discover how vercel-labs/native's automation server streamlines AI agent testing with text-based UI snapshots and command queuing via a file protocol.

- Tags: how-to-guide
- Published: 2026-07-18

### [How to Build Virtualized Lists with 100k+ Rows in the Native SDK: A Complete Feed Example](/vercel-labs/native/build-virtualized-lists-100k-rows-native-sdk)

Learn to build virtualizing lists with 100k+ rows in the Native SDK. This guide explains efficient dataset rendering using ui.virtualWindow and ui.virtualList for optimal performance.

- Tags: how-to-guide
- Published: 2026-07-18

### [How to Implement Theming and Design Tokens in Native SDK Applications](/vercel-labs/native/theming-design-tokens-native-sdk-apps)

Discover how to implement theming and design tokens in Native SDK applications. Leverage the lightweight theming system for real-time color scheme and design token switching.

- Tags: how-to-guide
- Published: 2026-07-18

### [How to Add and Secure Bridge Commands Between Zig and TypeScript in the Native SDK](/vercel-labs/native/secure-bridge-commands-zig-typescript-native-sdk)

Learn to add and secure bridge commands between Zig and TypeScript in the Native SDK. Expose Zig functionality to TypeScript with declared permissions and origin whitelists for robust security.

- Tags: how-to-guide
- Published: 2026-07-18

### [How Native SDK Renders UI Without WebView Using Its Canvas Engine](/vercel-labs/native/native-sdk-ui-rendering-canvas-engine)

Discover how the Native SDK renders UI without WebView using its canvas engine by compiling markup into GPU commands for direct native execution.

- Tags: internals
- Published: 2026-07-18

### [How to Configure app.json Manifest for Permissions, Windows, and Security Policies in Native SDK](/vercel-labs/native/configure-app-json-manifest-native-sdk)

Learn to configure the app.json manifest for Native SDK permissions, security policies, and window configurations. Control global capabilities and bridge command restrictions effectively.

- Tags: how-to-guide
- Published: 2026-07-18