GitHub - henryoman/awesome-vercel-native: Awesome list for Vercel Labs Native SDK apps, libraries, examples, and tooling.

GitHub

14 min read Original article ↗

Vercel Native SDK Awesome List

Awesome

A community-curated collection of apps, examples, themes, and tools built with Native SDK, an open-source project from Vercel Labs.

Native SDK is Vercel's open-source toolkit for building fast, lightweight native apps with declarative .native views, TypeScript cores compiled ahead of time (or Zig by choice), GPU surfaces, WebViews, automation, cross-platform packaging, and a schema-backed app.json manifest.

Contents

Official

  • App Model - Model, message, update, effect, and hot-reload architecture for Native SDK apps.
  • Changelog - Version-by-version record of Native SDK features, component additions, fixes, and migration notes.
  • Config - Schema-backed app.json manifest reference for metadata, permissions, capabilities, windows, packaging, security, and the supported app.zon compatibility format.
  • Native SDK - Source repository for the Vercel Labs Native SDK.
  • Philosophy - Design principles behind Native SDK's native rendering, explicit state model, simple authoring, customizable defaults, and agent-driven workflows.
  • Platform Support - Current macOS, Linux, Windows, iOS, and Android host, rendering, input, WebView, packaging, and verification support matrix.
  • Quick Start - Install the CLI, create an app, run it locally, and build it.
  • ScriptC - Vercel Labs compiler used by Native SDK to turn supported TypeScript cores and services into native code without shipping Node or a JavaScript engine.
  • Testing - Headless app tests, deterministic fixtures, accessibility assertions, screenshots, automation, and record/replay workflows.
  • TypeScript Cores - TypeScript app-core subset, effects, subscriptions, and the Node-based development loop.
  • TypeScript Services - Static-tier TypeScript services for filesystem, parsing, and other work outside the deterministic app core.
  • Updates - Native macOS update feeds, Ed25519 signing, atomic installation, rollback, and updater packaging.

Libraries & Packages

  • @native-sdk/core - Official TypeScript authoring package containing the app-core checker, compiler surface, and SDK modules for Native SDK applications.
  • Component Catalog - Official catalog of native-rendered component families with Native markup, TypeScript and Zig examples, builder equivalents, generated attribute references, and engine-rendered previews.
  • Media Surface - Component for presenting externally produced RGBA textures such as video, camera, or custom-renderer frames through a model-bound surface ID.
  • Native SDK Packages - NPM package and CLI distribution for the SDK, including platform-specific binaries and the bundled SDK source.
  • Tooltip - Runtime-managed anchored tooltip with hover intent, keyboard-focus behavior, configurable delay, and deterministic automation support.
  • Weaver - Pre-alpha Windows and macOS desktop-widget platform with a TSX authoring SDK, CLI, Zig and QuickJS runtime, and a maintained Native SDK fork for transparent desktop surfaces.

