Toolbars✎

Floating along the top of the editor: the project and the open graph at the left, compiling and the other windows at the right.

Hover a control or its row to light the other.

• The Roswaal markfar leftOpens the projects panel: your recent projects, the demos, and the other windows. Its tooltip and that panel say which build you are on, which any bug report needs.
• Editor, Design and Docsbeside the markThe three modes, with a box behind the one you are in. A click switches this tab, and the editor is kept just as you left it — its tabs, where you were looking, and the Code panel — while Node Design or the docs is in front. Ctrl-click, or right-click, opens a mode in a new tab.
• Projectafter the markShows or hides the cards on the left: Project and Variables. See The Project panel.
• RefreshRe-reads the project from disk, node packs included.
• New graphA new .nodescript: one Script, LocalScript or ModuleScript.
• New node mapA new map of where things live in the DataModel. See Node maps.
• The open graphIts tab, then its tools, both drawn below. A node map shows its name here instead.
• Manual | DynamicHow generated Luau reaches disk. Manual writes when you ask; Dynamic writes on every edit. Also in Settings.
• Compile projectCompiles every graph and node map in the project.
• Compile scriptCompiles the open graph alone — Ctrl + S. With a node map open it is Write project file.
• InspectorShows or hides the cards on the right: the selected node's settings, or the graph's own with nothing selected.
• ExportThe project as a zip, or its place alone, as .rbxl or Legacy .rbxlx. Ctrl + Shift + E opens it too. See Places and Rojo projects.
• Settingsthe last icon on the rowThe project's settings, this browser's preferences, and themes. See Settings.

The same row in the browser preview: the same buttons, in the same order, with the mark in blue.

• The Roswaal markfar left, in blueOpens the projects panel. Blue means the browser preview: your project is kept in this browser, not on your disk — it survives a reload and it is gone if you clear the site's data. The panel offers a folder on your own machine instead, where the browser allows it.
• Editor, Design and Docsbeside the markThe three modes, with a box behind the one you are in. A click switches this tab, and the editor is kept just as you left it — its tabs, where you were looking, and the Code panel — while Node Design or the docs is in front. Ctrl-click, or right-click, opens a mode in a new tab.
• Projectafter the markShows or hides the cards on the left: Project and Variables. See The Project panel.
• RefreshRe-reads the project you have open, node packs included.
• New graphA new .nodescript: one Script, LocalScript or ModuleScript.
• New node mapA new map of where things live in the DataModel. See Node maps.
• The open graphIts tab, then its tools, both drawn below. A node map shows its name here instead.
• Manual | DynamicHow generated Luau reaches the project. Manual writes when you ask; Dynamic writes on every edit. Also in Settings.
• Compile projectCompiles every graph and node map. The generated .luau appears in the tree beside each graph, to read or copy out.
• Compile scriptCompiles the open graph alone — Ctrl + S. With a node map open it is Write project file.
• InspectorShows or hides the cards on the right: the selected node's settings, or the graph's own with nothing selected.
• ExportThe project as a zip, or its place alone, as .rbxl or Legacy .rbxlx. Ctrl + Shift + E opens it too. See Places and Rojo projects.
• Settingsthe last icon on the rowThe project's settings, this browser's preferences, and themes. See Settings.

The web app's row held upright: what is used less folds into More. Held sideways it is as on a computer.

• The Roswaal markfar left, in blueOpens the projects panel. Blue means the browser preview: your project is kept in this browser, not on your disk — it survives a reload and it is gone if you clear the site's data. The panel offers a folder on your own machine instead, where the browser allows it. The version is in the mark's tooltip.
• Editor, Design and Docsbeside the markThe three modes, with a box behind the one you are in. A click switches this tab, and the editor is kept just as you left it — its tabs, where you were looking, and the Code panel — while Node Design or the docs is in front. Ctrl-click, or right-click, opens a mode in a new tab.
• Projectafter the markShows or hides the cards on the left: Project and Variables. See The Project panel. On a touch screen they slide out over the graph.
• The open graphIts tab, then its tools, both drawn below. A node map shows its name here instead.
• Compile scriptCompiles the open graph alone — Ctrl + S. With a node map open it is Write project file. Held upright, it is its icon.
• InspectorShows or hides the cards on the right: the selected node's settings, or the graph's own with nothing selected. On a touch screen they slide out over the graph.
• Morethe last icon on the rowThe rest of the row: Manual | Dynamic, Compile project, Refresh, New graph, New node map and Settings.

