正在加载视频...

视频加载失败

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

I rebuilt my Liquid Glass + WebGL shader button with Framer Agents, same component, completely different credit cost. Here's the before and after ↓

Tran Mau Tri Tam ✪

33,418 subscribers

240,946 次观看 • 2 个月前 •via X (Twitter)

艺术科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

$Just launched my first Framer component. Been experimenting with liquid-style WebGL interactions, cursor ripples, refraction, click waves. Link in the comments 🙂$

Just launched my first Framer component. Been experimenting with liquid-style WebGL interactions, cursor ripples, refraction, click waves. Link in the comments 🙂

Vita Spenser

19,959 次观看 • 8 个月前

Finally cracked a proper Framer Liquid Glass component. Safari behaves. Everything bends. I can rest now.

Finally cracked a proper Framer Liquid Glass component. Safari behaves. Everything bends. I can rest now.

Lee Black

34,828 次观看 • 6 个月前

Exploring Liquid Glass on Framer 🪻

Exploring Liquid Glass on Framer 🪻

Florian

13,101 次观看 • 1 年前

Ok I am satisfied, this is liquid (fluid) glass. #Interactive #WebGL #GenerativeArt

Ok I am satisfied, this is liquid (fluid) glass. #Interactive #WebGL #GenerativeArt

Hans Chiu

94,030 次观看 • 1 年前

Just wrapped the development on Trajectory AI's new site. Framer brought me on through their Switch program to handle the build. Custom hero with some webgl, scroll animations, a few component tricks I hadn't tried before.

Just wrapped the development on Trajectory AI's new site. Framer brought me on through their Switch program to handle the build. Custom hero with some webgl, scroll animations, a few component tricks I hadn't tried before.

Mason Price

20,688 次观看 • 5 个月前

Here's how I used Unicorn Studio and Framer to build out an image reveal component, inspired by the new Lando Norris site created by OFF+BRAND. (amazing work). Just a different take and experimenting with the tools. Img: Midjourney

Yianni

78,450 次观看 • 1 年前

introducing: blur cycle component for Framer use this component to cycle through different words or phrases with a crazy smoooooth blur transition. comment "BLUR" and I’ll send you the component. :)

introducing: blur cycle component for Framer use this component to cycle through different words or phrases with a crazy smoooooth blur transition. comment "BLUR" and I’ll send you the component. :)

Framer University

10,458 次观看 • 1 年前

Viscous Liquid - Cursor FX Free Source Code & Demo: Support me by PayPal: #threejs #webgl #shader

Viscous Liquid - Cursor FX Free Source Code & Demo: Support me by PayPal: #threejs #webgl #shader

Sabo Sugi / Three.js & Shaders

23,242 次观看 • 25 天前

Here's a take on Liquid Glass designs with Skia

Here's a take on Liquid Glass designs with Skia

William Candillon

39,649 次观看 • 1 年前

Here's HW3 before and after the update to the camera feed. Same location, but of course different days so lighting will be different.

Here's HW3 before and after the update to the camera feed. Same location, but of course different days so lighting will be different.

Dirty Tesla

231,421 次观看 • 3 年前

shader backgrounds + liquid glass buttons are a match made in heaven

shader backgrounds + liquid glass buttons are a match made in heaven

kush

41,140 次观看 • 10 个月前

Completely rebuilt this Lanyard component. More customization, better animations.

Completely rebuilt this Lanyard component. More customization, better animations.

David Haz

113,117 次观看 • 27 天前

I spent six weeks letting AI agents work for me with my own credit card. Most of these agents cost $20 a month or less. So I turned what worked into six businesses you can start this week Here's what happened 🧵

I spent six weeks letting AI agents work for me with my own credit card. Most of these agents cost $20 a month or less. So I turned what worked into six businesses you can start this week Here's what happened 🧵

Chris Koerner

30,976 次观看 • 12 天前

Make your website feel more dynamic in seconds. Ask the Framer Agent to add the Chromatic Aberration shader to any existing video, creating glass-like curvature and colorful dispersion that adds a new dimension to your site

Make your website feel more dynamic in seconds. Ask the Framer Agent to add the Chromatic Aberration shader to any existing video, creating glass-like curvature and colorful dispersion that adds a new dimension to your site

Framer

10,899 次观看 • 2 个月前

your Framer portfolio site NEEDS this component... comment "FLIP" and i'll send it to you for completely free!!

your Framer portfolio site NEEDS this component... comment "FLIP" and i'll send it to you for completely free!!

Framer University

12,079 次观看 • 1 年前

I said I might have a problem with carousels. Well, now it's your problem too. The liquid glass carousel is open source 🎠 Shader, scroll physics, entry animation all of it. Go crazy.

I said I might have a problem with carousels. Well, now it's your problem too. The liquid glass carousel is open source 🎠 Shader, scroll physics, entry animation all of it. Go crazy.

Yousuf

41,841 次观看 • 3 个月前

iOS 27 has reduced the Liquid Glass button blur so much that it's basically gone.

iOS 27 has reduced the Liquid Glass button blur so much that it's basically gone.

Beta Profiles

576,651 次观看 • 4 个月前

#UnityTips: Progress Bar (Shader Graph) [v2] ✨ (+WebGL and GitHub Download 👇🧵) Here's an animated progress bar made entirely in Shader Graph. Use this for loading screens, player health, etc. Adding colours is just a matter of isolating the individual elements as masks. It's helpful to think of the final image as a collection of elements that have to be constructed using fragment shader logic/code. (aka, math with colours! 🌈🔴🟢🔵) GitHub: 🔗 WebGL: 🔗 Do whatever you want with this. (Learn and have fun? :D) #unity3d #gamedev #indiedev #gamedevelopment #shader #gameart #madewithunity #webgl

#UnityTips: Progress Bar (Shader Graph) [v2] ✨ (+WebGL and GitHub Download 👇🧵) Here's an animated progress bar made entirely in Shader Graph. Use this for loading screens, player health, etc. Adding colours is just a matter of isolating the individual elements as masks. It's helpful to think of the final image as a collection of elements that have to be constructed using fragment shader logic/code. (aka, math with colours! 🌈🔴🟢🔵) GitHub: 🔗 WebGL: 🔗 Do whatever you want with this. (Learn and have fun? :D) #unity3d #gamedev #indiedev #gamedevelopment #shader #gameart #madewithunity #webgl

Mirza Beig

61,248 次观看 • 3 年前

$finally liquid glass web is here and it's open source. real WebGL refraction, chromatic aberration, liquid motion not usual backdrop-filter css hack. playground at code at MIT so do whatever you want with it #LiquidGlass #OpenSource #ReactJS #WebGL #UIComponents #FrontendDevelopment #CSS #JavaScript #WebDev #UI #UX #React #ComponentLibrary #OpenSourceSoftware #Frontend$

finally liquid glass web is here and it's open source. real WebGL refraction, chromatic aberration, liquid motion not usual backdrop-filter css hack. playground at code at MIT so do whatever you want with it #LiquidGlass #OpenSource #ReactJS #WebGL #UIComponents #FrontendDevelopment #CSS #JavaScript #WebDev #UI #UX #React #ComponentLibrary #OpenSourceSoftware #Frontend

Tirth Parmar

65,996 次观看 • 4 个月前