Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

60,877 görüntüleme • 4 gün önce •via X (Twitter)

#LiquidGlass
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Liquid Glass with CSS and SVG
0:36

Liquid Glass with CSS and SVG

Andreas Storm

71,138 görüntüleme • 7 ay önce

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

🚀 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

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

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

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 görüntüleme • 1 yıl önce

⚡️ 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 görüntüleme • 1 yıl önce

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

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

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

29,764 görüntüleme • 3 gün önce

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,097 görüntüleme • 10 gün önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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

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

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 görüntüleme • 1 yıl önce

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,728 görüntüleme • 3 ay ö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,355 görüntüleme • 1 yıl önce