Framework Integrations

  • Android Example - Android host using Kotlin, a SurfaceView, JNI, and the Native SDK C ABI for lifecycle, input, accessibility, and rendering.
  • Embedded App - Embed Native SDK applications and rendering surfaces inside platform-owned mobile or desktop hosts through the C ABI.
  • Frontend Integration - Use existing web frontends in Native SDK apps.
  • iOS Example - UIKit and Swift host using a Native SDK static library and C ABI for lifecycle, viewport, input, accessibility, and rendering.
  • Next.js Example - Native SDK shell around a Next.js frontend.
  • React Example - Native SDK shell around a React frontend.
  • Svelte Example - Native SDK shell around a Svelte frontend.
  • Vite Integration - Native SDK shell for an existing Vite project, with frontend configuration, environment-based source selection, and development origin setup.
  • Vue Example - Native SDK shell around a Vue frontend.
  • WebViews - Embed and compose WebView surfaces alongside native UI.
  • Agent-Farm - macOS AI-agent control plane with a Native SDK and Zig shell around a React workspace for local and remote agent silos, provider routes, and streamed sessions.
  • AI Souls - Cross-platform coding-agent event overlays rendered with Native SDK native views and GPU surfaces, with a CLI and Claude Code hook installer.
  • Artemis - Early macOS and Linux database browser for PostgreSQL and SQLite using a Native SDK WebView shell, Zig-native database drivers, and a React data grid.
  • Audiobook Maker - Native macOS audiobook generation app for a Kokoro TTS backend using Native SDK markup, Zig state, native file picking, and bundled Python, MLX, FFmpeg, and espeak runtime dependencies.
  • Bento - Native macOS board for coordinating coding-agent pipelines, authored with a TypeScript core and Native markup and backed by the Bento CLI and API.
  • Chessboard - macOS and Windows chess app using a Native SDK WebView shell, canvas rendering, Stockfish, lessons, puzzles, game analysis, and PGN workflows.
  • Chutes E2EE Native SDK Proof - Native-rendered proof app for encrypted Chutes.ai chat requests using Zig, Native markup, fx.fetch, and Native SDK automation.
  • CodeCaddie - Local-first desktop product-evaluation app whose Native SDK 0.10.1 interface uses Zig and Native markup alongside a Rust analysis core, encrypted local state, and installed coding-agent CLIs.
  • CodeSurf - macOS and Linux Native SDK WebView shell for a React coding workspace, with packaged Node sidecars, a loopback terminal gateway, native dialogs, and restricted bridge commands.
  • Compressor - Native Windows image compressor using Native markup, Zig state, native file dialogs, drag and drop, and Bun-powered WebP encoding.
  • Faku - macOS and Linux coding-agent desktop client using Native markup, a Zig core, native GPU rendering, and current app.json configuration for Vercel fx, Waku, and ACP-compatible providers.
  • GIFBin - Native GIF creation app using a Native SDK GPU surface, canvas widgets, Zig state, drag and drop, native dialogs, image decoding, and GIF export.
  • Goban - macOS and Windows Gomoku app using a Native SDK WebView shell and canvas rendering, with AI play, tactical exercises, analysis, and SGF import and export.
  • Hyper Term - macOS-first terminal and coding-agent workspace using Native SDK for native chrome, a Rust-owned PTY bridge, and an anchored system WebView for terminal rendering.
  • Inbox Zero Mail - Cross-platform Gmail and Outlook client rendered with Native SDK and Zig, with OAuth, native multi-window composition, search, message actions, and deterministic tests.
  • Lavalamp - Local AI coding assistant with a Native SDK desktop client for sessions, streamed conversations, tool results, permissions, questions, and composer workflows.
  • Lumiveo - macOS app-demo video editor using a Native SDK Zig and WebView shell, React and Remotion editing, native dialogs, and a bundled local worker.
  • Maat - Local-first macOS and Windows visual asset manager using Native SDK, Zig, React, SQLite, native file operations, and a system WebView.
  • Mac Cleaner - Native macOS cleaner dashboard using Native SDK markup and Zig to run Mole status, cleanup, optimization, purge, and history commands.
  • MDitor - Native macOS Markdown editor and viewer using Native SDK and Zig for a GPU-rendered split editor and preview with GFM, LaTeX math, Mermaid diagrams, and file associations.
  • mdv - Minimal macOS Markdown viewer using a Native SDK and Zig shell with a system WebView, live reload, syntax highlighting, Mermaid diagrams, and Finder file associations.
  • Mousemove - Native Windows mouse activity utility using Native SDK canvas rendering, raw input handling, background timers, and a click-through desktop overlay.
  • Native Desktop - Small native macOS app using Native SDK markup and TypeScript with automated releases and an in-app update check.
  • Notary - Early macOS Nostr remote signer whose Native SDK approval UI stays separate from the daemon holding the encrypted key.
  • OCPP DebugKit Studio - Early-stage native OCPP charging-session debugger built with Zig and Native SDK, with macOS/Linux CI and automation-driven smoke testing.
  • OfficeMachine Music - Local-first macOS music player rendered entirely with Native SDK, with album browsing, search, native menus, cover art, playback controls, and a persistent queue.
  • OfficeMachine Video - Local-first video editor using Native SDK, React, Remotion, native project files, local media storage, and an optional AI editing agent.
  • openbar2000 - Native macOS audio player using Native SDK markup and TypeScript core logic with local-file playback, Spotify integration, keyboard controls, and a bundled Rust helper.
  • Petdex Desktop - Native desktop-pet renderer using Native SDK, atlas-backed animation, model-driven pet states, and automation-based screenshot testing without a WebView or sidecar.
  • Phux Cockpit - Native macOS terminal workspace using a maintained Native SDK fork, libghostty-vt, PTYs, persistent tabs and split-pane trees, accessibility semantics, GPU rendering, and an isolated WebView surface.
  • Plaza - Fast, local-first Nostr client built with Zig and Native SDK, with native-rendered feeds, profiles, relays, search, and cross-platform CI.
  • Press - Native macOS video compressor using Native SDK, Zig, drag and drop, file dialogs, live FFmpeg progress, and quality presets.
  • Project Orbit - AI sandbox game shipping a macOS and Linux desktop shell built with Native SDK, a system WebView, and a Zig bridge.
  • Qrcode - Native Windows QR-code generator using a Native SDK and Zig shell with a WebView2-rendered interface.
  • RealTimeTrains - Native macOS client for UK live train times using a TypeScript core, Native markup, local pins, station search, and service detail views.
  • RefRain - Cross-platform local manuscript workbench whose Native SDK surface combines a compiled TypeScript core, Native markup, and Zig rendering with a Rust document and agent-workflow backend.
  • Relay - Read-only macOS menu-bar companion using a TypeScript core, Native markup, and the current app.json schema to surface Relay pipeline runs needing attention.
  • Shriflow - Native macOS push-to-talk dictation app using Native SDK markup and Zig with local or cloud transcription, LLM cleanup, global text injection, and a recording HUD.
  • Signet - Native macOS Nostr signer using a Native SDK and Zig approval interface for NIP-46 requests handled by an isolated daemon.
  • SkillManager - macOS and Linux agent-skill manager using Native SDK, Zig bridge commands, and a React WebView to discover, install, update, and remove skills.
  • SUB/WAVE Desktop - Cross-platform Native SDK internet-radio player with stream playback, station data, spectrum visualization, tray controls, and a mini-player window.
  • Timex - Native project timer and scheduler using a Native SDK interface, Zig, SQLite, macOS notifications, and a companion MCP server for coding-agent control.
  • Token Tach - Native macOS menu bar app for AI coding-agent token usage using Native SDK, Zig, Metal rendering, local ledger tailing, and a vendored Native SDK fork for popover and status-item support.
  • Video Transcribe - Native macOS transcription app using Native SDK markup and a TypeScript core with local whisper.cpp and optional xAI speech-to-text backends.
  • Widgoal - Native macOS football score widget using Native SDK native views, a Metal GPU surface, ESPN score data, league and team following, and live menu bar updates.
  • xvibe - Cross-platform native command center for Codex, Claude, and OpenCode using Native SDK markup, Zig process effects, streaming output, cancellation, and diff verification.

