# Material3d Editor and Player

**URL:** <https://discourse.threejs.org/t/material3d-editor-and-player/20870>\
**Category:** Showcase\
**Tags:** interaction, editor\
**Created:** [November 19, 2020, 10:06pm UTC](https://discourse.threejs.org/t/material3d-editor-and-player/20870 "2020-11-19T22:06:50Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tony\_Luo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/tony_luo/32/14693_2.png) [@Tony\_Luo](https://discourse.threejs.org/u/Tony_Luo)\
**Post date:** [November 19, 2020, 10:06pm UTC](https://discourse.threejs.org/t/material3d-editor-and-player/20870/1 "2020-11-19T22:06:50Z")

</div>

**Material3d** is a platform for users to create and run 3d scenes on web browsers. It includes two core modules: **Material3d Editor** and **Material3d Player**.

Material3d Editor is a single page app based on React.js and three.js, providing a visualized and WYSIWYG way to construct 3d scenes with objects, lights, cameras, textures, materials, animations, force fields and user interactions (mouse click, screen touch, and so on).

Material3d Player is a script running 3d scene files (created with the Editor) on web browsers.

Click [**here**](https://www.material3d.net/editor.html) to open an example of Material3d Editor.

[![editor-ui](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/8/875fcd833e6c4e0cc8d5d8e6cafaa3c8927a321a.png)](https://www.material3d.net/editor.html)

Click [**here**](https://www.material3d.net/gallery.html) to open examples of Material3d Player.

[![solar_system](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/7/7f1ee744faaa21def150703de0801514590d2777.jpeg)](https://www.material3d.net/gallery-solar_system.html)