The mark, the open graph's tab, Compile script and More. The Project and Inspector buttons are on the bar along the bottom.

• The Roswaal markfar left, in blueOpens the projects panel. Blue means the browser preview: your project is kept in this browser, not on your disk — it survives a reload and it is gone if you clear the site's data. The panel offers a folder on your own machine instead, where the browser allows it. The grey graph beside it says this is the editor; the version is in its tooltip.
• The open graphIts tab alone. The others are in the list beside it.
• Compile scriptCompiles the open graph alone — Ctrl + S. With a node map open it is Write project file. As its icon.
• Morethe last iconEverything else, drawn below.

What More holds on a phone. Tap anywhere else to put it away.

• Manual | DynamicHow generated Luau reaches the project. Manual writes when you ask; Dynamic writes on every edit. Also in Settings.
• Compile projectCompiles every graph and node map. The generated .luau appears in the tree beside each graph, to read or copy out.
• Add nodeOpens the node menu at the centre of the view. Right-clicking the canvas does the same, where you clicked. On a touch screen, pressing and holding the graph does the same, where you held.
• RealignLays the graph out along its flow. With several nodes selected, only those move; a pinned node stays put.
• PreviewThe Luau this graph produced, picked out of the generated file — P does the same. With nodes selected it shows just what they compiled to.
• RefreshRe-reads the project you have open, node packs included.
• New graphA new .nodescript: one Script, LocalScript or ModuleScript.
• New node mapA new map of where things live in the DataModel. See Node maps.
• DocsThese docs, your project's own packs included. Opens in this tab; the editor is kept as you left it.
• Node DesignOpens Node Design in this tab, on the packs of the project you have open here, and keeps the editor as you left it; the back button returns.
• ExportThe project as a zip, or its place alone, as .rbxl or Legacy .rbxlx. Ctrl + Shift + E opens it too. See Places and Rojo projects.
• SettingsThe project's settings, this browser's preferences, and themes. See Settings.

Two clusters on the editor's top row, after the Project button: the tabs, and the tools.

• TabsOne per open graph, function, node map or Luau file, its icon saying which; the open one is lit. Drag a tab to move it; middle-click closes it.
• Open documentsWith two or more openEvery open tab in a list, for when the tabs have outgrown the row.
• Add nodeOpens the node menu at the centre of the view. Right-clicking the canvas does the same, where you clicked.
• RefactorOpens the Refactor panel: Realign, Split into rows, A Get per reader and Share Gets. Ctrl + Shift + L realigns without it.
• PreviewThe Luau this graph produced, picked out of the generated file — P does the same. With nodes selected it shows just what they compiled to.

As on a computer, held either way.

• TabsOne per open graph, function, node map or Luau file, its icon saying which; the open one is lit. Press and hold a tab, then drag, to move it.
• Open documentsWith two or more openEvery open tab in a list, for when the tabs have outgrown the row.
• Add nodeOpens the node menu at the centre of the view. Right-clicking the canvas does the same, where you clicked. On a touch screen, pressing and holding the graph does the same, where you held.
• RefactorOpens the Refactor panel: Realign, Split into rows, A Get per reader and Share Gets. Ctrl + Shift + L realigns without it.
• PreviewThe Luau this graph produced, picked out of the generated file — P does the same. With nodes selected it shows just what they compiled to.

Its tab, and the list of the others. Add node, Realign and Preview are in More.

