Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 4 дней назад •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,901 просмотров • 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 просмотров • 28 дней назад

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

29,764 просмотров • 3 дней назад

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 просмотров • 10 дней назад

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 год назад

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 год назад

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 просмотров • 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 год назад

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 просмотров • 3 месяцев назад

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 год назад