Meng To

Founder at @designcodeio and I teach designers code and developers design.

My three.js templates:

[Meng To @MengTo]

I open-sourced ThreeUI, my library of three.js components and landing pages.

160+ are free, and the tool is free too. It includes procedural 3D hero sections, icons, and motion designs. Copy the prompt or source, give it to your agent, then change the theme, lighting, motion or layout.

Live site: https://t.co/rtCfqeZnOP

Repo: https://t.co/B66ahgxHVl

I'm adding a lot more soon. Pro comes with 50+ extra components, MCP, and skills. Early adopters get 50% off right now.

[Meng To @MengTo]

I'm building a library of three.js templates with variants and customizations. They're all copyable as prompts.

These components are 100–200 KB each and written entirely in procedural js. They also come with skills your agent can use to customize them while keeping them looking amazing.

I've spent so many hours fine-tuning each one with sunrise and sunset themes, plus different locations. I've been using them for all my recent landing pages.

Let me know if I should open-source the tool with both free and paid templates. I've spent so many tokens on this.

[Meng To @MengTo]

@BuzzMalx insane what you can do with flash models now

[Meng To @MengTo]

I made these landing pages with MiniMax M3.1 Flash, at a fraction of the cost of frontier models.

Three keyboard sites, a SaaS page, a rainy 3D Singapore at night and a little 3D lighthouse game.

My favourite is the exploded keyboard one. I made one render of the keyboard in MiniMax first, and every painting, photo and film came from that render, so it's the same board in every room.

$0.15 per 1M input tokens, $0.60 per 1M output. Here's the whole process, prompts included.

[Meng To @MengTo]

@VanhDesign yes, flash models are very good for drafting and experimenting

[Meng To @MengTo]

@proxy_vector One prompt then a few follow-ups for polish mainly. Since it's a flash model, takes 2-5x more iterations than frontier ones. But again this is 3D and not its main strength.

for simpler ones, won't take as many tries.

[Meng To @MengTo]

@aksonvady yep, for most pages, this is more than enough

[Meng To @MengTo]

@ravixalgorithm 😂 these pages are getting crazy premium

[Meng To @MengTo]

@wheresryan22 Use my prompts on MiniMax Code: https://t.co/T5MmHySNfN

[Meng To @MengTo]

None of it was one prompt. Each page took a few rounds: after every pass I took screenshots, had them reviewed, and gave M3.1 Flash a short list of fixes in a fresh session.

It's fast enough that a round fits in about an hour, and cheap enough that I never hesitated to run another.

[Meng To @MengTo]

@whyrePRMR works with any agent

[Meng To @MengTo]

I made a skill that turns your app into a demo in HTML.

So they stay sharp at any size, loop, scrub, jump to any step and stand still for reduced motion.

I open-sourced it as a skill:

https://t.co/TPJ0A8qPJb

[Meng To @MengTo]

@amybuildsAI best thing is to use claude opus 5.5 to upgrade site

[Meng To @MengTo]

You can pretty much turn all your Claude and Codex sites into Framer sites in one prompt:

Create a copy of this site in Framer using the MCP: https://t.co/lK4e1vuA4O

It's a cheat code for polishing the details, working with clients and creating templates.

[Framer @framer]

The Framer MCP is here. Design, build, and update your site with AI tools like ChatGPT, Claude, Cursor, and Grok. Without giving up Framer’s flexibility, reliability, and control. https://t.co/yt43GiqLBu

[Meng To @MengTo]

I used the new Pika ChatGPT plugin to art direct this landing page. Has pretty much all the image and video gen models, plus really good editing tools. All inside Codex.

https://t.co/KXt2IcWBRI

Here's the full prompt:

Create a landing page for the new roadster car, and we're going to recreate everything in 3D using Three.js. But first, I want you to use the Pika plugin to image-generate the website design for each section, and be creative about how we're going to present the car. For reference: https://t.co/PtyKoHAliz Do it in the style of Tesla but dark mode.

I need generations as references for each section of the site before generating in three.js.

Make sure to get the 3D to be at least a score of 8 out of 10.

[Meng To @MengTo]

I made a skill that turns your app into a demo in HTML.

So they stay sharp at any size, loop, scrub, jump to any step and stand still for reduced motion.

I open-sourced it as a skill:

https://t.co/TPJ0A8qPJb

[Meng To @MengTo]

@p4nthera_ sure, feel free to

[Meng To @MengTo]

@seifalsaatie with claude code doing all the work. can't say no.

this used to take so long!