Skip to content

Maosaico

Arrange panes while keeping content and rendering in your host.

  • @fungi.computer/maosaico
  • v0.1.0
  • MIT

Fastest path

  1. Install

    Add it to your project with npm, pnpm, Yarn or Bun.

    TERMINAL
    npm install @fungi.computer/maosaico react
  2. Create layout state

    Register a pane and release the layout state when its host closes.

    home.ts
    import { createMaosaicoState } from "@fungi.computer/maosaico/headless";
    const state = createMaosaicoState();
    state.register(
    "note",
    { x: 0, y: 0, width: 300, height: 200 },
    { width: 100, height: 100 },
    );
    console.log(state.frames.get("note"));
    state.destroy();