Now Open Source

NC UI
Build Websites in
Plain English

An NC-native frontend language that compiles to production-ready HTML, CSS, and JavaScript. Write what you mean. Ship what you build without dragging a Node runtime into production.

nc ui build my-site.ncui

See it in action

Write NC UI on the left. See the compiled output on the right. No build tools needed.

NC UI Source
page "My Website"
theme "dark"
accent "#667eea"

section hero centered:
heading "Hello World" style "gradient"
text "Built with NC UI"
button "Get Started" style "primary"
animate "fade-up"
Compiled Output

Hello World

Built with NC UI

Get Started

Three steps. Zero complexity.

From idea to deployed website in minutes, not hours.

1

Write Plain English

Describe your website using simple, readable commands. No angle brackets, no class names, no semicolons.

2

NC UI Compiles

The NC UI compiler transforms your plain-English source into optimized, production-ready HTML, CSS, and JavaScript.

3

Ship Your Website

Deploy anywhere that serves static files. GitHub Pages, Netlify, Vercel, or your own server. No runtime needed.

NC UI is not a Node framework

Keep React, Next.js, or Vite in the comparison if you want. NC UI is the alternative when you want plain-English authoring, static output, and a much smaller deployment surface.

Typical Node stack

React plus npm plus build tooling gives you a large ecosystem, but it also adds lockfiles, package churn, bundler config, and more moving parts around a simple site.

NC UI compiles and gets out of the way

Write in NC UI, build through NC, and ship plain HTML, CSS, and JavaScript. No package.json is required to deploy the output that comes out of the compiler.

Package support is optional

Use GitHub Releases and install scripts first. Add Homebrew, Chocolatey, or Docker if they help distribution later. npm is a compatibility channel, not the identity of NC UI.

Less code. Same result.

NC UI replaces verbose HTML/CSS with clean, readable syntax.

NC UI 7 lines
section hero centered:
  heading "Welcome" style "gradient"
  text "The future of web dev"
  row:
    button "Start" style "primary"
    button "Learn More" style "outline"
  animate "fade-up"
HTML/CSS 42+ lines
<section class="hero">
  <div class="hero-inner">
    <h1 class="gradient-text">Welcome</h1>
    <p>The future of web dev</p>
    <div class="btn-row">
      <a class="btn primary">Start</a>
      <a class="btn outline">Learn More</a>
    </div>
  </div>
</section>

/* + 30 lines of CSS... */
6x fewer lines Same beautiful result

Everything you need

NC UI comes packed with features that make frontend development effortless.

Plain English Syntax

Write websites in words you already know. No brackets, no semicolons, no class name soup. Just say what you want.

Responsive by Default

Every component adapts to any screen size automatically. Mobile-first design without writing a single media query.

Component System

Navbars, heroes, cards, grids, forms, footers. A rich library of composable components out of the box.

Theme Support

Switch between dark and light themes with a single keyword. Customize accent colors with one line of code.

Animation Support

Fade-ups, staggers, and scroll-triggered animations with a single keyword. Silky smooth, performance-optimized.

GitHub Pages Compatible

Compiles to static HTML. Deploy directly to GitHub Pages, Netlify, Vercel, or any static host with zero config.

AI-Powered UI Generation

NC UI works with NC AI. The current v1 binary is validated to generate `app.ncui` plus the full backend, tests, docs, and compiled frontend bundle from a complex English prompt.

One-Command Scaffold

nc ai create "multi-tenant operations dashboard with role based access analytics alert center approvals and dark theme" generates `app.ncui` together with the backend, tests, docs, and compiled HTML bundle.

Self-Learning

Every NC UI page you create feeds back into the AI training corpus. The AI learns your patterns and generates better code over time.

Contract Validation

NC AI validates generated NC UI code, repairs structural issues, and then compiles the frontend release bundle from the generated page.

Agentic AI Support

NC ecosystem supports agentic AI workflows — autonomous agents plan, execute, and iterate on code generation tasks with multi-step reasoning.

Powered by NC AI

NC AI is the AI engine behind NC AI generation — runs on your CPU at $0 cost. No API keys, no cloud, no GPU required. Purpose-built for the NC ecosystem. You own your AI.

# Validated complex prompt on the v1 release binary
$ nc ai create "multi-tenant operations dashboard with role based access analytics alert center approvals and dark theme"

✓ Created: app.ncui — dark-theme dashboard scaffold
✓ Created: service.nc — backend scaffold
✓ Created: test_app.nc + README.md
✓ Validation: AI structural checks passed
✓ Self-learn: saved to training corpus

# Rebuild the generated NC UI
$ nc ui build app.ncui
✓ Compiled to dist/app.html

Up and running in seconds

Download the NC binary, then build your first website with two commands.

# Download NC from the latest release
$ nc version

# Create your first site
$ echo 'page "Hello"\nsection hero centered:\n heading "Hello World" style "gradient"' > my-site.ncui

# Build it
$ nc ui build my-site.ncui

✓ Compiled to my-site.html (0.8ms)
✓ Ready to deploy!

Ready to try it?

Write NC UI code and see the result live, right in your browser. No installation required.

Try NC UI Live