正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

I asked Gemini 3 Pro to redesign my wine app with a masonry grid, scroll-triggered physics animations, and interactive card expansion. In one shot it nailed the responsive layout, the "heavy drop" entrance effects, and threw in some neat zoom-on-hover effects. The web is about to get a lot... show more

Anish Acharya

32,910 subscribers

25,250 次观看 • 9 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

I asked Gemini 3 Pro to create a 3D LEGO editor. In one shot it nailed the UI, complex spatial logic, and all the functionality. We’re entering a new era.

I asked Gemini 3 Pro to create a 3D LEGO editor. In one shot it nailed the UI, complex spatial logic, and all the functionality. We’re entering a new era.

Pietro Schirano

1,673,720 次观看 • 9 个月前

Gone back to working on the Magic Weapon System! Added a lot of sounds and some more effects to it, check out some of the summon effects #vrchat

Gone back to working on the Magic Weapon System! Added a lot of sounds and some more effects to it, check out some of the summon effects #vrchat

Liindy

10,362 次观看 • 1 年前

The Multi-Shot App makes it easy to go from a simple prompt to a thoughtfully crafted scene. All with dialogue, sound effects and cinematic framing. Start from an image or go purely Text to Video. Available now in the App drawer on the web app.

The Multi-Shot App makes it easy to go from a simple prompt to a thoughtfully crafted scene. All with dialogue, sound effects and cinematic framing. Start from an image or go purely Text to Video. Available now in the App drawer on the web app.

Runway

14,229 次观看 • 4 个月前

With Gemini 3 Pro in Google Search, you get more dynamic, visual responses in AI Mode. Now, searching for the best time to visit Japan creates a unique layout with interactive simulations that help you visualize the trade-offs between temperatures, crowds and more.

With Gemini 3 Pro in Google Search, you get more dynamic, visual responses in AI Mode. Now, searching for the best time to visit Japan creates a unique layout with interactive simulations that help you visualize the trade-offs between temperatures, crowds and more.

Google

169,238 次观看 • 7 个月前

We asked AI Mode in Search how a basketball player's 3 point shot relates to the quadratic equation. With Gemini 3's new generative UI capabilities, it created an interactive visualization to help bring this concept to life. Try it out with the Gemini 3 drop down in AI Mode and share your examples with us!

We asked AI Mode in Search how a basketball player's 3 point shot relates to the quadratic equation. With Gemini 3's new generative UI capabilities, it created an interactive visualization to help bring this concept to life. Try it out with the Gemini 3 drop down in AI Mode and share your examples with us!

Rajan Patel

202,459 次观看 • 9 个月前

Gemini 3 in AI Mode analyzes your hardest questions and builds a custom layout specific to your query — whether that’s an interactive tool or a simulation coded in real-time. Watch it visualize a complex question about the physics of photography ↓

Gemini 3 in AI Mode analyzes your hardest questions and builds a custom layout specific to your query — whether that’s an interactive tool or a simulation coded in real-time. Watch it visualize a complex question about the physics of photography ↓

Google

119,900 次观看 • 7 个月前

Gemini 3 Pro in Search can help you understand complex topics, with dynamic visual layouts with interactive tools and simulations — all generated on the fly. And last week we expanded access to Gemini 3 Pro in Search in AI Mode for everyone in the U.S. Hear more from the team about how it works ↓

Gemini 3 Pro in Search can help you understand complex topics, with dynamic visual layouts with interactive tools and simulations — all generated on the fly. And last week we expanded access to Gemini 3 Pro in Search in AI Mode for everyone in the U.S. Hear more from the team about how it works ↓

Google

63,638 次观看 • 8 个月前

I think I just cracked how to run displacement effects right in the browser. It’s quick to implement and works perfectly on scroll, hover, or any other event you want to trigger. Maybe it’s time to release Displace for web soon?

I think I just cracked how to run displacement effects right in the browser. It’s quick to implement and works perfectly on scroll, hover, or any other event you want to trigger. Maybe it’s time to release Displace for web soon?

Mike Bespalov

37,901 次观看 • 1 年前

I asked o1 to help me code the wii menu it built a react app that renders in chatgpt canvas I fed it a screenshot and it one-shotted the basic layout—even the striped background—then I kept on prompting to add animations, etc

I asked o1 to help me code the wii menu it built a react app that renders in chatgpt canvas I fed it a screenshot and it one-shotted the basic layout—even the striped background—then I kept on prompting to add animations, etc

edwin

139,305 次观看 • 1 年前

I'm building a studio that lets you design interactive shader effects visually, export a single file, and drop it on any site. In this next iteration of ShadeCraft you'll be able to design, customize, add interactivity, and much more. Im hyped to launch this!

