Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 ✨

MaxRovensky's profile picture

Max Rovensky

6,215 subscribers

25,485 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

Max Rovensky profil fotoğrafı
Max Rovensky1 yıl önce

bro unsquat the package names why you need both of them, just take one

Przemysław Chojecki profil fotoğrafı
Przemysław Chojecki1 yıl önce

You like to see the world burn, do you? ;-)

Max Rovensky profil fotoğrafı
Max Rovensky1 yıl önce

yes, the sooner we can start slapping this on websites - the better 🔥🔥🔥

Dan Ryder - primedefi.com profil fotoğrafı
Dan Ryder - primedefi.com1 yıl önce

Success in DeFi requires understanding the tools, keeping an eye on the risks, and knowing how to adapt as the space evolves. So please, whatever you do, don't just "jump in" and risk it all.  Here are 3 rules to follow if you want to build wealth in DeFi. What's a rule you always stick to?

Vlad Moroz profil fotoğrafı
Vlad Moroz1 yıl önce

does it work in Safari?

Max Rovensky profil fotoğrafı
Max Rovensky1 yıl önce

ironically no

TwentyKeys profil fotoğrafı
TwentyKeys1 yıl önce

Dude I thought you're just a troll. Well done 👏

Max Rovensky profil fotoğrafı
Max Rovensky1 yıl önce

I only shit talk on matters I'm really good at

Max Rovensky profil fotoğrafı
Max Rovensky1 yıl önce

Live now

ebeneazy profil fotoğrafı
ebeneazy1 yıl önce

looks clean

ᴛʜᴏᴜꜱᴀɴᴅ ᴡᴏʀᴅ profil fotoğrafı
ᴛʜᴏᴜꜱᴀɴᴅ ᴡᴏʀᴅ1 yıl önce

Needs a legibility slider.

Benzer Videolar

🚀 Use Liquid Glass in your React apps NOW! npm install liquid-glass-react (nicer pkg names squatted by Evan Bacon 🥓 sry) Supports ✨ correct ✨ edge bending, arbitrary children, chromatic aberration and more! Live Demo: Code:
0:30

🚀 Use Liquid Glass in your React apps NOW! npm install liquid-glass-react (nicer pkg names squatted by Evan Bacon 🥓 sry) Supports ✨ correct ✨ edge bending, arbitrary children, chromatic aberration and more! Live Demo: Code:

Max Rovensky

3,859,563 görüntüleme • 1 yıl önce

so, liquid glass. 😂 here are 3 boxes that show you how to do it in react + three. one with a meta shape, a lens, and one where the entire site is in a liquid state —
0:36

so, liquid glass. 😂 here are 3 boxes that show you how to do it in react + three. one with a meta shape, a lens, and one where the entire site is in a liquid state —

☄︎

163,477 görüntüleme • 1 yıl önce

probably the best implementation of liquid glass you're gonna see on the web tbh (I am very humble) should I release this as a React package? the hover/click glow even adjusts to background color, man, I'm so good at this
0:16

probably the best implementation of liquid glass you're gonna see on the web tbh (I am very humble) should I release this as a React package? the hover/click glow even adjusts to background color, man, I'm so good at this

Max Rovensky

568,466 görüntüleme • 1 yıl önce

The magic of Liquid Glass, SwiftUI, and DetailsPro ✨ Liquid Glass is already running as a modifier you can select for any view in your design, in our first build for iOS 26 TestFlight soon
0:22

The magic of Liquid Glass, SwiftUI, and DetailsPro ✨ Liquid Glass is already running as a modifier you can select for any view in your design, in our first build for iOS 26 TestFlight soon

DetailsPro

12,874 görüntüleme • 1 yıl önce

Apple's new Icon Composer is genuinely fun to mess around with. You can try different Liquid Glass effects, OS 26/27 icon styles, adjust specularity, refraction, chromatic shadows, and more. Anyone interested in designing icons for iOS or macOS should give it a try.
0:48

