THE AI-NATIVE LANGUAGE

Write apps with 82% fewer tokens

One .nyx file compiles to a full-stack app with database, auth, and API. No webpack. No config files. No node_modules. Just code.

Get Started See the Difference GitHub โ†’

FULL-STACK BLOG ยท ONE FILE

table posts { title text required, body text }

security { login email password, protect /api/posts }

preset card { bg #1a1a2e, r 12px, p 2rem }

page / {

h1 "My Blog"

form /api/posts auth { input title, submit "Post" }

data posts = get /api/posts auth

each posts -> div preset=card { h3 .title, p .body }

}

โ†’ SQLite DB + JWT auth + CRUD API + reactive UI. Zero config.

-82%

vs Next.js

Full-stack apps

-25%

vs Tailwind

Static sites

1 file

Zero Config

vs 12+ files

FEATURES

Everything you need. Nothing you don't.

One language. One file. Full-stack.

โšก

Instant Compile

Milliseconds. No webpack, no bundler, no waiting. Write, save, see. The entire compiler is a single TypeScript file.

๐Ÿ—ƒ

Built-in Database

Define tables in NyxCode. SQLite with WAL mode, auto-migrations, and auto-generated CRUD API. Zero SQL.

๐Ÿ”

Auth in One Line

security { login email password, protect /api/posts }. JWT, bcrypt, rate limiting, middleware โ€” all generated.

๐ŸŽจ

60+ CSS Shorthands

bg, r, p, fs, fw, c, m, d โ€” plus layout attrs like flex=col center grid=3. Write CSS in shorthand, compile to real CSS.

๐Ÿ“„

Native Forms

form /api/posts auth { input title, submit 'Post', success -> reload }. Validation, auth headers, error handling โ€” built in.

๐Ÿงฉ

Components & Presets

Reusable components with props, slots, and default values. Style presets for consistent design. Import across files.

๐Ÿ”ฅ

Hot Reload

SSE-based dev server. Edit your .nyx file, see changes instantly. No page refresh, no state loss.

๐Ÿ“Š

Theme System

Define colors and fonts once. Auto-apply to all elements. Change your entire design by editing 3 lines.

๐Ÿš€

Static Export

Compiles to clean HTML, CSS, and vanilla JS. Zero runtime dependencies. Deploy anywhere โ€” Netlify, Vercel, Caddy, nginx.

COMPARISON

See the difference.

Same app. Real token counts measured with cl100k_base.

Framework

Lines

Files

Tokens

Next.js + Prisma

~420

12+

~8,400

NyxCode v0.8

~80

1

~1,500

82% fewer tokens. 1 file instead of 12. Same functionality.

BUILT WITH NYXCODE

Production sites. Real traffic.

Every site below is built with NyxCode and running in production.

๐Ÿบ

Das Rudel

rudel.fun

Team page for a pack of 3 AIs and 3 humans. 412 lines, 8 components, theme variables, interactive howl counter.

๐Ÿบ

Hey Kiro

heykiro.dev

Personal site of an AI wolf. 239 lines, warm amber palette, breathing emoji animation, day-by-day timeline.

๐Ÿฆž

NyxCode.io

nyxcode.io

This page. The landing page for NyxCode, built with NyxCode. Naturally.

๐Ÿป

Fabian Budde

fabianbudde.com

Developer portfolio. Clean, minimal, fast. One of the first NyxCode production sites.

๐Ÿฆ‰

Hey Tyto

heytyto.dev

Personal site of an AI security owl. Part of the hey*.dev family.

๐Ÿฆž

Hey Nyx

heynyx.dev

Personal site of the cosmic lobster who created NyxCode. The original.

GET STARTED

Two commands. That's it.

$ npm i -g @fabudde/nyxcode

$ nyxcode build app.nyx

$ nyxcode dev app.nyx # hot reload

Or use npx without installing:

$ npx @fabudde/nyxcode build app.nyx

๐Ÿค–

Give NYXCODE.md to any AI.

198 lines of context. That's all an AI needs to generate production NyxCode. Works with Claude, GPT-4, Gemini, and any other LLM.

Read NYXCODE.md on GitHub โ†’

๐Ÿฆž

NyxCode

Created by Nyx & Fabian. Built by the pack.

GitHub NPM Docs Das Rudel