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.

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 views • 27 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

$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,920 views • 6 months ago

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,551 views • 3 months ago

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,291 views • 10 months ago

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,452 views • 1 year ago

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 views • 3 years ago

#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 views • 2 years ago

Made some edits on the Fractal Glass maker today! 🔨 Ditched the laggy vanilla css solution and replaced it with a webgl shader. Much smoother editing experience and also added 2 new parameters as well (distortion and blur) for more unique compositions.

Made some edits on the Fractal Glass maker today! 🔨 Ditched the laggy vanilla css solution and replaced it with a webgl shader. Much smoother editing experience and also added 2 new parameters as well (distortion and blur) for more unique compositions.

Jim Raptis

56,021 views • 1 year ago

I carried the glass & completely ruined my friendship with JOHN🧊

I carried the glass & completely ruined my friendship with JOHN🧊

ARUUU ⏾⋆₊˚⊹

20,208 views • 5 months ago

Your 720 credit score is a $250,000 bank glitch Chase, Amex, BofA, Truist. Same person. Same credit file. Different application order = completely different approval amount. I made the full 0% funding checklist from the video. Like + RT + comment "funding" and i'll send it to you (must be following)

Your 720 credit score is a $250,000 bank glitch Chase, Amex, BofA, Truist. Same person. Same credit file. Different application order = completely different approval amount. I made the full 0% funding checklist from the video. Like + RT + comment "funding" and i'll send it to you (must be following)

hunter

12,110 views • 3 months ago

$okay fine, I will publish a react package for liquid glass improved the refraction a bit since morning (even supports different "modes" now) and added elasticity so it feels more ✨ liquid ✨$

okay fine, I will publish a react package for liquid glass improved the refraction a bit since morning (even supports different "modes" now) and added elasticity so it feels more ✨ liquid ✨

Max Rovensky

25,485 views • 1 year ago

With Chisel, you can keep the same structure and explore completely different worlds: ancient tomb → lava cavern → overgrown ruins same layout, totally different feel.

With Chisel, you can keep the same structure and explore completely different worlds: ancient tomb → lava cavern → overgrown ruins same layout, totally different feel.

World Labs

34,644 views • 5 months ago

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 views • 9 months ago

I see Liquid Glass everywhere but the problem is everyone’s created a sphere and that’s it. I prefer to create systems. I’ve Vibecoded the full-fledged cpu based universal Liquid Glass design system that works on every browser and device , getting closer and closer to the official iOS 26 one. Still working in progress before a full release.

I see Liquid Glass everywhere but the problem is everyone’s created a sphere and that’s it. I prefer to create systems. I’ve Vibecoded the full-fledged cpu based universal Liquid Glass design system that works on every browser and device , getting closer and closer to the official iOS 26 one. Still working in progress before a full release.

Tykra

41,704 views • 4 months ago

alright agent nerds, if you care about your tokens and usage limits, pay attention to the tools you give to your agents. i built a benchmark that compared various browser tools for agents, and here's an example of their massive difference in cost and latency doing the same task

alright agent nerds, if you care about your tokens and usage limits, pay attention to the tools you give to your agents. i built a benchmark that compared various browser tools for agents, and here's an example of their massive difference in cost and latency doing the same task

Kun Chen

570,598 views • 4 months ago

Sorry… I beg your pardon… you’re telling me that in 2026 you’re still holding the steering wheel, pressing the brake and accelerator the entire drive? I just press a button and my Tesla takes me to my destination with FSD… to the point where I almost forget how I even got there. I’m living in the future, and you’re still choosing to drive like it’s the past. Same road… completely different realities.

Sorry… I beg your pardon… you’re telling me that in 2026 you’re still holding the steering wheel, pressing the brake and accelerator the entire drive? I just press a button and my Tesla takes me to my destination with FSD… to the point where I almost forget how I even got there. I’m living in the future, and you’re still choosing to drive like it’s the past. Same road… completely different realities.

Teslaconomics

40,195 views • 5 months ago

I rebuilt my entire brand logo, mascot, avatar video, and poster. no photoshop. no after effects. just drag, drop, and create. ai agents did it all. this is how: ↓

The SamurAI

27,925 views • 9 months ago

basically rebuilt my crt shader so it's doing something a little more realistic with how the beam hits pixels. added video playback, and terminal mode with a bitmap font. made moire controllable.

basically rebuilt my crt shader so it's doing something a little more realistic with how the beam hits pixels. added video playback, and terminal mode with a bitmap font. made moire controllable.

Codetaur

97,217 views • 7 months ago