@MengTo

Founder at @designcodeio and https://xitter.cf/t.co/Kpiogf225W. I teach designers code and developers design. My three.js templates: https://xitter.cf/t.co/25OYbxYycG

 Singapore
designcode.io
Joined May 2007
  • Tweets29.5K
  • Following468
  • Followers19K
1.6KMedia
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: threeui.com Repo: github.com/MengTo/threeui 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
@MengToAug 19
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.
173
843
85
9,188
1,348,243
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: framer.com/mcp It's a cheat code for polishing the details, working with clients and creating templates.
🤝 Paid partnership

Framer MCP: Connect your AI agent directly to Framer

The official Framer MCP connects Codex, Claude, Cursor, and other AI agents to your Framer projects. Build, manage, and review changes before they go live.

framer.com
Framer
@framer6h
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. framer.link/mcp
5
1
18
3,428
Meng To retweeted
Meng To
@MengToOct 17
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. pika.art/mcp/chatgpt/install… 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: tesla.com/roadster 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.
🤝 Paid partnership
Pika
@pika_labsOct 16
Creative work demands a visual environment. So we partnered with OpenAI to turn ChatGPT into one. Introducing the Pika X ChatGPT plugin extension. All of Pika’s creative tools are now directly in your chat and side panel, in a new interactive creation experience. More on what’s new 👇
15
20
1
241
19,680
Meng To retweeted
Meng To
@MengToOct 21
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: fil.design/skills/html-demo
30
59
7
650
33,865
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: fil.design/skills/html-demo
30
59
7
650
33,865
I planned the camera moves in 3D, then made this anime sequence in Kling 4.0. Keyframes, Three.js camera studies, five generated shots. Full process below. Kling 4.0. You call the shots. Try it: kling.ai
🤝 Paid partnership
11
3
1
50
8,399
more replies
7/ I kept the images, prompts, scene HTML, camera previews and clips together in Fil. I built an editable timeline, then used FFmpeg to assemble five original exports, soften audio boundaries and add the small official corner logo.
1
1
1,099
8/ The 25-second cut opens on the seaside and closes with the original animated emblem. These are five shots edited together. Try Kling AI: kling.ai @Kling_ai #KlingAI #Kling4

Kling AI: Next-Gen AI Video & Image Generator

Create high-quality AI videos and images with Kling AI. Turn text, images, and references into multimodal creative content in one studio.

kling.ai
1
1,046
Meng To retweeted
Meng To
@MengToOct 17
Me explaining my entire workflow in a 38-min tutorial
20
46
591
31,827
Me explaining my entire workflow in a 38-min tutorial
20
46
591
31,827
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. pika.art/mcp/chatgpt/install… 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: tesla.com/roadster 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.
🤝 Paid partnership
Pika
@pika_labsOct 16
Creative work demands a visual environment. So we partnered with OpenAI to turn ChatGPT into one. Introducing the Pika X ChatGPT plugin extension. All of Pika’s creative tools are now directly in your chat and side panel, in a new interactive creation experience. More on what’s new 👇
15
20
1
241
19,680
Gave Glimpse a 1 min clip of my smart home demo and asked for the 3D issues. It came back with timestamps: the porch collapsing into a floating wall at 24.1s, a lantern hanging off the wall, a doormat flickering to lawn. All at $0.60/M input, $3/M output.
🤝 Paid partnership
Andrew M. Dai
@AndrewDaiOct 16
Spent years watching models ace a single image and completely whiff on anything that moves or changes angle. Today we’re fixing that. Try Glimpse now, our first visual thinking model with competitive frontier performance compared to Astra on key public visual reasoning benchmarks.
6
3
1
46
7,173
Meng To retweeted
Meng To
@MengToOct 15
You can pretty much reverse engineer any device in your home and build a mac app around it. Applied to lights, doors, ac and even the future robot helper. Here's the skill: github.com/morluto/rea It's crazy what you can build nowadays with a skill and a few prompts.
Ilter Canberk
@icanberkOct 10
Reverse engineered my AC, and vibe coded a lil status bar app so I don't have to find the remote every time. No first world problem will remain unsolved in 2026.
62
213
16
2,802
141,426
You can pretty much reverse engineer any device in your home and build a mac app around it. Applied to lights, doors, ac and even the future robot helper. Here's the skill: github.com/morluto/rea It's crazy what you can build nowadays with a skill and a few prompts.
Ilter Canberk
@icanberkOct 10
Reverse engineered my AC, and vibe coded a lil status bar app so I don't have to find the remote every time. No first world problem will remain unsolved in 2026.
62
213
16
2,802
141,426
Meng To retweeted
Meng To
@MengToOct 11
Such a good skill for visual explainers. All SVG and animated. Prompt I used: github.com/wheresryan22/anat… install skill /anatomy Explain how Seedream 5.0 is able to split an image into layers and what cool things you can produce with it. Do that in a single HTML file. Change the camera/zoom in for scene 1 to 5 to explain more clearly.
R
@wheresryan22Oct 10
Introducing Anatomy Describe a machine in one line. Claude brings it to life. - Interactive isometric wireframes you can rotate, inspect and explore - WebGL shaders for fire, water, plasma and more - Real 3D motion, with individual parts that rotate and move Install it as an agent skill. Fully open source.
33
216
8
2,543
112,417
Load more