Documentation

Getting started

Create your first reactive Fyr application with plain HTML and an ES module import.

Start with HTML

Give a page region a Fyr application name, then bind state to the markup with directives.

<div fyr-app="welcome">
  <p fyr-text="message"></p>
  <button fyr-click="changeMessage()">Change message</button>
</div>

Create and mount the application

Fyr is published as an ES module. Pin the package version in production.

import { Fyr } from "https://cdn.jsdelivr.net/npm/@aldane-dev-create/fyr@0.1.2/dist/fyr.esm.js";

Fyr.createApp("welcome", {
  state: { message: "Hello from Fyr" },
  methods: {
    changeMessage() {
      this.state.message = "State updated.";
    }
  }
});

Fyr.start("welcome");

Keep exploringSee framework examples →