ZhinNXBuild deadline web apps without excess.
A deadline-first frontend framework with simple pages, state, API helpers, UI helpers, templates, debug tools, and a multi-deploy CLI.
Skip to content
From blank to deploy-ready
ZhinNX is designed around one workflow: create the app, write the page, connect data, build, and deploy.
zz createpage()api.get()zz buildzz deploy
bash
zz create my-app --template dashboard --vercel
cd my-app
zz build
zz deploy --vercelRuntime that stays close to HTML
Write pages with plain template strings, bind actions with simple attributes, and keep small apps readable without adding a heavy component model.
js
import { page, go, action } from 'zhinnx'
page('/', () => `
<main>
<h1>Hello ZhinNX</h1>
<button @click="openDocs">Read docs</button>
</main>
`)
action('openDocs', () => {
go('/docs')
})Install and run the CLI
After ZhinNX is published to npm, install the CLI globally and use the zz command from any project directory.
npm install -g zhinnx@betabash
zz --help
zz create my-app --template landing
cd my-app
npm install --package-lock=false --no-audit --no-fund
npm run devUse the CLI locally before npm release
Until the package is published, run ZhinNX from the zhinnx-cli directory. This is the safest path when testing from the source ZIP or from the GitHub repository.
bash
cd zhinnx-cli
npm install --package-lock=false --no-audit --no-fund
node bin/zz.js --help
node bin/zz.js create my-app --template landing --vercelbash
chmod +x bin/zz.js
npm link
zz --helpInstall with your package manager
Use Node.js with npm, pnpm, Yarn, Bun, or Deno depending on your workflow.
npx zhinnx@beta create my-app --template landing --vercelRead the Getting Started guide, jump to the CLI guide, or learn how to deploy through the Deployment guide.
Start building with ZhinNX
Build the page, connect data, inspect bugs, and deploy without carrying framework excess.
Get Started