STL Viewer — A1 Mini Edition

${ex.icon} ${ex.name}

${ex.desc}

${ex.size}${ex.time}

`;\n}\n\nfunction sidebarContent(): string {\n return `\n

Load Model

📦

Drop STL file here or click to browse

.stl

\n \n

\n \n \n

Examples (A1 Mini Ready)

\n ${EXAMPLES.map(exampleCard).join(\"\")}\n

Model Analysis

DIMENSIONS

—

FITS A1 MINI

—

TRIANGLES

—

EST. VOLUME

—

Display

Build volume

Grid floor

Wireframe

Auto-rotate

`;\n}\n\nexport function getLayout(): string {\n return `\n

\n \n \n\n \n \n\n \n

\n \n

Load an STL to preview

Drag & drop, paste URL, or try an example

Scroll to zoom · Drag to rotate · Shift+drag to pan

\n — X\n — Y\n — Z\n

\n\n \n

📦

Drop STL file to load

\n\n \n \n\n \n

\n ${sidebarContent()}\n

\n\n \n `;\n}\n",[],[172],"5f3a10ce-09d1-11f1-b35d-42dde27851f2","examples.ts","65af5608-030a-11f1-9c29-42dde27851f2",113,["D",1771093027546],11,"/**\n * Barrel file — re-exports all examples from individual files.\n *\n * To add a new example: create examples/yourModel.ts, then add one import + array entry here.\n * To edit one: change only its file in examples/.\n * Nothing else in the codebase needs to change.\n */\n\nexport type { Example } from \"./examples/types.ts\";\nimport type { Example } from \"./examples/types.ts\";\n\nimport vase from \"./examples/vase.ts\";\nimport gear from \"./examples/gear.ts\";\nimport castle from \"./examples/castle.ts\";\nimport kratky from \"./examples/kratky.ts\";\nimport duck from \"./examples/duck.ts\";\nimport bottleSleeve from \"./examples/bottleSleeve.ts\";\nimport bottleSleeveV2 from \"./examples/bottleSleeveV2.ts\";\nimport bottleManifold from \"./examples/bottleManifold.ts\";\nimport orangeCup from \"./examples/orangeCup.ts\";\n\nexport const EXAMPLES: Example[] = [vase, gear, castle, kratky, duck, bottleSleeve, bottleSleeveV2, bottleManifold, orangeCup];\n\n/**\n * Returns the client-side JS for the genExample(name) function,\n * built dynamically from the EXAMPLES array.\n */\nexport function getExampleGeneratorJS(): string {\n const cases = EXAMPLES.map(\n (ex) => `case '${ex.id}': {\\n${ex.generatorBody}\\n}`,\n ).join(\"\\n \");\n\n return `\n function genExample(name) {\n switch (name) {\n ${cases}\n default: return new THREE.BoxGeometry(50, 50, 50);\n }\n }`;\n}\n",[],[180],"46397d3a-0364-11f1-8811-42dde27851f2","README.md","ed7e7d54-0362-11f1-976a-42dde27851f2",101,["D",1770386463485],3,"# STL Viewer\n\nA web-based 3D model viewer and generator for creating printable STL files directly in your browser.\n\n## Demo Video\n\nhttps://www.val.town/x/dcm31/stl-viewer/code/README.md\n\n[Watch the demo on Loom](https://www.loom.com/share/ac0933b3cb8f4c56b32b065d75fd36af)\n\n## Features\n\n- 🎨 Generate 3D models procedurally using Three.js\n- 👁️ Interactive 3D viewer with orbit controls\n- 💾 Export models as STL files for 3D printing\n- 📦 Pre-built examples: Vase, Gear, Castle, Kratky, and Duck\n\n## Usage\n\nVisit the live viewer and select from the example gallery to view and download pre-built models.\n\n### Want to Create Your Own Models?\n\n**You'll need to remix this val first!** Click the \"Remix\" button at the top of the Val Town editor to create your own copy that you can edit.\n\n## Adding New Examples\n\nOnce you've remixed this val:\n\n1. Create a new file in `examples/yourModel.ts`\n2. Define your model following the `Example` interface\n3. Add the import and array entry in `examples.ts`\n\nThat's it! The viewer will automatically pick up your new model.",[],[189],["D",1770348222247],[200,201,202,203,204,205,206,207,208,209],[19],{"_43":123,"_13":124,"_46":125,"_48":49,"_50":51,"_52":126,"_54":55,"_56":237,"_17":128,"_59":24,"_60":129,"_62":63,"_64":-5,"_150":238,"_18":239},{"_43":116,"_13":117,"_46":118,"_48":49,"_50":51,"_52":119,"_54":55,"_56":234,"_17":58,"_59":24,"_60":121,"_62":63,"_64":-5,"_150":235,"_18":236},{"_43":109,"_13":110,"_46":111,"_48":49,"_50":51,"_52":112,"_54":55,"_56":231,"_17":58,"_59":24,"_60":114,"_62":63,"_64":-5,"_150":232,"_18":233},{"_43":102,"_13":103,"_46":104,"_48":49,"_50":51,"_52":105,"_54":55,"_56":228,"_17":58,"_59":24,"_60":107,"_62":63,"_64":-5,"_150":229,"_18":230},{"_43":95,"_13":96,"_46":97,"_48":49,"_50":51,"_52":98,"_54":55,"_56":225,"_17":58,"_59":24,"_60":100,"_62":63,"_64":-5,"_150":226,"_18":227},{"_43":88,"_13":89,"_46":90,"_48":49,"_50":51,"_52":91,"_54":55,"_56":222,"_17":58,"_59":24,"_60":93,"_62":63,"_64":-5,"_150":223,"_18":224},{"_43":80,"_13":81,"_46":82,"_48":49,"_50":51,"_52":83,"_54":55,"_56":219,"_17":85,"_59":24,"_60":86,"_62":63,"_64":-5,"_150":220,"_18":221},{"_43":73,"_13":74,"_46":75,"_48":49,"_50":51,"_52":76,"_54":55,"_56":216,"_17":58,"_59":24,"_60":78,"_62":63,"_64":-5,"_150":217,"_18":218},{"_43":66,"_13":67,"_46":68,"_48":49,"_50":51,"_52":69,"_54":55,"_56":213,"_17":58,"_59":24,"_60":71,"_62":63,"_64":-5,"_150":214,"_18":215},{"_43":44,"_13":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":210,"_17":58,"_59":24,"_60":61,"_62":63,"_64":-5,"_150":211,"_18":212},["D",1770348248113],[],[19,45],["D",1770348230464],[],[19,67],["D",1771093003110],[],[19,74],["D",1770349262786],[],[19,81],["D",1770348258342],[],[19,89],["D",1770383008628],[],[19,96],["D",1770348267623],[],[19,103],["D",1770525898490],[],[19,110],["D",1770525644378],[],[19,117],["D",1770560459518],[],[19,124],"d0edb300-0301-11f1-85c1-42dde27851f2",["D",1770344176025],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","3D STL viewer with A1 Mini build volume","imageUrl","userId","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_294":290},"org",{"_11":12,"_287":288,"_289":290,"_250":251,"_291":292,"_293":63},"branch",{"_17":182,"_13":16,"_43":51,"_279":240,"_280":-5,"_281":-5,"_282":-5,"_283":-5,"_284":-5,"_285":14,"_286":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789590469&sig=a2d1ce6082bdb82e9213f14bea39b0477b6570334a9f7ba3384346c1b04dbe94","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_43":240,"_13":14,"_56":395,"_242":-5,"_243":63,"_244":245,"_246":245,"_247":248,"_249":-5,"_250":251,"_252":163,"_253":55,"_254":-5,"_255":-5,"_256":58,"_257":258,"_259":-5,"_260":-5,"_261":-5,"_262":-5,"_263":264,"_265":264,"_266":267,"_268":267,"_269":267,"_270":264,"_271":264,"_272":396,"_274":397,"_276":398,"_278":63},[344,355,356,357,358,359,360],"files",[344,345,346,347,348,349,350,351,352,353,354,355,356,357,358,359,360],"counts",{"_335":58,"_336":148,"_337":148,"_32":338,"_339":340},[315,316,317,318,319,320,321,322,323,324],{"_43":131,"_13":19,"_46":49,"_48":-5,"_50":51,"_52":132,"_54":55,"_56":133,"_17":58,"_59":134,"_60":-5,"_62":63,"_64":-5,"_18":314},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_43":123,"_13":124,"_46":125,"_48":49,"_50":51,"_52":126,"_54":55,"_56":127,"_17":128,"_59":24,"_60":129,"_62":63,"_64":-5,"_18":334},{"_43":116,"_13":117,"_46":118,"_48":49,"_50":51,"_52":119,"_54":55,"_56":120,"_17":58,"_59":24,"_60":121,"_62":63,"_64":-5,"_18":333},{"_43":109,"_13":110,"_46":111,"_48":49,"_50":51,"_52":112,"_54":55,"_56":113,"_17":58,"_59":24,"_60":114,"_62":63,"_64":-5,"_18":332},{"_43":102,"_13":103,"_46":104,"_48":49,"_50":51,"_52":105,"_54":55,"_56":106,"_17":58,"_59":24,"_60":107,"_62":63,"_64":-5,"_18":331},{"_43":95,"_13":96,"_46":97,"_48":49,"_50":51,"_52":98,"_54":55,"_56":99,"_17":58,"_59":24,"_60":100,"_62":63,"_64":-5,"_18":330},{"_43":88,"_13":89,"_46":90,"_48":49,"_50":51,"_52":91,"_54":55,"_56":92,"_17":58,"_59":24,"_60":93,"_62":63,"_64":-5,"_18":329},{"_43":80,"_13":81,"_46":82,"_48":49,"_50":51,"_52":83,"_54":55,"_56":84,"_17":85,"_59":24,"_60":86,"_62":63,"_64":-5,"_18":328},{"_43":73,"_13":74,"_46":75,"_48":49,"_50":51,"_52":76,"_54":55,"_56":77,"_17":58,"_59":24,"_60":78,"_62":63,"_64":-5,"_18":327},{"_43":66,"_13":67,"_46":68,"_48":49,"_50":51,"_52":69,"_54":55,"_56":70,"_17":58,"_59":24,"_60":71,"_62":63,"_64":-5,"_18":326},{"_43":44,"_13":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_17":58,"_59":24,"_60":61,"_62":63,"_64":-5,"_18":325},[19,45],[19,67],[19,74],[19,81],[19,89],[19,96],[19,103],[19,110],[19,117],[19,124],"pulls","branches","forks",{"_341":58,"_343":58},"connections",{"_341":58,"_342":58},"count","unfilledCount","emptyCount",{"_43":131,"_13":19,"_46":49,"_48":-5,"_50":51,"_52":132,"_54":55,"_56":197,"_17":58,"_59":134,"_60":-5,"_62":63,"_64":-5,"_150":393,"_18":394},{"_43":123,"_13":124,"_46":125,"_48":49,"_50":51,"_52":126,"_54":55,"_56":237,"_17":128,"_59":24,"_60":129,"_62":63,"_64":-5,"_150":391,"_18":392},{"_43":116,"_13":117,"_46":118,"_48":49,"_50":51,"_52":119,"_54":55,"_56":234,"_17":58,"_59":24,"_60":121,"_62":63,"_64":-5,"_150":389,"_18":390},{"_43":109,"_13":110,"_46":111,"_48":49,"_50":51,"_52":112,"_54":55,"_56":231,"_17":58,"_59":24,"_60":114,"_62":63,"_64":-5,"_150":387,"_18":388},{"_43":102,"_13":103,"_46":104,"_48":49,"_50":51,"_52":105,"_54":55,"_56":228,"_17":58,"_59":24,"_60":107,"_62":63,"_64":-5,"_150":385,"_18":386},{"_43":95,"_13":96,"_46":97,"_48":49,"_50":51,"_52":98,"_54":55,"_56":225,"_17":58,"_59":24,"_60":100,"_62":63,"_64":-5,"_150":383,"_18":384},{"_43":88,"_13":89,"_46":90,"_48":49,"_50":51,"_52":91,"_54":55,"_56":222,"_17":58,"_59":24,"_60":93,"_62":63,"_64":-5,"_150":381,"_18":382},{"_43":80,"_13":81,"_46":82,"_48":49,"_50":51,"_52":83,"_54":55,"_56":219,"_17":85,"_59":24,"_60":86,"_62":63,"_64":-5,"_150":379,"_18":380},{"_43":73,"_13":74,"_46":75,"_48":49,"_50":51,"_52":76,"_54":55,"_56":216,"_17":58,"_59":24,"_60":78,"_62":63,"_64":-5,"_150":377,"_18":378},{"_43":66,"_13":67,"_46":68,"_48":49,"_50":51,"_52":69,"_54":55,"_56":213,"_17":58,"_59":24,"_60":71,"_62":63,"_64":-5,"_150":375,"_18":376},{"_43":44,"_13":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":210,"_17":58,"_59":24,"_60":61,"_62":63,"_64":-5,"_150":373,"_18":374},{"_43":188,"_13":189,"_46":190,"_48":-5,"_50":51,"_52":191,"_54":55,"_56":192,"_17":193,"_59":24,"_60":194,"_62":63,"_64":-5,"_150":371,"_18":372},{"_43":179,"_13":180,"_46":181,"_48":-5,"_50":51,"_52":182,"_54":55,"_56":183,"_17":184,"_59":24,"_60":185,"_62":63,"_64":-5,"_150":369,"_18":370},{"_43":171,"_13":172,"_46":173,"_48":-5,"_50":51,"_52":174,"_54":55,"_56":175,"_17":148,"_59":24,"_60":176,"_62":63,"_64":-5,"_150":367,"_18":368},{"_43":161,"_13":162,"_46":163,"_48":-5,"_50":51,"_52":164,"_54":55,"_56":165,"_17":166,"_59":167,"_60":168,"_62":63,"_64":-5,"_150":365,"_18":366},{"_43":153,"_13":154,"_46":155,"_48":-5,"_50":51,"_52":156,"_54":55,"_56":157,"_17":58,"_59":24,"_60":158,"_62":63,"_64":-5,"_150":363,"_18":364},{"_43":143,"_13":144,"_46":145,"_48":-5,"_50":51,"_52":146,"_54":55,"_56":147,"_17":148,"_59":24,"_60":149,"_62":63,"_64":-5,"_150":361,"_18":362},[],[144],[],[154],[],[162],[],[172],[],[180],[],[189],[],[19,45],[],[19,67],[],[19,74],[],[19,81],[],[19,89],[],[19,96],[],[19,103],[],[19,110],[],[19,117],[],[19,124],[345,346,347,348,349,350,351,352,353,354],[19],["D",1770344176025],{"_11":12,"_294":290},{"_11":12,"_287":288,"_289":290,"_250":251,"_291":292,"_293":63},{"_17":182,"_13":16,"_43":51,"_279":240,"_280":-5,"_281":-5,"_282":-5,"_283":-5,"_284":-5,"_285":14,"_286":12},"ctx",{"_272":-5,"_311":432,"_433":434,"_435":436,"_437":63,"_438":63,"_439":63,"_440":55,"_441":-5,"_442":-7,"_443":-7,"_444":58,"_445":63,"_446":63,"_447":-5,"_448":63,"_449":63,"_450":63,"_451":-5},"ENV",{"_403":404,"_405":406,"_407":16,"_408":409,"_410":411,"_412":413,"_414":415,"_416":417,"_418":419,"_420":421,"_422":423,"_424":425,"_426":427,"_428":429,"_430":431},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Model Analysis

◆ STL VIEWER