Tridiv – Web-Based “3D CSS Shapes” Editor

Tridiv is a free-to-use web application for creating 3D CSS shapes pretty easily.

Using the app, we can insert 4 different shapes (cuboid, pyramid, cylinder, prism) and resize or rotate them.

The editor interface displays all views (side, front, top) at the same time and it is possible to use any number of shapes.


Each shape can be styled (color, opacity, background image) and previewing the work is only a single-click away.

Once completed, Tridiv generates the HTML-CSS code and a “save button” can store it on localStorage.