A Toolchain Built for Developers
From scaffolding to distribution, every step has a ready-made tool.
Any Tech Stack
Plain JS, Vue, or any frontend framework you like — widgets are bundled as standalone artifacts running in a stack-agnostic sandbox.
Widget SDK
Talk to the host through @patab/widget-sdk: read/write local storage, react to theme and locale changes — just a few lines of code.
Hot-Reload Debugging
@patab/widget-cli ships a dev server that reloads on save. Paste the debug URL into PaTab and preview every change live.
One-Click Distribution
Pack into a single .patab.zip file and share it directly with other PaTab users — no store, no review process.
Four Commands from Zero to Distributable
No tedious configuration — the scaffold prepares everything for you.
terminal
# Create a widget project in one command
$pnpm create patab-widget my-widget
# Enter the project and start the dev server
$cd my-widget && pnpm install
$pnpm dev
➜ PaTab development host: http://127.0.0.1:5174/__patab_dev__/
➜ Sandbox loaded, changes apply instantly…
# Pack into a distributable file
$pnpm run pack
✓ Packed: dist/my-widget-0.1.0.patab.zip