Skip to content

Examples

Learn Blaze-ng through complete, working examples.

Beginner

ExampleDescription
Todo AppClassic todo list with add, complete, delete, and filter
CounterSimple reactive counter with increment/decrement

Intermediate

ExampleDescription
Chat AppReal-time chat with rooms, typing indicators, and message history
FormsForm validation, dynamic fields, and multi-step wizards
DashboardData dashboard with charts, filters, and real-time updates

Advanced

ExampleDescription
Dynamic ComponentsPlugin system, lazy loading, and runtime template registration
SSRServer-side rendering with hydration

Running Examples

Each example includes complete, copy-pasteable code. To run them:

With Meteor

bash
meteor create my-app --blaze
cd my-app
# Copy the template and JS code into your app
meteor

Without Meteor (npm)

bash
mkdir my-app && cd my-app
npm init -y
npm install @blaze-ng/core @blaze-ng/htmljs @blaze-ng/spacebars \
  @blaze-ng/spacebars-compiler @blaze-ng/templating-runtime

Set up the reactive system, then use the runtime compilation approach shown in each example.

Released under the MIT License.