Apple's new Icon Composer is genuinely fun to mess around with. You can try different Liquid Glass effects, OS 26/27 icon styles, adjust specularity, refraction, chromatic shadows, and more. Anyone interested in designing icons for iOS or macOS should give it a try.

Sunny

92,251 görüntüleme • 1 ay önce

Another import option is Notion, where many people keep a list of their paid subscriptions. By the way, I have slightly refined the animation and improved the results screen to highlight the yearly plan, and also added a few more liquid glass buttons 🙌 #design #buildinpublic
0:24

Another import option is Notion, where many people keep a list of their paid subscriptions. By the way, I have slightly refined the animation and improved the results screen to highlight the yearly plan, and also added a few more liquid glass buttons 🙌 #design #buildinpublic

Dmytro Chuta

36,088 görüntüleme • 6 ay önce

If you're like me and are trying to study and inspect the new Liquid Glass effect, I've built a small utility app for you! Test Liquid Glass with all the different options, tinting, sizes, and backgrounds — only for macOS Tahoe for obvious reasons. 💾
0:33

If you're like me and are trying to study and inspect the new Liquid Glass effect, I've built a small utility app for you! Test Liquid Glass with all the different options, tinting, sizes, and backgrounds — only for macOS Tahoe for obvious reasons. 💾

Rafa

18,046 görüntüleme • 1 yıl önce

✨Tip for artists and riggers✨ If you want to make a liquid in transparent container (vial, bottle), create a clipping layer (red) according to the shape of container, so you could attach a liquid to it. Lower the opacity for the clipping layer #Live2D #live2dtutorial #VTuber
0:33

✨Tip for artists and riggers✨ If you want to make a liquid in transparent container (vial, bottle), create a clipping layer (red) according to the shape of container, so you could attach a liquid to it. Lower the opacity for the clipping layer #Live2D #live2dtutorial #VTuber

🍉°˖✧Shiromi✧˖° 💕Live2D Rigger

380,427 görüntüleme • 3 yıl önce

This is how I make a Liquid Glass button with Framer's AI Agent. Steal it! 1. Asked the agent to build a liquid glass background + a WebGL chromatic metal shader 2. Layered them and tuned till it felt right Prompts below 👇
0:24

This is how I make a Liquid Glass button with Framer's AI Agent. Steal it! 1. Asked the agent to build a liquid glass background + a WebGL chromatic metal shader 2. Layered them and tuned till it felt right Prompts below 👇

Tran Mau Tri Tam ✪

1,150,207 görüntüleme • 22 gün önce

Spent another week polishing the game after Ludum Dare, fixed a ton of bugs, improved visuals and sound, and added a bit more content Feels properly finished now We’d love it if you gave it another try!
1:01

Spent another week polishing the game after Ludum Dare, fixed a ton of bugs, improved visuals and sound, and added a bit more content Feels properly finished now We’d love it if you gave it another try!

qqruzkin

42,488 görüntüleme • 3 ay önce

Lumy's liquid glass design in action... ✨ Light through the glass felt perfect for an app that was envisioned as a window to our outer world 🌅 So looked beyond the standard controls to create some liquid glass moments. 🫧 A Bottom Bar that morphs to your workflow... 👀 A Peek Panel that respects your attention... ☀️ Sunlight scattering through the glass panes... App Store Link 👉 #iOS26 #watchOS26
1:04

Lumy's liquid glass design in action... ✨ Light through the glass felt perfect for an app that was envisioned as a window to our outer world 🌅 So looked beyond the standard controls to create some liquid glass moments. 🫧 A Bottom Bar that morphs to your workflow... 👀 A Peek Panel that respects your attention... ☀️ Sunlight scattering through the glass panes... App Store Link 👉 #iOS26 #watchOS26

Raja Vijayaraman

30,149 görüntüleme • 10 ay önce

Dear frontend devs and UI designers. I bring you Liquid DOM, a complete and faithful implementation of Liquid Glass on the Web. - Shape morphing - All properties animatable - Dynamic refraction and reflection - Adaptive tint - Adaptive specular highlight - Dispersion - Full html integration - Super fast layout engine that works across Canvas and html - Pointer event handling - Framework and renderer-agnostic low level API - High level React API - Ootb Three.js and r3f integration And lots more. Read on for implementation details and demos.
0:33

