Meng To
@MengTo
Followers
152K
Following
36K
Media
1K
Statuses
28K
Founder at @designcodeio and https://t.co/Kpiogf2zVu. I teach designers code and developers design.
Singapore
Joined May 2007
I recorded a 37-min tutorial on how to prompt with Gemini 3 to get the best UIs
104
625
6K
Huge UI design boost by adding this to my AI workflow 1. Explore variations with @variantui. The secret is to use "shuffle layout" and "see other views". This keeps the essence of a design that I like, but gives interesting layout variations. I also change colors and explore
14
35
615
These are HTML made in https://t.co/GqJwzEec6N, not static designs. They’re animated, fully responsive landing pages: https://t.co/11YrxhTirI
https://t.co/3XQ4MqskhI
https://t.co/zFXrMsiVi7 You can fulfill a real business need (landing pages) without complex frameworks. Just
nebula.aura.build
A cutting-edge landing page template designed for Web3 protocols to showcase scalable, secure, and decentralized blockchain infrastructure solutions.
10
4
63
My product passed 50k MRR. Half of it from last month. Bootstrapped, all vibe coded. People thought I was crazy to create a vibe coding tool without React. It’s useless without building a full app they said. AI can do everything they said. But I went all in on HTML. I focused
93
32
737
How I turn my templates into real landing pages. Works for any vibe coding platform or site. This is my full guide. I start with Gemini 3. I copy the HTML code and paste to Cursor/v0/lovable and prompt "Create a new landing page /page-name using this design but adapted to
32
37
527
I used the prompts and components in https://t.co/GqJwzEec6N Templates mentioned: https://t.co/3XQ4MqskhI
https://t.co/tIvD4Zie9E Resources mentioned: https://t.co/jUUN5wQBlv
https://t.co/SzD70DhFCI
https://t.co/BEUyDfmjCH
https://t.co/3HRT8RycUw
https://t.co/DKimVkLQsR Many
mobbin.com
Save hours of UI & UX research with our library of 400,000+ fully searchable mobile & web app screenshots.
7
26
234
I recorded a 50-min tutorial on prompting top-tier landing pages with Gemini 3
99
724
7K
I used https://t.co/GqJwzEec6N but you can totally use lovable, v0, cursor, etc. Get the templates here: https://t.co/3XQ4MqskhI
https://t.co/tIvD4Zie9E
https://t.co/rEpUccxfVP
https://t.co/3TWUORtzr5 A lot of people ask me about the animated background: it's made in
5
20
199
How I created these landing pages with Gemini 3 from start to finish First, I start with the hero section. It includes the nav bar, eyebrow, headline, subheadline, cta, social proof and visual. I spend 50% of the time here because it sets the colors, typography, spacing, which
98
409
4K
So the tool I'm using https://t.co/GqJwzEec6N Instagram slides template: https://t.co/QTgyJR7bVH
https://t.co/6BPpflHDrF You can remix the animated background: https://t.co/zdVUezxubv Animated landing pages: https://t.co/vN8CP3idLp
https://t.co/zFXrMsiVi7 Here are all the
nebula.aura.build
A cutting-edge landing page template designed for Web3 protocols to showcase scalable, secure, and decentralized blockchain infrastructure solutions.
4
5
98
I recorded a 45-min tutorial on how to prompt animations with Gemini 3
70
632
6K
Play with the templates on https://t.co/GqJwzEec6N
https://t.co/nIoy0EqP0j
https://t.co/g4LIS8Fkec Here's the prompt: Turn this into 8 sections for instagram slides: each section is full-width with 3/4 aspect ratio card v-center h-center inside like a site section with
instagram-slides-02.aura.build
A reusable landing page template showcasing motion design and animation techniques for sleek, modern UI interfaces.
6
6
143
So I asked Gemini 3 to turn my tweets into instagram slides. It created a template in HTML.
80
96
2K
Opus 4.5 is available on https://t.co/GqJwzEec6N at same cost as Sonnet for a limited time. These templates were made with Opus 4.5 + Gemini 3: https://t.co/Df49WpNnEj
https://t.co/v0aigmJlB4
https://t.co/REHcpFPMdM
https://t.co/cyuhxLg3Pa Btw, we're starting to get a lot
2
0
30
Claude 4.5 Opus is actually a big upgrade. Great vision, better understanding of layout, colors, typography and animations. But still not quite Gemini 3 Pro. Honestly, it doesn't have to be. It's faster, more stable and is a beast at coding. Outside of UI, it managed to solve a
32
30
550
The animations are live on https://t.co/GqJwzEdEhf
https://t.co/Gba3pfnvfE
https://t.co/A7z73dBTcq To help with the accuracy of the animations, I highly recommend including an existing component that has that particular animation (eg from https://t.co/GDyoFI25ih,
2
4
90
Gemini 3 is the best model at creating animations. It's not even close. Here are the prompts I used for creating these UI animations. You don't need animations everywhere, but there are key places where it can enhance your design: the hero intro, hover interactions, slow
56
238
3K
The tool I'm using is https://t.co/GqJwzEec6N These are the templates in the video: https://t.co/l0ffA9KhIW
https://t.co/G9pOx9VtXA
https://t.co/GM8YcRrH6q
https://t.co/E3mzG1TeHp
https://t.co/iE74NKgddv You can get these Unicorn Studio remixes: https://t.co/znXfVlksXl
1
5
106
So this is all done in html in https://t.co/GqJwzEec6N. 1) https://t.co/l0ffA9KhIW 2) https://t.co/G9pOx9VtXA 3) https://t.co/GM8YcRrH6q I like having my design tools for editing the details. No matter how smart, it'll still make mistakes: wrong icons, bad images, misaligned
5
7
196