Resource
Discover ready-to-use design assets and developer resources inspired by the liquid glass aesthetic — including Figma kits, CSS effects, blur presets, and UI frameworks.
img
Liquid Glass Vue
A WebGL liquid glass refraction effect project based on Vue3 + Vite.
Development
Source
Github
Liquid Glass Vue
A WebGL liquid glass refraction effect project based on Vue3 + Vite.
Development
Source
Github
Liquid Glass Vue
A WebGL liquid glass refraction effect project based on Vue3 + Vite.
Development
Source
Github
Liquid Glass Vue
A WebGL liquid glass refraction effect project based on Vue3 + Vite.
Development
Source
Github
Liquid Glass Vue
A WebGL liquid glass refraction effect project based on Vue3 + Vite.
Development
Source
Github
Human Interface Guidelines
The HIG contains guidance and best practices that can help you design a great experience for any Apple platform.
Design
Source
Apple Design
Human Interface Guidelines
The HIG contains guidance and best practices that can help you design a great experience for any Apple platform.
Design
Source
Apple Design
Human Interface Guidelines
The HIG contains guidance and best practices that can help you design a great experience for any Apple platform.
Design
Source
Apple Design
Human Interface Guidelines
The HIG contains guidance and best practices that can help you design a great experience for any Apple platform.
Design
Source
Apple Design
Human Interface Guidelines
The HIG contains guidance and best practices that can help you design a great experience for any Apple platform.
Design
Source
Apple Design
liquid glass studio
The Ultimate Web Recreation of Apple’s Liquid Glass UI, powered by WebGL2 and shaders. Includes most Liquid Glass features with fine-grained controls for detailed customization.
Development
Source
Github
liquid glass studio
The Ultimate Web Recreation of Apple’s Liquid Glass UI, powered by WebGL2 and shaders. Includes most Liquid Glass features with fine-grained controls for detailed customization.
Development
Source
Github
liquid glass studio
The Ultimate Web Recreation of Apple’s Liquid Glass UI, powered by WebGL2 and shaders. Includes most Liquid Glass features with fine-grained controls for detailed customization.
Development
Source
Github
liquid glass studio
The Ultimate Web Recreation of Apple’s Liquid Glass UI, powered by WebGL2 and shaders. Includes most Liquid Glass features with fine-grained controls for detailed customization.
Development
Source
Github
liquid glass studio
The Ultimate Web Recreation of Apple’s Liquid Glass UI, powered by WebGL2 and shaders. Includes most Liquid Glass features with fine-grained controls for detailed customization.
Development
Source
Github
Liquid Glass SVG filters
Liquid Glass effect using SVG filters
Development
Source
Github
Liquid Glass SVG filters
Liquid Glass effect using SVG filters
Development
Source
Github
Liquid Glass SVG filters
Liquid Glass effect using SVG filters
Development
Source
Github
Liquid Glass SVG filters
Liquid Glass effect using SVG filters
Development
Source
Github
Liquid Glass SVG filters
Liquid Glass effect using SVG filters
Development
Source
Github
Glass effect playground
Glass is a new effect in Figma that allows you to manipulate light, depth, frost, and more to create dynamic elements in Figma that refract light like physical glass. This playground file will teach you how to use the effect and provide creative inspiration to have fun with glass.
Design
Source
Figma
Glass effect playground
Glass is a new effect in Figma that allows you to manipulate light, depth, frost, and more to create dynamic elements in Figma that refract light like physical glass. This playground file will teach you how to use the effect and provide creative inspiration to have fun with glass.
Design
Source
Figma
Glass effect playground
Glass is a new effect in Figma that allows you to manipulate light, depth, frost, and more to create dynamic elements in Figma that refract light like physical glass. This playground file will teach you how to use the effect and provide creative inspiration to have fun with glass.
Design
Source
Figma
Glass effect playground
Glass is a new effect in Figma that allows you to manipulate light, depth, frost, and more to create dynamic elements in Figma that refract light like physical glass. This playground file will teach you how to use the effect and provide creative inspiration to have fun with glass.
Design
Source
Figma
Glass effect playground
Glass is a new effect in Figma that allows you to manipulate light, depth, frost, and more to create dynamic elements in Figma that refract light like physical glass. This playground file will teach you how to use the effect and provide creative inspiration to have fun with glass.
Design
Source
Figma
Liquid Glass React
Apple's Liquid Glass effect for React
Development
Source
Github
Liquid Glass React
Apple's Liquid Glass effect for React
Development
Source
Github
Liquid Glass React
Apple's Liquid Glass effect for React
Development
Source
Github
Liquid Glass React
Apple's Liquid Glass effect for React
Development
Source
Github
Liquid Glass React
Apple's Liquid Glass effect for React
Development
Source
Github
Flutter liquid glass
attempt at implementing liquid glass specifications in flutter
Development
Source
Github
Flutter liquid glass
attempt at implementing liquid glass specifications in flutter
Development
Source
Github
Flutter liquid glass
attempt at implementing liquid glass specifications in flutter
Development
Source
Github
Flutter liquid glass
attempt at implementing liquid glass specifications in flutter
Development
Source
Github
Flutter liquid glass
attempt at implementing liquid glass specifications in flutter
Development
Source
Github