Blaze-NG

🚀

Zero Dependencies

No jQuery, no lodash, no uglify-js. Pure native DOM APIs with zero runtime deps.

🔒

Full TypeScript

Strict TypeScript from the ground up. Every API is fully typed with rich IntelliSense.

⚡

10K+ Reactive Updates/sec

Single text update in 0.10ms. 100 batched updates in 0.08ms. Native classList, style.setProperty, addEventListener.

🔌

Framework Agnostic

Bring your own reactive system. Works with Meteor Tracker, signals, or any custom system.

🎯

100% API Compatible

Drop-in replacement for Blaze. Your existing templates, helpers, and events just work.

🧪

490 Tests, 34 Benchmarks

Extensively tested with Vitest. Every original Blaze test ported and passing. Full benchmark suite included.

Quick Example

Here's what Blaze-NG looks like in action:

counter.htmlcounter.ts

handlebars

<template name='counter'>
  <div class='counter'>
    <h2>Count: {{count}}</h2>
    <button class='increment'>+1</button>
    <button class='decrement'>-1</button>
    <button class='reset'>Reset</button>
  </div>
</template>

import { Template } from '@blaze-ng/core';

Template.counter.onCreated(function () {
  this.count = new ReactiveVar(0);
});

Template.counter.helpers({
  count() {
    return Template.instance().count.get();
  },
});

Template.counter.events({
  'click .increment'(event, instance) {
    instance.count.set(instance.count.get() + 1);
  },
  'click .decrement'(event, instance) {
    instance.count.set(instance.count.get() - 1);
  },
  'click .reset'(event, instance) {
    instance.count.set(0);
  },
});

Comparison

Feature	Original Blaze	Blaze-NG
Language	JavaScript (ES5)	TypeScript (strict)
Dependencies	jQuery + lodash + uglify-js	Zero
Bundle size	~25KB gzip	29 KB gzip (core runtime)
DOM manipulation	jQuery wrappers	Native APIs
Reactivity	Tracker only	Any reactive system
Module format	Meteor packages	ESM + CJS
Testing	Tinytest	Vitest (490 tests)
SSR	Limited	Full support
WASM acceleration	None	Optional

Performance at a Glance

Real numbers from the benchmark suite:

Category	Highlight	ops/sec
First Render	Static div → DOM	10,151
Reactive Update	Single text change	10,220
Batched Updates	100 updates, 1 flush	12,022
Attribute	Style property update	11,714
List	Create 100 rows	660
Lifecycle	Create + destroy cycle	10,001
Compilation	Simple template → JS	117,950
Diff	Shuffle 100 items	129,568

Run benchmarks yourself:

bash

pnpm bench:run      # Full benchmark suite (34 suites)
pnpm bench:compare  # Old vs New head-to-head comparison
pnpm bundle-size    # Bundle size analysis

Blaze-NGReactive Templating, Rewritten in TypeScript