Dear frontend devs and UI designers. I bring you Liquid DOM, a complete and faithful implementation of Liquid Glass on the Web. - Shape morphing - All properties animatable - Dynamic refraction and reflection - Adaptive tint - Adaptive specular highlight - Dispersion - Full html integration - Super fast layout engine that works across Canvas and html - Pointer event handling - Framework and renderer-agnostic low level API - High level React API - Ootb Three.js and r3f integration And lots more. Read on for implementation details and demos.

Andrew Prifer

1,353,465 görüntüleme • 2 ay önce

currently learning react native and Expo fell in love with Samuel's UX from last year, so I tried my hand at implementing this for mobile with the new liquid glass elements from swift ui
0:22

currently learning react native and Expo fell in love with Samuel's UX from last year, so I tried my hand at implementing this for mobile with the new liquid glass elements from swift ui

Dominik Scholz

58,951 görüntüleme • 8 ay önce

Liquid Crystal first tech demo from 2020. I lost a bit of steam in the following years because of chip shortages etc. With Liquid Layers Maker I will try to bring the best 2D building experience I can for low spec, continue skilling up with VoxelMash 2, and then finally tackle Liquid Crystal with WebGPU.
1:17

Liquid Crystal first tech demo from 2020. I lost a bit of steam in the following years because of chip shortages etc. With Liquid Layers Maker I will try to bring the best 2D building experience I can for low spec, continue skilling up with VoxelMash 2, and then finally tackle Liquid Crystal with WebGPU.

Grant Kot

56,912 görüntüleme • 1 yıl önce

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

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 görüntüleme • 3 ay önce

🔄Added some dynamic rotation/leaning to parts of the character's rig based on a bunch of different values and player state. So now he will try and turn towards your desired direction. Still need to tweak it a bit but works! ✨ #gamedev #solodev #ue5 #prototype #workinprogress
0:24

🔄Added some dynamic rotation/leaning to parts of the character's rig based on a bunch of different values and player state. So now he will try and turn towards your desired direction. Still need to tweak it a bit but works! ✨ #gamedev #solodev #ue5 #prototype #workinprogress

MortMort

492,537 görüntüleme • 3 yıl önce

I didn't know how his family would react in the beginning...✨ Different culture, different background, different country. But they just welcomed me so lovingly.💗 Always making sure I'm okay, feeding me, taking care of me. It never felt "different". I didn't expect this, but it just feels like i am with my second family❤️🇮🇳
0:27

I didn't know how his family would react in the beginning...✨ Different culture, different background, different country. But they just welcomed me so lovingly.💗 Always making sure I'm okay, feeding me, taking care of me. It never felt "different". I didn't expect this, but it just feels like i am with my second family❤️🇮🇳

Wisdom Walk

32,863 görüntüleme • 3 ay önce

The Stream Chat SDK just got a major redesign. What's new: – Modern UI with two built-in styles (incl. Liquid Glass) – Shared design system across iOS, Android, React, RN, Flutter – Aligned APIs + component names across platforms – More control with improved ViewFactory + styling In beta for the next 2 weeks. Docs for each SDK in the thread ↓
0:48

The Stream Chat SDK just got a major redesign. What's new: – Modern UI with two built-in styles (incl. Liquid Glass) – Shared design system across iOS, Android, React, RN, Flutter – Aligned APIs + component names across platforms – More control with improved ViewFactory + styling In beta for the next 2 weeks. Docs for each SDK in the thread ↓

Stream

2,551,321 görüntüleme • 4 ay önce

This will shock you to the core. This guy poured liquid metal on a Big Mac, and it didn’t even melt... It’s not even food.
0:22

This will shock you to the core. This guy poured liquid metal on a Big Mac, and it didn’t even melt... It’s not even food.

Mr. Nobody

1,595,231 görüntüleme • 1 yıl önce