Loading video...

Video Failed to Load

Go Home

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

thetirthparmar's profile picture

Tirth Parmar

1,511 subscribers

61,251 views • 7 days ago •via X (Twitter)

ArtsEducationScience & Technology#LiquidGlass
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Liquid Glass with CSS and SVG
0:36

Liquid Glass with CSS and SVG

Andreas Storm

71,138 views • 7 months ago

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇
1:02

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

243,921 views • 11 months ago

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

My iOS26 Beta 6 review: It is the snappiest, most stable version yet with few less annnoying bugs here and there except the HDR/SDR bug haha! → Animations are faster with new effects. → The Lockscreen Clock got real liquid glass. → Liquid Glass got more frosted with less refractions. → Liquid Glass UI is bouncier with chromatic aberration. → Transparent widgets now feature liquid glass. → Battery life is way better than Beta 5. We're close to the final look, very exciting!
0:34

My iOS26 Beta 6 review: It is the snappiest, most stable version yet with few less annnoying bugs here and there except the HDR/SDR bug haha! → Animations are faster with new effects. → The Lockscreen Clock got real liquid glass. → Liquid Glass got more frosted with less refractions. → Liquid Glass UI is bouncier with chromatic aberration. → Transparent widgets now feature liquid glass. → Battery life is way better than Beta 5. We're close to the final look, very exciting!

Minimal Nerd

82,319 views • 10 months ago

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

14,638 views • 1 year ago

ITSHOVER is redefining UI design with motion-first animated icons built for modern applications. Instead of lifeless SVGs, every icon is designed to react, engage, and enhance user experience through meaningful animation. Built for React, Next.js, Tailwind CSS, and modern web stacks. Why developers are paying attention • Motion-first icon library • Beautiful animated interactions • React & Next.js ready • Tailwind CSS friendly • Open source and fully customizable • Designed for modern products and SaaS applications • 2,200+ GitHub stars • 100,000+ biweekly visits The future of interfaces isn't static. It's interactive. It's responsive. It's ITSHOVER. Website: GitHub: Early adopters always win first. #ITSHOVER #OpenSource #ReactJS #NextJS #WebDevelopment #UIUX #Frontend #TailwindCSS #DesignSystems #AnimatedIcons #BuildInPublic #Developers #GitHub #WebDesign #SaaS #Startup #IndieHackers
0:28

ITSHOVER is redefining UI design with motion-first animated icons built for modern applications. Instead of lifeless SVGs, every icon is designed to react, engage, and enhance user experience through meaningful animation. Built for React, Next.js, Tailwind CSS, and modern web stacks. Why developers are paying attention • Motion-first icon library • Beautiful animated interactions • React & Next.js ready • Tailwind CSS friendly • Open source and fully customizable • Designed for modern products and SaaS applications • 2,200+ GitHub stars • 100,000+ biweekly visits The future of interfaces isn't static. It's interactive. It's responsive. It's ITSHOVER. Website: GitHub: Early adopters always win first. #ITSHOVER #OpenSource #ReactJS #NextJS #WebDevelopment #UIUX #Frontend #TailwindCSS #DesignSystems #AnimatedIcons #BuildInPublic #Developers #GitHub #WebDesign #SaaS #Startup #IndieHackers

👑 KING NEXT 100X

32,340 views • 1 month ago

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs
0:44

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs

Bharat Kara

17,366 views • 1 year ago

Can you believe BuilderStudio made this? Pathway used: Orbis A four-section landing page with a dark space theme, space video sections, liquid glass cards, Anton + Condiment typography, and a neon accent system. Skills used: • Frontend Design • Cinematic UI • WebGL / React Three Fiber Motion • Contrast Guard • Accessibility • Wiring • Doctor Recommended model: GPT-5.3 Codex
0:23

Can you believe BuilderStudio made this? Pathway used: Orbis A four-section landing page with a dark space theme, space video sections, liquid glass cards, Anton + Condiment typography, and a neon accent system. Skills used: • Frontend Design • Cinematic UI • WebGL / React Three Fiber Motion • Contrast Guard • Accessibility • Wiring • Doctor Recommended model: GPT-5.3 Codex

WunderCorp, Inc.

148,978 views • 1 month ago

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

93,747 views • 9 months ago

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

Must-know open-source tools for coders and developers - Open source CSS/React motion snippets with prompts - Largest UI Animation & Micro Interaction Library coverflow.ashishgogula.in- iOS-like Cover Flow for React. - Docker compose samples - Gradient buttons with hover effects
0:36

Must-know open-source tools for coders and developers - Open source CSS/React motion snippets with prompts - Largest UI Animation & Micro Interaction Library coverflow.ashishgogula.in- iOS-like Cover Flow for React. - Docker compose samples - Gradient buttons with hover effects

Csaba Kissi

30,885 views • 6 days ago

Must-know open-source tools for coders - terminal UIs in React - copy/paste CSS/React transitions - React funnel charts - Javascript/React animation library - open-source headless cms
0:28

Must-know open-source tools for coders - terminal UIs in React - copy/paste CSS/React transitions - React funnel charts - Javascript/React animation library - open-source headless cms

Csaba Kissi

84,823 views • 13 days ago

Not able to move on with the Liquid Glass UI launched at #wwdc2025
0:59

Not able to move on with the Liquid Glass UI launched at #wwdc2025

AelinaCroft

44,339 views • 1 year ago

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:49

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

11,398 views • 1 year ago

Liquid Glass is not just another 2D UI.. It’s a 3D UI which processes all the effects in real time Accept it or not but Liquid Glass is the PEAK OF SOFTWARE DESIGN
0:21

Liquid Glass is not just another 2D UI.. It’s a 3D UI which processes all the effects in real time Accept it or not but Liquid Glass is the PEAK OF SOFTWARE DESIGN

Apple Design

480,658 views • 11 months ago

Glass Marbles! A small experiment in real-time refraction. Combining SVG filters with a WebGL-rendered displacement map to simulate the optical properties of glass spheres. #webgl #svg #shaders #creativecoding
0:48

Glass Marbles! A small experiment in real-time refraction. Combining SVG filters with a WebGL-rendered displacement map to simulate the optical properties of glass spheres. #webgl #svg #shaders #creativecoding

Hans Chiu

11,362 views • 1 month ago

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript
0:26

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript

Techartist

14,977 views • 1 year ago

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

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