No.JS

![version](https://img.shields.io/badge/version-1.13.1-blue) **The HTML-First Reactive Framework** Build dynamic, reactive web applications using nothing but HTML attributes. No build step. No virtual DOM. No transpiler. No JSX. Just HTML. ```html

Loading...

``` **Zero JavaScript written. Fully reactive. Real API data.** --- ## Features - **Declarative HTTP** — `get`, `post`, `put`, `patch`, `delete` as HTML attributes - **Reactive Binding** — `bind`, `bind-*`, `model` for one/two-way data binding - **Conditionals & Loops** — `if`, `else-if`, `show`, `hide`, `each`, `foreach`, `switch` - **State Management** — `state` (local), `store` (global), `computed`, `watch`, `notify()` - **Head Management** — `page-title`, `page-description`, `page-canonical`, `page-jsonld` for SEO-friendly SPAs - **SPA Routing** — `route`, `route-view`, guards, params, nested routes, wildcard catch-all, `focusBehavior` - **Forms & Validation** — Built-in + custom validators, per-rule errors, async support, `$form` context - **Plugin System** — Extend with reusable packages: interceptors, globals, directives, lifecycle hooks - **Animations** — `animate`, `transition` with stagger support - **i18n** — `t` directive with pluralization, namespaces, browser detection - **Filters** — `uppercase`, `currency`, `date`, `truncate`, 32 built-in pipes - **Drag & Drop** — `drag`, `drop`, `drag-list`, multi-select, keyboard DnD - **DevTools** — Built-in inspector with context mutation, store inspection, element highlighting - **Security** — DOMParser-based sanitization, CSP-safe (no eval/Function), header redaction, prototype pollution protection - **Custom Directives** — Extend with `NoJS.directive()` - **TypeScript Support** — Type definitions for plugin authors (`types/nojs-plugin.d.ts`) --- ## Quick Start ### CDN ```html ``` With the CDN, No.JS auto-starts on `DOMContentLoaded`. You can configure it before it loads: ```html ``` ### NPM ```bash npm install @erickxavier/no-js ``` ```javascript // ESM import NoJS from '@erickxavier/no-js'; // CommonJS const NoJS = require('@erickxavier/no-js'); ``` --- ## Example ```html

``` No `app.mount()`. No `createApp()`. No `NgModule`. It just works. --- ## Plugin System Extend No.JS with reusable packages — analytics, auth, feature flags, UI libraries — without modifying the core. ```html ``` Plugins have access to the full API: `directive()`, `filter()`, `validator()`, `interceptor()`, `global()`, `on()`, and more. --- ## Documentation Full documentation is available in the [docs/](docs/) folder: | Guide | Description | |-------|-------------| | [Getting Started](docs/md/getting-started.md) | Installation, core concepts, how it works | | [Data Fetching](docs/md/data-fetching.md) | `get`, `post`, `put`, `patch`, `delete`, caching, polling | | [Data Binding](docs/md/data-binding.md) | `bind`, `bind-html`, `bind-*`, `model` | | [Conditionals](docs/md/conditionals.md) | `if`, `else-if`, `show`, `hide`, `switch`/`case` | | [Loops](docs/md/loops.md) | `each`, `foreach`, loop variables, nested loops | | [Templates](docs/md/templates.md) | Reusable fragments, slots, remote templates | | [State Management](docs/md/state-management.md) | `state`, `store`, `into`, `computed`, `watch` | | [Events](docs/md/events.md) | `on:*`, modifiers, lifecycle hooks | | [Dynamic Styling](docs/md/styling.md) | `class-*`, `style-*` | | [Forms & Validation](docs/md/forms-validation.md) | `validate`, `$form`, custom validators | | [Routing](docs/md/routing.md) | SPA navigation, guards, nested routes | | [Animations](docs/md/animations.md) | `animate`, `transition`, stagger | | [i18n](docs/md/i18n.md) | Translations, pluralization, formatting | | [Filters](docs/md/filters.md) | Built-in filters, chaining, custom filters | | [Actions & Refs](docs/md/actions-refs.md) | `call`, `trigger`, `ref`, `$refs` | | [Plugins](docs/md/plugins.md) | Plugin API, interceptors, globals, lifecycle | | [Custom Directives](docs/md/custom-directives.md) | Extend No.JS | | [Error Handling](docs/md/error-handling.md) | Error boundaries, global handler | | [Configuration](docs/md/configuration.md) | Global settings, interceptors, template caching, security | | [Cheatsheet](docs/md/cheatsheet.md) | Every directive at a glance | | [Full SPA Example](docs/md/examples.md) | Complete app with routing, auth, i18n | --- ## How It Works 1. **Parse** — On `DOMContentLoaded`, No.JS walks the DOM for known attributes 2. **Resolve** — Each attribute maps to a directive, executed by priority 3. **React** — Data lives in Proxy-backed reactive contexts; changes auto-update the DOM 4. **Scope** — Contexts inherit from parents, like lexical scoping 5. **Secure** — Expressions run in a sandboxed evaluator (no eval, no Function); HTML is sanitized via DOMParser --- ## Ecosystem | Tool | Description | |------|-------------| | [NoJS-LSP](https://github.com/ErickXavier/nojs-lsp) | VS Code extension — autocomplete, hover docs, diagnostics for No.JS HTML | | [NoJS-Skill](https://github.com/ErickXavier/nojs-skill) | Claude Code skill — guided No.JS project generation | --- ## Community Join the conversation and get help: - [Discord](https://discord.gg/CaSbGYg3xY) - [GitHub Discussions](https://github.com/ErickXavier/no-js/discussions) ## Contributing Contributions are welcome! Please open an issue or submit a pull request. - [Changelog](CHANGELOG.md) ## License [MIT](LICENSE) ---

No.JS — Because the best JavaScript is the JavaScript you don't write.
Zero dependencies · MIT License