STL Viewer Custom HTML Element

25 May, 2021

I made this little STL viewer to show off the 3D models I have been making to print. Click and drag to change the view!

The model shown here is a plastic bracket to hold an LED bar in a greenhouse cabinet.

It’s implemented as an HTML custom element. I haven’t used them before and it was pretty simple to make, and I think the best part is how streamlined it is to use:

<stl-viewer model="/uploads/2021/05/example.stl"></stl-viewer>

The custom element spec lets you add your own attributes to the elements, like model in this example. I found this article helpful in showing practical examples.

Find it on GitHub here!