Reactive HTML for the open web

Build web apps with less ceremony.

fyr.js turns regular HTML into responsive interfaces with reactive state, direct browser imports, and optional Python, WebAssembly, routing, sockets, and UI helpers.

Start building ↗ View examples

v0.1.2ES modulesMIT licensed

app.js

import { Fyr } from "@aldane-dev-create/fyr";

Fyr.createApp("starter", {
  state: { count: 0 },
  methods: {
    increment() {
      this.state.count += 1;
    }
  }
});

$ Stateful UI, shipped.✓

65.5 KBminified core bundle

0required build steps

5optional browser bundles

1language: JavaScript

Designed for momentum

Start simple. Reach further when you need to.

Fyr keeps the base application direct and adds focused bundles only when your project calls for them.

Reactive HTML

Bind state, events, lists, and conditional UI directly where the markup lives.

CDN-first

Pin an ES module from jsDelivr and start. Bring npm when your own pipeline needs it.

Browser Python

Load Pyodide only for pages that need Python work in the browser.

Rust + WASM

Fetch trusted WebAssembly modules and call their native exports from the web.

Backend agnostic

Use Flask, FastAPI, Node, or your own HTTP service. Authorization stays on the server.

Optional tools

Routing, sockets, toasts, modal dialogs, and loading UI are separate browser modules.

Try the core idea

Small state. Immediate feedback.

This counter runs with Fyr state and methods—no framework-specific markup beyond the bindings.

Open the counter example →

LIVE EXAMPLE

Build in public

Use the browser as your starting point.

Read the guides, explore real examples, and make the framework part of your next idea.

Read the documentation ↗