TutuModel
Skip to content

Or write code

Model in JSX: loops, conditions, reusable functions — the easy way through complex structure

What this actually means

  • The syntax is JSX: `<Box size={[20,10,5]} />`. Zero learning curve if you know React, and readable enough to edit if you do not.
  • Twelve holes in a row is a loop, not twelve operations — with the spacing as a variable.
  • Code and canvas stay in sync both ways: click a block, the cursor jumps to its line; edit the code, the model recomputes.
  • Reusable components: write a 「mounting tab with a countersunk hole」 once and use it everywhere.

Common questions

I cannot code. Is this a problem?
Not at all. The code view is there for people who want it; sentence-based modeling and drag editing never touch it.
How does it compare to OpenSCAD?
Same idea (code produces geometry), with one difference: here the code and the visual editor are two views of the same data — edit either and the other follows. You do not have to pick one.
Can I take the code with me?
Yes, export the whole project any time. It is plain JSX text, not a proprietary binary.

More it can do