JavaScript framework · Web Components

NativeCoreJS

The JavaScript framework for enterprise SPAs — routing, reactive state, components, generators, and a UI library on browser standards.

60+framework components
0framework runtime deps
npmany module via import map
1framework mental model

A framework that stays on the platform

NativeCoreJS is a framework — not a loose toolkit. You get structure, conventions, and tooling, while UI and events stay on Web Components and the DOM.

What the framework gives you

  • Router, lazy controllers, middleware groups, and route caching
  • Reactive signals, stores, and computed values
  • CoreComponent lifecycle with Shadow DOM and slots
  • CLI generators: make:view, make:component, make:store, make:middleware

Why it feels native

  • No virtual DOM — updates go through signals and the platform
  • ES modules and real DOM events, not a parallel UI runtime
  • JavaScript by default; TypeScript when you want it (--ts)
  • npm packages work like any modern app — import map sync on dev / compile

Framework surface area

What ships with create-nativecore today — honest and production-minded.

Router & protection

Framework SPA routing with lazy controllers and BYO middleware tags for protected groups.

Reactive state

First-class signals and shared stores for fine-grained updates without a virtual DOM.

Component system

CoreComponent base class, Shadow DOM, lifecycle hooks, and lazy registration.

Generators

Convention via CLI — views, components, stores, and middleware stay consistent across teams.

UI library

Shipped nc-* set for forms, overlays, tables, navigation, and feedback — plus any npm Web Component or ESM library you install.

Docs & ebook

Full framework curriculum on this site — install → routes → forms → production SSG.

Start a NativeCoreJS app

Scaffold a framework project in one command.

npx create-nativecore@latest my-app
cd my-app
npm run dev

Auth is author-owned. Add guards with make:middleware when you need them.