Skip to content

NS14 ENGINE — VS Code Extension

Official VS Code extension for NS14 Engine framework
by Neelesh Singour | mail@neeleshsingour.com

Features

Syntax Highlighting

Full color support for .nsx, .ns, .nss files:

Python keywords, functions, f-strings
All 50+ NS14 XML tags (layout, text, input, display)
Event attributes (onclick, onchange, state-bind)
NSS Qt stylesheet — widgets, pseudo-states, colors

IntelliSense & Auto-Complete

Tag completion — type < and all NS14 tags appear
Attribute completion — press Space inside a tag
NSX API — type NSX. for all API methods
Tab snippets — type view, button, use_state, etc. and press Tab

Real-Time Diagnostics

❌ Error — onclick value missing quotes
❌ Error — Wrong import NSX from "..." module name
⚠️ Warning — Unknown/misspelled NS14 tag
⚠️ Warning — navigate="" is empty
⚠️ Warning — Container tag (<view>) self-closed
ℹ️ Info — state-bind used but {key} missing in text

Hover Documentation

Hover over any tag or API method to see full documentation with examples.

Commands & Shortcuts

Shortcut	Action
`Ctrl+Shift+R`	Run app (`nsx start`)
`Ctrl+Shift+B`	Build .exe (`nsx build`)

Quick Start

pip install ns14engine
nsx create MyApp
cd MyApp

Open src/App.ns or any .nsx file — the extension activates automatically.

File Types

Extension	Purpose
`.ns`	Python logic + NSX UI (React-style, with `render()`)
`.nsx`	Python logic + XML UI (simplified, Python at top)
`.nss`	Qt Stylesheet (CSS-like, styles the whole app)

Snippets

Type these prefixes and press Tab:

Prefix	Inserts
`view`	`<view>` layout container
`row`	`<row>` horizontal layout
`card`	Card with title
`button`	Button with onclick
`input`	Input with placeholder
`use_state`	`value, set_value = use_state(...)`
`text-state`	Text with state-bind
`ns-screen-template`	Full .nsx screen
`ns-app-template`	App.ns router setup
`dark-theme` (in .nss)	Full dark theme

About NS14 Engine

NS14 Engine lets you build native desktop apps with Python.

Write logic in Python (any library works)
Design UI with simple XML tags (.nsx files)
Style with Qt stylesheet syntax (.nss files)
nsx build MyApp → standalone .exe file

pip install ns14engine
nsx create MyApp
cd MyApp && nsx start

© 2025 Neelesh Singour. All rights reserved.
MIT License — GitHub | PyPI