Loading video...

Video Failed to Load

Go Home

I made the Apple iOS and macOS Liquid Glass effect using CSS and SVG filters and it's available on GitHub #WWDC25 Link below 👇

lucasromerodb's profile picture

Luke

1,172 subscribers

289,151 views • 1 year ago •via X (Twitter)

ArtsScience & TechnologyEducation#WWDC25
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing the first lightweight and cross-browser Liquid Glass for the Web package, built by Claude Fable 5 and inspired by Aave's SVG filter technique. Now available on Github and npm!
0:12

Introducing the first lightweight and cross-browser Liquid Glass for the Web package, built by Claude Fable 5 and inspired by Aave's SVG filter technique. Now available on Github and npm!

Pallav Agarwal

29,965 views • 1 month ago

Just made this, no JS, no libs. Just some HTML, CSS, SVG filters, and a couple textures. That’s all
0:12

Just made this, no JS, no libs. Just some HTML, CSS, SVG filters, and a couple textures. That’s all

Mike Bespalov

81,910 views • 1 year ago

The way #Apple made Liquid Glass materialize in and out is the stuff of Sci-Fi!
0:12

The way #Apple made Liquid Glass materialize in and out is the stuff of Sci-Fi!

Minimal Nerd

25,605 views • 1 year ago

Microsoft has just made Sora available 100% free of charge?! You can generate videos and download them directly using Bing... yes. It's already working on iOS/Android and soon on the web. Quick tutorial below:
0:11

Microsoft has just made Sora available 100% free of charge?! You can generate videos and download them directly using Bing... yes. It's already working on iOS/Android and soon on the web. Quick tutorial below:

Paul Couvert

78,934 views • 1 year ago

Just crafted what might be the smoothest delete effect ever, using pure SVG filters. No libraries, works across all browsers, and crazy fast
0:10

Just crafted what might be the smoothest delete effect ever, using pure SVG filters. No libraries, works across all browsers, and crazy fast

Mike Bespalov

279,804 views • 1 year ago

I was really mesmerized by the effect of the intro in Mario Kart 8, so I kinda recreated it on iOS using a shader while also studying Liquid Glass. It took a lot of time, but it was very fun and definitely worth it.
0:11

I was really mesmerized by the effect of the intro in Mario Kart 8, so I kinda recreated it on iOS using a shader while also studying Liquid Glass. It took a lot of time, but it was very fun and definitely worth it.

nao

48,197 views • 8 months ago

i love iOS 26 and i think liquid glass is INCREDIBLE that being said, i really hope iOS 26.1 comes out soon cuz these random visual glitches are so unlike Apple 😭
0:03

i love iOS 26 and i think liquid glass is INCREDIBLE that being said, i really hope iOS 26.1 comes out soon cuz these random visual glitches are so unlike Apple 😭

System Settings

33,216 views • 9 months ago

Apple has FIRED its X community design team and has more aggressively reinstated Liquid Glass in iOS 26 beta 4.
0:10

Apple has FIRED its X community design team and has more aggressively reinstated Liquid Glass in iOS 26 beta 4.

Sami Fathi

195,886 views • 1 year ago

Designing with the new Liquid Glass natively in Play! Once this is released to the public, it will be immediately available in Play. We’ll post more #WWDC25 content and show how these amazing new updates in iOS 26 will come to life in Play.
0:24

Designing with the new Liquid Glass natively in Play! Once this is released to the public, it will be immediately available in Play. We’ll post more #WWDC25 content and show how these amazing new updates in iOS 26 will come to life in Play.

Play

35,769 views • 1 year ago

Apple just announced iOS 26, featuring a new “liquid glass” design, smarter calling tools and more. WSJ’s Joanna Stern breaks down the new messages features. Watch more:
0:13

Apple just announced iOS 26, featuring a new “liquid glass” design, smarter calling tools and more. WSJ’s Joanna Stern breaks down the new messages features. Watch more:

The Wall Street Journal

50,417 views • 1 year ago

I reproduced Apple's liquid glass effect in the new Affinity Studio and it updates in real-time 😌
0:15

I reproduced Apple's liquid glass effect in the new Affinity Studio and it updates in real-time 😌

FR3NKD

111,691 views • 9 months ago

