MotherFluxer Docs

Apps ​

An App is a small app or project you build inside MotherFluxer — HTML, CSS, and JavaScript pages, framework apps, Mermaid diagrams, charts, JSON, and more. Generate one from chat, then open the App editor to refine it with AI, edit the code by hand, preview it live, and publish it.

Apps live under the Productivity filter group in Artifacts. Before you make your first one, the empty state reads "No apps yet".

Generate an App ​

Just ask in chat. Describe what you want and MotherFluxer builds it as an App artifact.

  • "Build a landing page for a coffee shop with a hero and a signup form."
  • "Make a flowchart of a user signup process as a Mermaid diagram."
  • "Create a bar chart of monthly revenue from this data."
  • "Give me a small JavaScript app that converts currencies."

Charts and diagrams are Apps too — there is no separate artifact type for them. When you generate one, it appears in your Artifacts under Productivity, ready to open and edit.

Open the App editor ​

Open any App to launch the App editor. Across the top you'll find mode tabs:

  • Smart Edit — describe a change in plain language and let AI revise the App for you.
  • Direct Edit — take the wheel yourself with a full set of hands-on tools.
  • Snapshot — view and manage saved versions of your App.

Smart Edit ​

Use Smart Edit when you want AI to do the work. Tell it what to change — "make the header sticky", "switch to a dark theme", "add a contact section" — and it rewrites the App.

Each Smart Edit produces a new AI snapshot, so your previous version is preserved and you can compare or roll back from the Snapshot tab.

Direct Edit ​

Open Direct Edit to work on the App yourself. The rail gives you these tools:

  • Edit — a friendly Customize panel for HTML apps. Adjust content and styling through simple controls, no coding required.
  • Code — the raw editor for working directly in your App's source. It includes:
    • Format — clean up and re-indent your code in one click.
    • Libraries — a popup for adding the libraries your App needs.
    • Settings — a popup for the App's editor and build options.
  • Find — find & replace across your App's source.
  • Preview — see your App running live (details below).
  • Publish — make your App shareable.

Preview your App ​

The Preview tool runs your App live as you work. To check how it looks on different screens, switch between the device frames:

  • Desktop
  • Tablet
  • Phone

A built-in console shows logs and errors from your running App, so you can spot problems without leaving the editor.

Framework apps get a server-side build before they preview or publish, so what you see in Preview reflects the built result.

Export your App ​

Export downloads your App's source — the entry file you can open or run elsewhere.

Note: multi-file Apps currently export only the entry file. If your App is split across several files, the export gives you the main one.

Share by publishing ​

Previewing and editing happen inside MotherFluxer. To let anyone else open your App, you Publish it — that's the only way to share an artifact. You'll find Publish both as a mode action in the App editor and in the Direct Edit rail.