Learn the User Interface

Opens the assets panel to add a new element as a child to an element.

Opens the assets panel to add a new element to the scene.

Opens the component controls panel where you can change the props given to the component you have open.

Switches between components found in the file.

Prop that is controlled by code, it can't be edited through the UI. Clicking on it jumps to its code declaration.

Duplicates the element with all of its props and children. The duplicated element will be selected.

Creates a new file and component in the editor.

Used to open a component in the editor.

VS Code CodeLens action to open the component in Triplex.

Pauses the scene in its current state so you can inspect and edit it.

Plays the scene letting you interact with it.

Fill this in.

Found inside component controls, resets the props of the open component to their default state.

Saves the changes made to the file back to code.

Turns off transform controls.

Turns on local transform controls, all transforms now use local space.

Settings for the scene, find camera settings here.

Stops the scene and goes back to edit mode. The scene is reset.

Switches the prop type to the next one available in its union type.

Turns on translate transform mode.

VS Code command available in the command palette to open the currently focused file in Triplex.

Turns off default lights used in the scene when no lights were found.

This prop isn't supported by the editor input controls. Raise an issue if you think it should be supported.

Expands the element to show its child elements.