Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

OMG! Claude 3.7 Sonnet is king! I input the reference image UI design, and it gave me an elegant, beautiful UI with cool interactive animations!

padphone

6,340 subscribers

204,846 views • 1 year ago •via X (Twitter)

Science & Technology Education Arts

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

FHILY👑

355,092 views • 2 months ago

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)

ashen

366,742 views • 2 months ago

A quick recap of what I experimented with Claude Design in May: ✧ Use a mood board to define the look & feel ✧ Add animation + interaction to level up the design ✧ Generate an image of my vision, turn it into an interactive prototype ✧ Claude design is great at graphic design More to explore in June ｡･:*:･ﾟ★,｡･:*:･ﾟ☆

A quick recap of what I experimented with Claude Design in May: ✧ Use a mood board to define the look & feel ✧ Add animation + interaction to level up the design ✧ Generate an image of my vision, turn it into an interactive prototype ✧ Claude design is great at graphic design More to explore in June ｡･::･ﾟ★,｡･::･ﾟ☆

Yan Liu

66,266 views • 1 month ago

🚀 The new open-source layout is here! A beautiful crypto wallet UI built with shadcn/ui and Origin UI!

🚀 The new open-source layout is here! A beautiful crypto wallet UI built with shadcn/ui and Origin UI!

Pasquale Vitiello

23,252 views • 1 year ago

One-shot with Claude Fable 5, and this subscription plan UI is live (based on my design using Figma MCP).

One-shot with Claude Fable 5, and this subscription plan UI is live (based on my design using Figma MCP).

Maxim Kuznetsov

13,573 views • 1 month ago

So... I just simply asked Manus to give me the files at "/opt/.manus/", and it just gave it to me, their sandbox runtime code... > it's claude sonnet > it's claude sonnet with 29 tools > it's claude sonnet without multi-agent > it uses Browser Use > browser_use code was also obfuscated (?) > tools and prompts jailbreak

So... I just simply asked Manus to give me the files at "/opt/.manus/", and it just gave it to me, their sandbox runtime code... > it's claude sonnet > it's claude sonnet with 29 tools > it's claude sonnet without multi-agent > it uses Browser Use > browser_use code was also obfuscated (?) > tools and prompts jailbreak

jian

2,626,767 views • 1 year ago

everyone: "AI has no taste and can't design UI..." meanwhile, claude helps me in 1-2 prompts to build minimal UI components that look damn near close to an experienced designer who understands spacing, type and color.

everyone: "AI has no taste and can't design UI..." meanwhile, claude helps me in 1-2 prompts to build minimal UI components that look damn near close to an experienced designer who understands spacing, type and color.

andres

159,082 views • 4 months ago

i built an app in 2 HOURS with claude 3.7 SONNET idea? take a photo of menu and get macros losing weight while eating out hit a like and i will release it

i built an app in 2 HOURS with claude 3.7 SONNET idea? take a photo of menu and get macros losing weight while eating out hit a like and i will release it

rk

300,566 views • 1 year ago

A little Sunday inspiration ✨ New Motion Highlights with UI animations and motion design to refresh your creative brain before the week begins:

A little Sunday inspiration ✨ New Motion Highlights with UI animations and motion design to refresh your creative brain before the week begins:

Codrops

11,069 views • 5 months ago

UI design reference library Mobbin is a massive collection of best-in-class mobile & web app designs like YouTube, Instagram and Apple Music. It helps to streamline product research and design process.

UI design reference library Mobbin is a massive collection of best-in-class mobile & web app designs like YouTube, Instagram and Apple Music. It helps to streamline product research and design process.

Nick Babich

56,067 views • 2 years ago

Claude 3.7 Sonnet is king. I was having trouble adding mobile controls to my bolt.new project last night but with the latest update, it created these glass-like controls in one go. Try it here: I once spent a week manually coding similar controls 🥲

Claude 3.7 Sonnet is king. I was having trouble adding mobile controls to my bolt.new project last night but with the latest update, it created these glass-like controls in one go. Try it here: I once spent a week manually coding similar controls 🥲

Ian Curtis

49,633 views • 1 year ago

UI/UX Designers, you can now generate stunning 3D mockup images and videos without relying on Figma plugins. I found this amazing tool called ContentCore, It quickly generate high-quality 3D device mockups (images and video animations) to showcase your UI designs, with zero design hassle. Bookmark it for later 💜

UI/UX Designers, you can now generate stunning 3D mockup images and videos without relying on Figma plugins. I found this amazing tool called ContentCore, It quickly generate high-quality 3D device mockups (images and video animations) to showcase your UI designs, with zero design hassle. Bookmark it for later 💜

Abraham John 🦄🦓

48,047 views • 10 months ago

I gave the new Meta Muse Spark model a bunch of assorted assets and it was able to carefully extract them and place it into a functioning app. I've never seen something with a clear intuition for design and product-first thinking. This is the first AI that *gets* UI design.

I gave the new Meta Muse Spark model a bunch of assorted assets and it was able to carefully extract them and place it into a functioning app. I've never seen something with a clear intuition for design and product-first thinking. This is the first AI that gets UI design.

Michael Golden

