Samnang Aing

I built a fun little DNA system for AI layouts with Codex and Aura The idea is simple: take one basic layout, apply one prompt, and push it into a much more specific design direction I’m giving away 12 free prompts. Comment DNA and I’ll send them to you.

@tojawuzik very nice! and then what do you do with it

Details, details, details... 👀

@thebuggeddev @NanoBanana Very nice

You can literally vibe code almost anything these days if you’ve got the right AI tools. The only real limit is your creativity (and, well… AI token limits 🤣). For first time, I used @NanoBanana Pro to generate all assets based on a referenced Dribbble design by @Bogdanlifestyle and then used Codex to quickly build this cool creative hero section with a few subtle animation effects :D It didn’t even require a big or master prompt. It generated this with just 2–3 lines of instructions, simply telling it to build the website using the assets provided in the public folder. Crazy coool, isn't it?!

Gemini 3.1 Pro is so freaking good at making skeuomorphic user interfaces and animating them

@MengTo this is not AI 🤯🤯🤯🤯 I want to learn to do that

Gemini 3.1 Pro is an absolute beast for creating landing pages. It understands designs details and animations so well. Insane upgrade for web designers.

I built a WebGL sequence animation driven entirely by scroll using Gemini 3.0 (...not even 3.1) Just 5 phases: Cloud → Sphere → Grid → Blast → Infinite Stream. It transforms into a full-screen particle stream that flies toward you infinitely. Scrolling becomes the timeline. You’re not watching the animation. You’re driving it. If you to explore the animations files and the prompt used, just leave a comment and connect with me.

I came across this tool. It creates beautiful WebGL 3D websites and this is completely on another level. The demo speaks for itself. If you want to wow your audience, this is a skill worth learning. @PeachWeb_

@titepommee Why only 49 views 👀

Most landing pages rely on heavy animation to feel impressive. But strong typography and atmosphere can be enough. I designed a cinematic race event landing page focused on tension, scale, and emotion instead of WOW motion backgrounds. Still structured like a SaaS system. Emotion first, then structure. Pro template. Free for 48 hours. Comment “Aura” 👇

Animations: aura.build/share/webgl?vi…

One prompt. Fully animated WebGL hero. I pushed Gemini beyond its usual use cases to test its animation capabilities. Comment if you want the exact prompts + animation file.

@uikuba just my honest opinion, this layout doesn't give the "athlete" app vibe. I prefer your other design.

Hero section design for a hybrid athlete app

@sujon_co very nice! clean design with nice choice of colors

SaaS Landing Page

@GreySaurabh 6 combo !

🎁 GIVEAWAY ALERT (Limited Time) After a long time, I’m giving away 6 high-converting hero sections, From aesthetic visuals to conversion-focused layouts. All packed into one FREE Figma file 🚀 Perfect if you’re a designer, founder, or building your next landing page. How to get it (super simple): - Like this post - Retweet (so others don’t miss it too) - Comment “6 Combo” - Follow me so I can DM you That’s it. I’ll send the FREE Figma file to your DMs in a few hours. Don’t miss this one.

Most apps lose 80% of users in the first 3 days. Users decide to stay or delete faster than you think. One of the main reasons is your onboarding. Here are 8 onboarding tips we use to boost apps retention to 40%+ 👇

@Chandadesign ⬆️

Which one should I go with? Upper or Bottom

@VanhDesign this is fire ! 🔥

Gemini 3 understands design. No GSAP knowledge. No CSS keyframes. No library research. Just describe what you have have in mind: "Hero with space particles, 3D element following my mouse, cinematic text that splits on scroll."

Full video: youtube.com/watch?v=wGmnC7…

If you’re new to AI design, here’s a trick that actually works. Instead of asking Gemini 3.0 to “design a landing page”, I start with a screenshot. It gives better layout structure, more consistent styling and less generic results. Full step-by-step workflow below.