• TabsThe open graph's tab alone.
• Open documentsWith two or more openEvery open tab in a list, for when the tabs have outgrown the row. The way to the others.

Floating along the top of the Node Design window. The node's own actions are there while a node is open.

• Node Designfar leftSays which window this is, and which build. It opens your projects and the other windows, as the editor's mark does.
• Editor, Design and Docsbeside the markThe three modes, with a box behind the one you are in. A click switches this tab, and the editor is kept just as you left it — its tabs, where you were looking, and the Code panel — while Node Design or the docs is in front. Ctrl-click, or right-click, opens a mode in a new tab.
• Luau or NodesWith a node open, on a computer or a tablet held sidewaysWrite the logic as Luau, or build it from nodes.
• DetailsWith a node openThe node's id, title, category, what it runs on, and its summary, in a card on the right.
• KindWith a node openPure, Impure or Cannot run, from its execution pins. A pure node picks Normal or Pill beside it. The bin deletes a saved node, and asks first.
• SaveWith a node openInto the pack — Ctrl + S. Off while there are problems; it reads Saved once it is.
• How custom nodes workthe question markOpens Creating custom nodes — the page about what you are looking at, rather than the documentation's front door.
• Settingsthe gear at the endThis browser's preferences — node corners, wire style and themes — which is what a window that draws nodes all day wants to hand. No project settings: roswaal.json is the repository's and is changed from the editor.

The same window in the browser preview, marked as one.

• Node Designfar left, in blueEvery window of the browser preview says it is one. The packs are the project's own, read out of the browser the same way they are read off disk — Node Design itself works the same in both builds.
• Editor, Design and Docsbeside the markThe three modes, with a box behind the one you are in. A click switches this tab, and the editor is kept just as you left it — its tabs, where you were looking, and the Code panel — while Node Design or the docs is in front. Ctrl-click, or right-click, opens a mode in a new tab.
• Luau or NodesWith a node open, on a computer or a tablet held sidewaysWrite the logic as Luau, or build it from nodes.
• DetailsWith a node openThe node's id, title, category, what it runs on, and its summary, in a card on the right.
• KindWith a node openPure, Impure or Cannot run, from its execution pins. A pure node picks Normal or Pill beside it. The bin deletes a saved node, and asks first.
• SaveWith a node openInto the pack — Ctrl + S. Off while there are problems; it reads Saved once it is.
• How custom nodes workthe question markOpens Creating custom nodes.
• Settingsthe gear at the endThis browser's preferences — node corners, wire style and themes — which is what a window that draws nodes all day wants to hand. No project settings: roswaal.json is the repository's and is changed from the editor.

The web app's row. Under it, the pack's own bar: see Only on a touch screen below.

• Node Designfar left, in blueEvery window of the browser preview says it is one. The packs are the project's own, read out of the browser the same way they are read off disk — Node Design itself works the same in both builds.
• Editor, Design and Docsbeside the markThe three modes, with a box behind the one you are in. A click switches this tab, and the editor is kept just as you left it — its tabs, where you were looking, and the Code panel — while Node Design or the docs is in front. Ctrl-click, or right-click, opens a mode in a new tab.
• Luau or NodesWith a node open, on a computer or a tablet held sidewaysWrite the logic as Luau, or build it from nodes.
• DetailsWith a node openThe node's id, title, category, what it runs on, and its summary, in a card on the right.
• KindWith a node openPure, Impure or Cannot run, from its execution pins. A pure node picks Normal or Pill beside it. The bin deletes a saved node, and asks first.
• SaveWith a node openInto the pack — Ctrl + S. Off while there are problems; it reads Saved once it is.
• How custom nodes workthe question markOpens Creating custom nodes.
• Settingsthe gear at the endThis browser's preferences — node corners, wire style and themes — which is what a window that draws nodes all day wants to hand. No project settings: roswaal.json is the repository's and is changed from the editor.

The node's actions as icons, its kind behind a button, and the other windows in More.