I'm building a studio that lets you design interactive shader effects visually, export a single file, and drop it on any site. In this next iteration of ShadeCraft you'll be able to design, customize, add interactivity, and much more. Im hyped to launch this!

Dexter Jr 🏆

12,427 次观看 • 6 个月前

crazy, i was just testing gemini 3 and nano banana pro, and.. suddenly, i’m building a full svg walkman connected to an music api, with an interactive environment running around it (not in one shot) Google Gemini

crazy, i was just testing gemini 3 and nano banana pro, and.. suddenly, i’m building a full svg walkman connected to an music api, with an interactive environment running around it (not in one shot) Google Gemini

Aurelien

296,028 次观看 • 9 个月前

Here are some more demos of my work in engine! How i did some of the material effects, and bringing it to life to chase a player around as a full fledged character, sound effects and all. Link here: #UE5 #3Dartist #characterart

Here are some more demos of my work in engine! How i did some of the material effects, and bringing it to life to chase a player around as a full fledged character, sound effects and all. Link here: #UE5 #3Dartist #characterart

Lexington Dath

17,766 次观看 • 8 个月前

Opus 4.6 vs Gemini Pro 3.1 (7/9) I wanted to do a physics simulation test, overall both models did a good job in this department, however Opus added nice animations to things like "Fan", "Magnet" whilst gemini just rendered them out as a red circle. Opus also included way more effects in its toolbox, like rocket, connecting shapes with rope, springs etc. Should note that in all of these tests, Opus one shotted all of them, whilst gemini took an extra 3-5 prompts to get the project compile :) prompt: Build a polished physics sandbox toy using React + Vite with a real physics engine (Matter.js or Rapier), where users can spawn, grab, throw, and connect objects with springs, hinges, and ropes, plus interactive gadgets like fans and thrusters.

Opus 4.6 vs Gemini Pro 3.1 (7/9) I wanted to do a physics simulation test, overall both models did a good job in this department, however Opus added nice animations to things like "Fan", "Magnet" whilst gemini just rendered them out as a red circle. Opus also included way more effects in its toolbox, like rocket, connecting shapes with rope, springs etc. Should note that in all of these tests, Opus one shotted all of them, whilst gemini took an extra 3-5 prompts to get the project compile :) prompt: Build a polished physics sandbox toy using React + Vite with a real physics engine (Matter.js or Rapier), where users can spawn, grab, throw, and connect objects with springs, hinges, and ropes, plus interactive gadgets like fans and thrusters.

Dev Ed

28,179 次观看 • 6 个月前

Being able to move fluidly between Figma Make and the canvas is a pretty big deal Recent example 👇 1️⃣ Started exploring a minified recording toolbar directly on the canvas 2️⃣ Once I had some rough shapes I moved it into Make, imported my style guide, and started bringing it to life with expandable controls, hover states, and tooltips for keyboard shortcuts 3️⃣ A few prompts later, I had something interesting… but the layout wasn’t quite right. 4️⃣ So I jumped back into the canvas and made ~8 quick variations with a bigger video container. 5️⃣ Once I got somewhere interesting I brought that back into Make. All I had to do was copy and paste the frames for my default and hover state of the component and it pretty much nailed the core layout 6️⃣ Then I layered on the timer and made it interactive. But once I got it back into Make I thought "hmm... what if the toolbar layout was based on which quadrant of the screen the component was in 🤔" I was able to one shot this interaction and after playing with it a bunch I kinda love it? 7️⃣ Sent it to the team in Inflight so everyone could play with the prototype. 8️⃣ Brought the up to date UI back into the canvas to polish some of the tooltip details Before this, it always felt like I had to choose between two very different workflows. Now I can bounce between them seamlessly and it’s genuinely changing how I explore ideas.

Being able to move fluidly between Figma Make and the canvas is a pretty big deal Recent example 👇 1️⃣ Started exploring a minified recording toolbar directly on the canvas 2️⃣ Once I had some rough shapes I moved it into Make, imported my style guide, and started bringing it to life with expandable controls, hover states, and tooltips for keyboard shortcuts 3️⃣ A few prompts later, I had something interesting… but the layout wasn’t quite right. 4️⃣ So I jumped back into the canvas and made ~8 quick variations with a bigger video container. 5️⃣ Once I got somewhere interesting I brought that back into Make. All I had to do was copy and paste the frames for my default and hover state of the component and it pretty much nailed the core layout 6️⃣ Then I layered on the timer and made it interactive. But once I got it back into Make I thought "hmm... what if the toolbar layout was based on which quadrant of the screen the component was in 🤔" I was able to one shot this interaction and after playing with it a bunch I kinda love it? 7️⃣ Sent it to the team in Inflight so everyone could play with the prototype. 8️⃣ Brought the up to date UI back into the canvas to polish some of the tooltip details Before this, it always felt like I had to choose between two very different workflows. Now I can bounce between them seamlessly and it’s genuinely changing how I explore ideas.