Examples

  • AgentCord Native Prototype - Windows-first Native SDK prototype for Discord Rich Presence, coding-agent session detection, usage reporting, and a tray-driven status interface.
  • Browser - Layered-WebView browser example with isolated page content, app-owned navigation controls, explicit security policy, and system or Chromium engine support.
  • Build Cleaner Native - Native SDK system-WebView wrapper around a Rust disk-scanning CLI, demonstrating loopback-only integration, live progress, and guarded deletion.
  • Calculator - Small native UI app with markup, keyboard input, chrome shortcuts, and theming.
  • Capabilities - Guarded native services for notifications, clipboard, credentials, dialogs, file drops, URL schemes, file associations, and platform support discovery.
  • Canvas Preview - Mixed native canvas and WebView panes in one window.
  • Channel Monitor - Native-rendered monitor demonstrating external-source channels, worker-thread delivery, back-pressure, and replay-safe shutdown.
  • Chatbot - TypeScript and Native markup chat client demonstrating streaming Vercel AI Gateway requests, text editing, environment messages, and deterministic replay.
  • Code Editor - Native code editor demonstrating a platform folder picker, bounded filesystem tree, independent windows, and syntax-highlighted source editing.
  • Command App - One command routed consistently through a native toolbar, app menu, tray menu, keyboard shortcut, and trusted WebView bridge.
  • Deck - Custom-skinned two-window audio deck demonstrating model-declared windows, native playback, registered fonts and icons, deterministic animation, and custom chrome.
  • Effects Probe - Focused exercise of spawn, fetch, filesystem, cancellation, worker-wake, and result-delivery effects.
  • Feed - Native-rendered 100,000-row feed demonstrating windowed list virtualization and runtime-owned scrolling.
  • GPU Components - Interactive Native UI specimens demonstrating component composition, disclosure trees, anchored menus, and controlled state.
  • GPU Dashboard - Dense native dashboard UI with GPU-rendered widgets.
  • GPU Surface - Metal-backed GPU surface composed beside native controls and WebView content.
  • Habits - Smallest first-party Native markup app, with a plain model, typed messages, and update loop.
  • Hello Native - Focused native-rendered counter example using Native SDK markup, a Zig model and update loop, GPU surfaces, hot reload, and UI tests.
  • Kanban - Builder-view board demonstrating native drag interactions and model-driven columns and cards.
  • Markdown Viewer - Native editor and preview demonstrating file effects, recent-file persistence, controlled scrolling, system appearance, and markup rendering.
  • Menu Bar - TypeScript and Native markup example for accessory startup, model-driven status items, hide-to-tray lifecycle, commands, and persisted state.
  • Mobile Canvas - Static-library canvas app consumed by the Native SDK iOS and Android embedding hosts.
  • Mobile Shell - Shared mobile-shell metadata for native UIKit and Android headers, commands, WebView workspaces, keyboard handling, and lifecycle forwarding.
  • Native Panels - Native split panels and stacked controls composed around WebView content.
  • Native Shell - Native toolbar, sidebar, title accessory, and status bar around a WebView workspace with shared commands and child-window control.
  • Notes - Persistence example with effects, restore on boot, dialogs, and search.
  • Official Examples - Native SDK examples covering native UI, WebViews, framework shells, GPU surfaces, mobile embedding, and platform capabilities.
  • PULSE - Native-rendered TYPO3 editorial-cockpit prototype using Zig and Native markup to demonstrate newsroom workflows, context menus, command navigation, and deterministic UI tests without a WebView.
  • Record Store - TypeScript and Native markup example demonstrating capability-gated records, prefix reads, atomic seeding, updates, and deletes.
  • Relational Notes - SQLite example demonstrating append-only migrations, checked SQL, generated typed queries, atomic writes, FTS5, and live queries.
  • Service Feed Reader - TypeScript example demonstrating Cmd.fetch, a generated @native-sdk/services parser client, typed records, and replay without the network or service process.
  • Soundboard - Native media-style interface with cover art, context menus, timers, and custom theming.
  • Soundboard TypeScript - Multi-module TypeScript and Native markup music player demonstrating audio effects, subscriptions, search, assets, context menus, and adaptive layout.
  • Split Collapse - Official native-rendered example comparing runtime, markup-declared, and manual pane-collapse animation while measuring frame pacing and optional WebView reflow.
  • System Monitor - Zig-core process monitor demonstrating timers, subprocess effects, native charts and tables, model-declared settings, and confirmation flows.
  • System Monitor TypeScript - TypeScript and Native markup system monitor demonstrating process effects, timers, byte parsing, tables, charts, controlled scrolling, and confirmation flows.
  • Terminal - Recordable native terminal using PTY effects, libghostty-vt, canvas-rendered text, selection, scrollback, and byte-identical offline replay.
  • UI Inbox - Native-rendered task inbox demonstrating the declarative canvas builder, structural widget identity, flex layout, and typed input messages.
  • Video Player - Native media example demonstrating declarative video playback, custom transport controls, media-surface textures, and replayable transport events.
  • Voice Memo - TypeScript-core recorder demonstrating microphone or system-audio capture, live input levels, PCM WAV export, and playback on macOS and Windows.
  • WebView - Inline-HTML shell demonstrating bridge commands, window management, automation, and system or Chromium WebView engines.
  • Workbench - Resizable terminal-and-browser workspace demonstrating the runtime terminal component, PTY effects, WebView anchoring, and recorded-session replay.
  • ∅M〇ᶻ Native Biu Demo - Minimal zero-config Native SDK demo using .native markup, Zig state, hot reload, testing, and the Biu/Bun ecosystem.

