Options Panel

The Outliner is the leftmost panel of the Frontend CNVS UI. It provides a quick overview of every element, light, material, and effect currently present in your scene, exactly as defined in the backend editor. At the top of the Outliner, you’ll find controls for saving and loading states, responsive design previews, keyboard shortcuts, and GSAP integration options.
The Outliner is organized by section, making it easy to navigate complex setups. The main sections are: Elements, Materials, Lights, Cameras, Renderer, Scene, Layers, Animations, and Effects (if a WebGL effect is enabled).
Each section expands to reveal its items. Selecting any item updates the Context Panel on the right, displaying all available settings for that element, light, material, effect, or any other listed component.

elements – contains all the elements in the scene. Geometry shapes, 3D objects, or any other element set up in the Elements section of the backend editor.
materials – list out all the materials for each element as set up in the Materials section of the backend editor.
lights – contains all of the lights present in the scene, as selected in the Lights section of the backend editor.
cameras – click on the camera type to access all related controls in the Context Panel.
renderer – contains useful tools such as pixel ratio, tone mapping, and CSS2D and 3D options.
scene – everything from physics to grid helpers, easily categorized for ease of use.
layers – logical buckets for your elements and effects.
animations – lets you change properties for each animation timeline.
effects – appears should you have toggled on any of CNVS’ WebGL Effects.