• Node Designfar left, in blueEvery window of the browser preview says it is one. The packs are the project's own, read out of the browser the same way they are read off disk — Node Design itself works the same in both builds. On a phone the grey palette beside it says which window this is.
• DetailsWith a node openThe node's id, title, category, what it runs on, and its summary, in a card on the right. As its icon.
• KindWith a node openPure, Impure or Cannot run, behind a button that names it. In it, Normal or Pill for a pure node, and the bin for a saved one.
• SaveWith a node openInto the pack — Ctrl + S. Off while there are problems; it reads Saved once it is. As its icon.
• Morethe last buttonHow custom nodes work, Docs, Editor and Settings, as rows. Each opens in this tab; leaving a node with unsaved edits asks first.

Floating along the top of this window.

• Docsfar leftOpens your projects and the other windows; its tooltip says which build this is. A warning sits beside it when the daemon is not reachable — the built-in library is still documented, your project's own packs are not.
• Editor, Design and Docsbeside the markThe three modes, with a box behind the one you are in. A click switches this tab, and the editor is kept just as you left it — its tabs, where you were looking, and the Code panel — while Node Design or the docs is in front. Ctrl-click, or right-click, opens a mode in a new tab.
• Search the docsEvery page and every node — Ctrl + K opens the same search. In a narrow window a Contents button follows it, for the contents as a drawer.
• Settingsthe gearThis browser's preferences and themes, including the ones that change the pictures on these pages. No project settings here: those are the repository's, and they are changed from the editor.

Across the top of these pages on the project site, where there is no daemon behind them.

• The markfar leftOpens the editor on your projects. Its tooltip says which build these pages were generated from.
• Editor, Design and Docsbeside the markThe three modes, with a box behind the one you are in. A click switches this tab, and the editor is kept just as you left it — its tabs, where you were looking, and the Code panel — while Node Design or the docs is in front. Ctrl-click, or right-click, opens a mode in a new tab.
• Search the docsEvery page and every node; Ctrl + K opens the same search.
• SourceThe repository. Roswaal is 0BSD: read it, fork it, take what you want from it.
• Settingsthe gear at the endYour theme and reading face, kept in this browser. The same preference the editor writes, so a scheme picked there is the one these pages are in — and the icon alone, because a published page gives its width to what you came to read.

The computer's header, with search as a button and the contents behind a button rather than holding a column.

• The markfar leftOpens the editor on your projects. Its tooltip says which build these pages were generated from.
• Editor, Design and Docsbeside the markThe three modes, with a box behind the one you are in. A click switches this tab, and the editor is kept just as you left it — its tabs, where you were looking, and the Code panel — while Node Design or the docs is in front. Ctrl-click, or right-click, opens a mode in a new tab.
• SearchThe search Ctrl + K opens, for a screen with no keyboard.
• ContentsSlides the contents out over the page. Tap beside them to put them away.
• SourceThe repository. Roswaal is 0BSD: read it, fork it, take what you want from it.
• Settingsthe gear at the endYour theme and reading face, kept in this browser. The same preference the editor writes, so a scheme picked there is the one these pages are in — and the icon alone, because a published page gives its width to what you came to read.

One row: the mark, search and Contents, then Try it and Settings. Source is left out.

• The markfar leftOpens the editor on your projects. Its tooltip says which build these pages were generated from. On a phone the page glyph beside it says this is Docs.
• SearchThe search Ctrl + K opens, for a screen with no keyboard.
• ContentsSlides the contents out over the page. Tap beside them to put them away.
• Try itThe editor, running in a tab, on a project kept in this browser. No install and no daemon — and no access to a folder on your machine unless you hand one over. On a tablet or a phone it opens in this tab, and the back button returns. Wider screens have the mode strip instead.
• Settingsat the endYour theme and reading face, kept in this browser. The same preference the editor writes, so a scheme picked there is the one these pages are in — and the icon alone, because a published page gives its width to what you came to read.