Forma

✨ Forma

Drag it. Style it. Code it. Make it yours.

Forma is a Windows desktop UI framework and visual builder powered by C#/.NET, JavaScript, and WebView2.

It brings a familiar WinForms-style workflow together with web-based rendering, scoped CSS, and a scripting API.

🎨 Build visually

Design your interface on a canvas with drag-and-drop controls, resizing, alignment tools, snapping guides, and multi-selection.

Organize your app with panels, tabs, split containers, responsive layouts, and multiple forms.

⚡ Make it work

Use JavaScript to handle events, update controls, bind reactive values, and share state across Preview windows.

forma.on("Click", () => {
  const name = forma.get("nameInput", "value");
  forma.set("greetingLabel", "text", `Hello, ${name}!`);
});

🧩 What’s inside?

• 85+ controls and components — inputs, data grids, navigation, dialogs, toasts, loading indicators, and more.

• Visual property editing — appearance, layout, docking, anchoring, and component settings.

• Component customization — scoped CSS, scripts, event handlers, and custom properties.

• Integrated code editor — syntax highlighting, completion, diagnostics, formatting, and multiple tabs.

• Solution Explorer — organize forms, folders, and project files.

• Live Preview — test interactions and open forms in separate windows.

• Project saving and recovery — .forma projects, undo/redo, and autosave recovery.