正在加载视频...

视频加载失败

返回首页

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 次观看 • 8 天前 •via X (Twitter)

艺术教育科学技术#LiquidGlass
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Liquid Glass with CSS and SVG
0:36

Liquid Glass with CSS and SVG

Andreas Storm

71,138 次观看 • 7 个月前

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,934 次观看 • 11 个月前

🚀 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 次观看 • 1 年前

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 次观看 • 10 个月前

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 次观看 • 1 个月前

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 次观看 • 1 年前

⚡️ 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 次观看 • 1 年前

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 次观看 • 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

93,747 次观看 • 9 个月前

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 次观看 • 7 个月前

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

31,416 次观看 • 8 天前

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

85,012 次观看 • 15 天前

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 次观看 • 1 年前

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 次观看 • 1 年前

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,669 次观看 • 11 个月前

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 次观看 • 1 个月前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 3 个月前