designers love to hate on raw, unfinished things. redesigning the whole ios/watchos/macos/... ui after a decade is a brutal challenge for any design team! almost impossible to satisfy the expectation. most haters around here have never designed in a large organization like apple and are not aware of challenges such as politcs, opiniated stakeholder, impossible deadlines, the list goes on... i empathise with the ui designers in apple. yes! os26 and liquid glass feels rough at the moment! so did the ios7 at launch. it evolved. this will too. i appreciate the brave direction apple has taken with this liquid glass ui. yes it comes with challenges including readability, compatibility and more... let's stop b*tching about it and contribute to solutionise these challenges.
0:11

designers love to hate on raw, unfinished things. redesigning the whole ios/watchos/macos/... ui after a decade is a brutal challenge for any design team! almost impossible to satisfy the expectation. most haters around here have never designed in a large organization like apple and are not aware of challenges such as politcs, opiniated stakeholder, impossible deadlines, the list goes on... i empathise with the ui designers in apple. yes! os26 and liquid glass feels rough at the moment! so did the ios7 at launch. it evolved. this will too. i appreciate the brave direction apple has taken with this liquid glass ui. yes it comes with challenges including readability, compatibility and more... let's stop b*tching about it and contribute to solutionise these challenges.

Oykun

347,641 views • 1 year ago

It's wild how these GPU-accelerated, ultra-performant effects have been available on native macOS/iOS for two decades. Works on top of live UI, works on top of video and complex view hierarchies, ripple effects, glass refraction, pixelation, colors, stacking... the list goes on
0:14

It's wild how these GPU-accelerated, ultra-performant effects have been available on native macOS/iOS for two decades. Works on top of live UI, works on top of video and complex view hierarchies, ripple effects, glass refraction, pixelation, colors, stacking... the list goes on

Tobias Renström

39,312 views • 2 months ago

Apple’s iOS 26 Liquid Design in Apple Music: 10/10. I’ve said it before and I’ll say it again: this is one of the best design calls Apple has ever made.
0:17

Apple’s iOS 26 Liquid Design in Apple Music: 10/10. I’ve said it before and I’ll say it again: this is one of the best design calls Apple has ever made.

Sebastian Röhl

88,163 views • 5 months ago

28% of new free apps on the iOS app store are built with Flutter 🩵 Leverage a rich ecosystem of ready-made plugins for iOS and Apple integrations, such as Apple Pay, Apple Wallet, Apple Login, and much more →
0:10

28% of new free apps on the iOS app store are built with Flutter 🩵 Leverage a rich ecosystem of ready-made plugins for iOS and Apple integrations, such as Apple Pay, Apple Wallet, Apple Login, and much more →

Flutter

28,248 views • 1 year ago

Check Out My Music Video I Did In Miami It’s Available Now On YouTube & Apple Music Links Below 👇 YouTube Link: Apple Music Link:
0:13

Check Out My Music Video I Did In Miami It’s Available Now On YouTube & Apple Music Links Below 👇 YouTube Link: Apple Music Link:

Kymbo Bandz 💸

19,949 views • 10 months ago

Apple FindMy icon recreated in Rive — Interactive — Extremely light and fast — Only 5 KB PS: Also, I am working on a macOS / iOS app icon template for Rive.
0:16

Apple FindMy icon recreated in Rive — Interactive — Extremely light and fast — Only 5 KB PS: Also, I am working on a macOS / iOS app icon template for Rive.

Dimitri Novikov 🇺🇦

56,074 views • 1 year ago

introducing: liquid glass element for Framer a draggable frosted glass effect that feels tactile and smooth — perfect for adding depth to any layout. comment "GLASS" and i’ll send you the comp for free :)
0:11

introducing: liquid glass element for Framer a draggable frosted glass effect that feels tactile and smooth — perfect for adding depth to any layout. comment "GLASS" and i’ll send you the comp for free :)

Framer University

44,025 views • 1 year ago

Many said it would be nearly impossible to recreate on the web. Well, I did it using CSS filters and a displacement map – works super fast in any browser
0:15

Many said it would be nearly impossible to recreate on the web. Well, I did it using CSS filters and a displacement map – works super fast in any browser

Mike Bespalov

255,561 views • 1 year ago