Skills

  • Automation - Guidance for driving running apps, taking snapshots and screenshots, and using record/replay automation.
  • Core - Shared runtime, manifest, WebView, security, capability, packaging, and debugging guidance for Native SDK apps.
  • Native SDK - Official discovery skill that teaches coding agents to load version-matched Native SDK guidance from the CLI.
  • Native UI - Guidance for authoring and testing Native markup views, widgets, bindings, layout, and messages.
  • TypeScript Core - Guidance for TypeScript app cores, effects, subscriptions, byte-oriented text, and the deterministic subset.
  • TypeScript Services - Guidance for static-tier TypeScript services, generated clients, contracts, and service-process boundaries.
  • Zig - Guidance for Native SDK Zig cores, runtime extensions, and Zig 0.16 compatibility.

Tooling

  • Harness GUI - Human-interaction SDK and MCP server with a packaged Native SDK shell for notifications, approvals, structured forms, tray behavior, and secrets that stay outside model context.
  • Native SDK CLI - Commands for initializing, developing, checking, testing, building, packaging, and automating apps.
  • Native Markup Extension - Editor support for .native markup.
  • Themes - Browse Native SDK themes, open the visual gallery, install packs, and read the theme-pack specification.
  • Tree-sitter Native - MIT-licensed Tree-sitter grammar for Native SDK .native markup, with fixtures tracked against the SDK validator.
  • Zed Native SDK - MIT-licensed Zed extension adding Native SDK markup highlighting plus diagnostics, hover, and completion through the SDK language server.

Contributing

Built something with Native SDK? Read the curation rules and contribution guide before opening a pull request, or suggest a project if you found something that should be reviewed.

Join the conversation