Meng To
@MengTo • 189,362 subscribers
Founder at @designcodeio and https://t.co/Kpiogf225W. I teach designers code and developers design. My three.js templates: https://t.co/25OYbxYycG
Shorts
Videos
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: Repo: I'm adding a lot more soon. Pro comes with 50+ extra components, MCP, and skills. Early adopters get 50% off right now.
Meng To1,343,370 просмотров • 1 месяц назад
Opus 5.5 is next level. I’m genuinely impressed by the three.js details. I generated a playable boat scene through Japanese landscapes with dynamic weather, day and night lighting, realistic textures and 3D characters. Live site: The water reflections, physics, scenery and architecture are insane. I could look at this all day.
Meng To484,522 просмотров • 24 дней назад
Such a good skill for visual explainers. All SVG and animated. Prompt I used: 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.
Meng To110,261 просмотров • 6 дней назад
I asked Astra to create a Catan game in three.js and it came out incredibly well. I played it, and the animations make it so much fun. The instructions and info cards make the game easy to learn. It even has AI players and trading. Astra used another game I had started building as a reference. The more games I build, the more skills and assets I have for the next one. It can remix the UI, 3D models, pages, and sounds instead of rebuilding everything. Now I want to see how many other board games I can make from this foundation.
Meng To581,514 просмотров • 1 месяц назад
I built StoryComet with Fable 5.1 in three days. 15 animated children's books in five languages, with translated voiceovers, covers and UI. Parents can track progress. Kids can take quizzes, collect pins and 3D souvenirs, and switch languages on the fly. Six books teach English, Spanish, French, Japanese or Chinese. My three-day workflow: - Day 1: prototype (and post on X) - Day 2: 9 more books, languages, progress, quizzes, pins and souvenirs - Day 3: polish, domain name, supabase, accounts, Stripe and optimization The first three books are 100% free so you can try the whole experience. Members unlocks the other 12 at early-bird pricing. The 3D models and tokens cost me hundreds of dollars, so your support means a lot.
Meng To451,796 просмотров • 1 месяц назад
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 To641,752 просмотров • 1 месяц назад
I’m blown away by the quality of the landing pages that Opus 5 can create in Three.js. Prompting it with "orbit using mouse" is enough to create a 3D parallax effect. The same goes for "add particles to pointer." It’s like creating a living, breathing world. More prompts I used: - Add a butterfly that flies to the branch and flies away when I mouse over it. - During the intro, first load a wireframe of the branches, similar to the field-scanning effect in Death Stranding. - Add a scan effect to the card images while they load. Then I asked it to use the shader buttons and nav bar I made in previous projects. As explained in my last video, I started with an inspiration and the prompt, “Recreate this in Three.js in a single HTML file. Self-verify until perfect.” Opus 5 ran for two hours. All the code is less than 1 MB. Inspiration: Let me know if I should open-source this.
Meng To535,344 просмотров • 2 месяцев назад
I made a three.js landing page with 3D scrolling for every section of the site. Since AI got so good with 3D, you can replace videos with 3D instead. Apart from images, the whole site is 922 KB on disk, 290 KB gzipped. That's insane when a scrolling video site runs 20-100mb at 1080p depending on length. As usual I had to prompt for improved textures, lighting and alpha masking. I used Claude Code (desktop) with Opus 5, Higgsfield for images, and for the cloth effect on them. Inspiration was Daniel Snow's awesome landing page: Let me know if I should open-source. Don't wanna share too many without people asking.
Meng To611,417 просмотров • 2 месяцев назад
I open-sourced the Kage landing page and the three.js skills behind it. The whole thing is under 1mb of three.js and code, 3mb with the hq png images. For a site where every section scrolls through a 3D world, that's surprisingly good. Live site: Repo: Skills: - build-threejs-scroll-worlds - falling-leaves - pointer-trail-emitter Btw this took a lot of tokens and prompts. A follow helps if you want more of these.
Meng To469,695 просмотров • 2 месяцев назад
I made this holographic card with Opus 5.5 by combining 2D artwork with 3D objects. I used multiple PNG layers with a depth map skill then added 3D elements like the sword and card extrusion. That combination gives the card its depth. Making the best holographic card I can has been one of my side quests. I think this is it. Live site: My 3D skills are open source:
Meng To105,411 просмотров • 19 дней назад
I built a multiplayer Catan-inspired game entirely with Astra. It's free to play: It's mobile-friendly and has narration, guides, customizations, multiple expansions and a game lobby where anyone can join, chat, and use voice chat. It took 4 days to build and hundreds of dollars in tokens. Becoming a game dev in 2026 wasn't on my bingo card, but here we are. AI has advanced so much that you can finally make the game you've always dreamed of, even without a team.
Meng To183,044 просмотров • 1 месяц назад
Opus 5 is so good at creating these exploded-view and wireframe three.js product sites. Give it a video reference and it can build the experience directly in three.js or Blender. Then keep improving the details, textures, and lighting with follow-up prompts. I got our entire design team to turn landing pages built around images and video into three.js sites. They're lighter and easier to prompt. Since everything is code, AI can make more precise changes with fewer iterations. The difference between the old image-based sites and the new three.js versions is staggering. I can also jump in after the team finishes and help refine the details. Btw, is getting 100K views a day, which is absolutely nuts. The repo reached 3.8K GitHub stars in 4 days. It's my fastest-growing open-source project by far. So I added 60 more components. I'm also looking for sponsors to help fund ThreeUI long-term so I can keep adding to it.
Meng To234,530 просмотров • 1 месяц назад
I recorded a 40-min tutorial on how to create three.js landing pages using Claude Code and Opus 5
Meng To273,151 просмотров • 2 месяцев назад
It’s incredible how far you can push the UI with Fable 5.1. This is an interactive children's book that reads the story aloud, uses layered 3D illustrations, and animates every word. Fable created the concept and story from scratch based on a prompt. You can reuse the result as a template for more children's books, then have Fable voice, animate, and illustrate each one.
Meng To170,072 просмотров • 1 месяц назад
Okay, Fable 5.1 is crazy good at creating three.js sites. It’s faster, understands complex design instructions better, and recreates references with surgical precision. The English is also much easier to read. With this much power, it’s hard to settle for static sites, especially when so many AI-made sites look generic. A few things I noticed though: - It still creates generic AI illustrations if you don’t specify the images. - Difficult 3D subjects like people and dogs still become 3D slop unless I use Higgsfield 3D models. - You still have to push it to improve the textures, lighting, modeling, and small details. - Taste still matters. I had to fix overlapping elements, negative space, and scroll behavior. - I used and for the particle, VHS, and CRT effects. - Because it works faster, I go through tokens like there’s no tomorrow. Inspired by I can open-source this if anyone is interested.
Meng To183,435 просмотров • 1 месяц назад
Fable 5.1 one-shot this Dark Souls meets Diablo game. All code, 222 KB total, zero asset files. Every texture, model and sound effect is generated procedurally. The whole sfx system is 7 KB of Web Audio synthesis. It nailed mechanics I only named in text: stamina, dodge rolls, barbarian skills, and a punishing Souls-style boss. The soul pickups and death animations came out way smoother than I expected. What gets me is how much it infers from a few genre references, with no screenshots or video to go on. Reaching this level used to take dozens of prompts in Sol or Opus 5. Anyone with taste can now make really fun games in the browser.
Meng To149,601 просмотров • 1 месяц назад
Astra built this three.js game with gorgeous graphics, then recreated every scene in Blender and made the trailer too. It feels like a massive upgrade from Sol for 3D graphics and front-end design. The UI feels way more polished and less like AI slop. The rocks, trees, monuments, and characters are all procedural code, keeping the game under 2 MB before the image and music assets. The level of autonomy is unbelievable. It needed very little steering, though I still had to keep pushing it to work harder on the details. The UI icons, buttons, and ornaments were made as transparent PNGs with GPT Image 2.
Meng To137,306 просмотров • 1 месяц назад
Astra can create beautiful three.js UIs entirely in code. You don't need an assets library or MCP to create detailed 3D models. These are all code and are easy to customize for your agent. Give Astra a video, URL, or code reference, then ask it to keep comparing the result against the reference and fixing mistakes. Liquid Glass, shaders, motion design, procedural three.js models, and full environments. All from a few prompts. Some prompts I used: "Recreate this in a single HTML file with three.js. Keep comparing it against the reference and fix any differences." "Add Liquid Glass buttons. On hover, animate the lighting around the borders and make the background gradients move slightly with the pointer. Add subtle particles." "Improve the lighting, edges, and modeling. Give the keys more depth and verify the result against the real MacBook." Too many projects I could open-source. Let me know which one should I release.
Meng To109,140 просмотров • 1 месяц назад