Ridd 🤿

27,665 次观看 • 10 个月前

I created a Claude Skill that make beautiful slides on the web. The world hasn't woken up to the fact that code can create much better slides than most PPT tools. - Claude interviews you first about aesthetics, then generate a few directions to "show not tell", and you can pick your favorite - Cool transitions and animations - Interactive hover states and cursor effects - Auto-fits on any screen - Supports converting existing PPTX files to web-based slides; preserves original images and brand assets I asked Claude to make a slide show about this skill to showcase what it can do. Link to skill below

Zara Zhang

1,541,308 次观看 • 7 个月前

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 content reveal, background effects and navigation transitions. Gemini 3 relies heavily on good prompting, ideally with image or code. Intro + animation on scroll: "Animate when in view: fade in, slide in, blur in, element by element. Use 'both' instead of 'forwards'. Don't use opacity 0. Add a clip animation to the background, column by column using clip-path." Buttons: "Add a 1px border beam animation around the pill-shaped button on hover. " Text animation: "Add a vertical text clip slide down animation letter by letter" Logos looping: "Add a marquis infinite loop slow animation to the logos using alpha mask" Content switching: "Animate the big card to rotate between 3 cards in a loop. Add prev/next arrows to switch between cards." Flashlight on hover: "Add a subtle flashlight effect on hover/mouse position to both background and border of the cards." Testimonials looping: "Make the cards animate marquis in an infinite loop with alpha mask slowly."

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 content reveal, background effects and navigation transitions. Gemini 3 relies heavily on good prompting, ideally with image or code. Intro + animation on scroll: "Animate when in view: fade in, slide in, blur in, element by element. Use 'both' instead of 'forwards'. Don't use opacity 0. Add a clip animation to the background, column by column using clip-path." Buttons: "Add a 1px border beam animation around the pill-shaped button on hover. " Text animation: "Add a vertical text clip slide down animation letter by letter" Logos looping: "Add a marquis infinite loop slow animation to the logos using alpha mask" Content switching: "Animate the big card to rotate between 3 cards in a loop. Add prev/next arrows to switch between cards." Flashlight on hover: "Add a subtle flashlight effect on hover/mouse position to both background and border of the cards." Testimonials looping: "Make the cards animate marquis in an infinite loop with alpha mask slowly."

Meng To

200,148 次观看 • 9 个月前

I've been playing around with proper 3D models in After Effects for some upcoming videos and I'm really happy with the results. Here's a little preview of the angle of attack Super Heavy V3 has relative to the airflow and why they only have 3 grid fins in that orientation.

I've been playing around with proper 3D models in After Effects for some upcoming videos and I'm really happy with the results. Here's a little preview of the angle of attack Super Heavy V3 has relative to the airflow and why they only have 3 grid fins in that orientation.

Everyday Astronaut

97,129 次观看 • 16 天前

With it being summer, I took a little vacation to the beach, and with me I brought a cooler full of this new soda I saw. It had some… interesting effects.

With it being summer, I took a little vacation to the beach, and with me I brought a cooler full of this new soda I saw. It had some… interesting effects.

Pallon

89,145 次观看 • 2 年前

Grok Code generates the most aesthetic UI/UX Design Built a stunning carousel with mesmerizing hover effects & glows - just 2 prompts in Kilo Code, and it nailed every detail Grok Code created Frosty esthetics - snowflakes, glassy vibes, everything I asked for, for a live feel Animated and interactive elements, clickable 𝕏 profile and links everything perfectly connected, super smooth, and insanely responsive Grok Code also created a stunning side-show, smooth transitions, glowing borders with Grok Imagine images It is straight-up a powerhouse for visual code and pure UI magic

X Freeze

1,104,181 次观看 • 10 个月前

Jaylen Brown on last night’s game vs OKC “I shot 14 fts, that’s probably the most I’ve shot in my career, and honestly I probably should’ve shot even more. They play some of the most physical defense in the league and get away with it a lot”

Jaylen Brown on last night’s game vs OKC “I shot 14 fts, that’s probably the most I’ve shot in my career, and honestly I probably should’ve shot even more. They play some of the most physical defense in the league and get away with it a lot”

Riley ❄️

558,395 次观看 • 5 个月前