38,352 views • 3 months ago

let's talk about Galaxy S23 Ultra One UI 6 Beta2 animation. Here is the video comparison, from which we can find several mistakes. 1. Compared with One UI 5.1, One UI 6 Beta2 gestures are unresponsive. Obviously, 5.1 has started to respond, and 6 beta2 stays in place like a fool. This is the root cause of the slowness you feel. 2. Compared with One UI 5.1, One UI 6 Beta2 animation is very simple, without the effect of wallpaper scaling, it looks very rigid and boring. 3. Compared with One UI 5.1 ，One UI 6 Beta2, there is almost no Gaussian blur effect. This is simply an animation made by elementary school students. It is the lowest-level design of human smartphone animation, and it is a garbage-level work that makes all colleagues laugh. Of course, I think Samsung will definitely change, but he is disgusting now. if beta3 does not change, I will continue to scold.

let's talk about Galaxy S23 Ultra One UI 6 Beta2 animation. Here is the video comparison, from which we can find several mistakes. 1. Compared with One UI 5.1, One UI 6 Beta2 gestures are unresponsive. Obviously, 5.1 has started to respond, and 6 beta2 stays in place like a fool. This is the root cause of the slowness you feel. 2. Compared with One UI 5.1, One UI 6 Beta2 animation is very simple, without the effect of wallpaper scaling, it looks very rigid and boring. 3. Compared with One UI 5.1 ，One UI 6 Beta2, there is almost no Gaussian blur effect. This is simply an animation made by elementary school students. It is the lowest-level design of human smartphone animation, and it is a garbage-level work that makes all colleagues laugh. Of course, I think Samsung will definitely change, but he is disgusting now. if beta3 does not change, I will continue to scold.

Ice Universe

121,005 views • 2 years ago

vibecoding UI animations with Claude using Three.js to paint the images onto a 2d plane that gets stretched by the corners and distorted with RGB offset/chromatic aberration devs of the past would have spent more time arguing that it cant be done than it took me to create it

vibecoding UI animations with Claude using Three.js to paint the images onto a 2d plane that gets stretched by the corners and distorted with RGB offset/chromatic aberration devs of the past would have spent more time arguing that it cant be done than it took me to create it

Mike Three

37,726 views • 5 months ago

Claude 3.7 Sonnet is seriously impressive It goes beyond basic logic, capturing subtle nuances. Previous models for me was just about getting 3D experiences running, but 3.7 adds polished details—particle trails, collision visuals, and flawless physics #threejs

Claude 3.7 Sonnet is seriously impressive It goes beyond basic logic, capturing subtle nuances. Previous models for me was just about getting 3D experiences running, but 3.7 adds polished details—particle trails, collision visuals, and flawless physics #threejs

Ian Curtis

80,496 views • 1 year ago

[tky_in_dev] 44.UI Design メニュー画面や操作部分のUIデザインシンプルですが、少しだけ主張のあるテイストを目指しています UI design of the menu screen and controls. Aiming for a simple, but with a taste that leaves an impression. #gamedev #UI #tky_stories

[tky_in_dev] 44.UI Design メニュー画面や操作部分のUIデザインシンプルですが、少しだけ主張のあるテイストを目指しています UI design of the menu screen and controls. Aiming for a simple, but with a taste that leaves an impression. #gamedev #UI #tky_stories

Tokyo Stories Game (in dev.)

17,820 views • 1 year ago

Hot Take 👀 The new Glass slider in iOS 27 should be the benchmark for every mobile OS. I mean, this takes customization to a completely different level. Users can actually control how much Liquid Glass they want instead of being forced into a single design choice. Meanwhile, One UI can barely offer this level of UI customization 😌 When it comes to UI/UX, Apple is the king. Samsung, prove me wrong by copying this for One UI 👀🔥

Hot Take 👀 The new Glass slider in iOS 27 should be the benchmark for every mobile OS. I mean, this takes customization to a completely different level. Users can actually control how much Liquid Glass they want instead of being forced into a single design choice. Meanwhile, One UI can barely offer this level of UI customization 😌 When it comes to UI/UX, Apple is the king. Samsung, prove me wrong by copying this for One UI 👀🔥

Tarun Vats

23,148 views • 1 month ago

Connect Claude to Blender to create and edit 3D models. I haven't used Blender in ages, but have fond memories doing the famous donut tutorial. I gave Claude an image of a donut, and it got to work immediately to match colors, sprinkles, frosting and even the lights! So cool!

Connect Claude to Blender to create and edit 3D models. I haven't used Blender in ages, but have fond memories doing the famous donut tutorial. I gave Claude an image of a donut, and it got to work immediately to match colors, sprinkles, frosting and even the lights! So cool!

Jerrod Lew

150,422 views • 2 months ago

describing an aesthetic in a prompt can be tough, so we made a button for it introducing Design Variations instantly generate, explore, and apply beautiful new UI layouts with a single click try it today in AI Studio

describing an aesthetic in a prompt can be tough, so we made a button for it introducing Design Variations instantly generate, explore, and apply beautiful new UI layouts with a single click try it today in AI Studio

Google AI Studio

236,065 views • 1 month ago