Founder at @designcodeio and https://xitter.twitterapi.xyz/t.co/Kpiogf225W. I teach designers code and developers design. My three.js templates: https://xitter.twitterapi.xyz/t.co/25OYbxYycG
Singapore
Joined May 2007
- Tweets29.8K
- Following472
- Followers191K
- Likes41.7K
Pinned Tweet
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.
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.
Full tutorial of how I recreated my apartment in three.js with opus 5.5 and fable 5.2
I recreated my three.js apartment in Blender with Fable 5.2
Just mind-blowing. I was already obsessed with Opus 5.5, but this model is something else. Faster, more accurate and token efficient.
Every round:
1. 6.8 Flash writes the whole page, one HTML file with Three.js
2. A browser screenshots five scroll points, plus any console errors
3. It scores the shots, lists what's wrong and rewrites the page
4. Errors go straight back to it. A worse round gets thrown away
🤝 Paid partnership
1
2
1,159
I built this landing page with Opus 5.5 and Lottie AI by @LottieFiles.
The card, the logo and the menu icons aren't videos. They're Lottie files. The card is 51 KB. The ring light plays live on the 3D card.
How I made them ↓
🤝 Paid partnership
1/ The card was one prompt in Lottie AI: an 8-second loop, float the card, shimmer the chip, pulse the status icons. Turbo had it in about a minute, with Ambient and Focused states.
"Change the credit card to light mode" made v3. I kept the dark v1 and exported a dotLottie.
🤝 Paid partnership
2
12
1,629
I turned my apartment into a three.js scene with Opus 5.5 so I can record videos for my tutorials.
It's fully interactive and you can walk through it in the browser. You can change the lighting and set different render styles. All objects are code using the scoring system.
7 landing page sites worth bookmarking
1. threeui.com - 80+ three.js landing page templates
2. lapa.ninja - 7,300+ landing pages, with full screenshots and videos
3. curated.design - real live sites, filter by style or industry
4. landingfolio.com - landing pages, templates and components
5. saaslandingpage.com - only SaaS examples
6. onepagelove.com - one-page sites and templates
7. dark.design - hand-picked dark themed sites
every page in the video is from threeui.com
open-source animation of the macbook touch background.
repo: github.com/kubai087/pro-thre…
xitter.twitterapi.xyz/Kubai087/status/211620…
building 3d should be part of all harnesses.
url: kimi.ai/make3d
xitter.twitterapi.xyz/Kimi_Moonshot/status/2…
Introducing 3D Make in Kimi.
Kimi connects to tools like Blender and CAD tools to create models, assemble scenes, and develop games.
Available now on kimi.ai and Kimi Work.
I love how much we can push portfolio sites with three.js and opus 5.5.
Site: bricelab.dev
xitter.twitterapi.xyz/brice_deg/status/21161…
my portfolio is now live!
it finally reflects the kind of work i want to make. available for 3D web projects 👇
bricelab.dev
such a cool skill for studying brands.
skill: treg.to/rea-growth
repo: github.com/superdesigndev/tr…
xitter.twitterapi.xyz/jasonzhou1993/status/2…
Introducing /REA-growth skill
Reverse-engineer any company's growth
- Name any company, get its growth blueprint
- Every move on its timeline: SEO, AEO, ads, social
- $0.58 for a full Lovable teardown
- Fully OpenSource
Try it at treg.to/rea-growth
Partnered with @sharenow_today
Repo link below 👇
I recorded a 13-min video on how to build a 3D website with Claude Code and Opus 5.5
The whole workflow:
→ find 3D references on Mobbin, right inside Claude
→ one prompt with the references, the plan and the camera
→ pick the right medium: what's real 3D, what's painted light, what's a cut-out
→ the dream loop: Opus screenshots its own build, scores it against a target image, and fixes what's off
→ furnish the room, then fix the mistakes and make it fast on phones
Round 1 scored 4.6. The dream loop took it past 8.
Full video on YouTube, with the prompts and the dream loop skill: youtu.be/I96tdKCCI3g
1
7
3,454
geist is the anti-slop font.
url: vercel.com/font
xitter.twitterapi.xyz/vercel/status/21161912…
Cool way to bring back Skeuomorphic UI
App: apps.apple.com/us/app/tiny-c…
xitter.twitterapi.xyz/snsnotecom/status/2113…
novel way to mix architecture, web design and 3d. opus 5.5 is a beast with three.js.
prompt: github.com/Sam1983Aing/casa-…
xitter.twitterapi.xyz/SammmAing/status/21097…
This got over 60K views on Threads and LinkedIn combined overnight, which never happens to me. So here it is for X.
A flat floor plan that builds itself into a house as you scroll. Built with @claudeai Opus 5.5.
Figma Weave designed this whole page. One canvas made the same frame in four seasons, the depth maps and the motion studies.
Then I handed that folder to Claude Code to build it.
Prompt below ↓
See the workflow: app.weavy.ai/flow/6yKBise7YH…
🤝 Paid partnership
any vibe coded desktop app can now add computer use as a feature.
repo: github.com/vercel-labs/agent…
xitter.twitterapi.xyz/ctatedev/status/211632…
