Загрузка видео...

Не удалось загрузить видео

На главную

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

tranmautritam's profile picture

Tran Mau Tri Tam ✪

33,418 subscribers

240,946 просмотров • 2 месяцев назад •via X (Twitter)

ИскусствоНаука и технологии
LIVE

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 🙂
0:42

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.
1:19

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 🪻
0:22

Exploring Liquid Glass on Framer 🪻

Florian

13,101 просмотров • 1 год назад

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

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.
0:34

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
6:52

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. :)
0:22

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
0:34

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
0:30

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.
0:38

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
0:21

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

kush

41,140 просмотров • 10 месяцев назад

Completely rebuilt this Lanyard component. More customization, better animations.
0:32

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 🧵
1:50

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
0:22

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!!
1:33

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.
0:43

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.
0:20

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
0:37

#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
0:20

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 месяцев назад