Getting Started

Overview

Lunchbox lets you write ThreeJS scenes using web components. It's like react-three-fiber for any (or no) JS framework.

Write this:

<three-lunchbox>
    <three-mesh position-z="-5">
        <torus-knot-geometry></torus-knot-geometry>
        <mesh-normal-material></mesh-normal-material>
    </three-mesh>
</three-lunchbox>

And get this: