Awesome Liquid Glass

A curated list of resources about Liquid Glass UI design style announced at WWDC 2025 by Apple.

This list includes design resources, development tools, libraries, and projects that adapt to the Liquid Glass style.

Contents

• Official Resources
  • WWDC 2025
  • Documentation
• Libraries
  • Web
  • Flutter
• Recreations
  • Web
  • Shader
  • Flutter
  • Design
• Contributing
• License

Official Resources

WWDC 2025

• Meet Liquid Glass - Video introducing Liquid Glass design principles.
• Get to know the new design system - Video about key changes in Apple's new design system.
• Apple introduces a delightful and elegant new software design - Official press release on Apple Newsroom.

Documentation

• Apple Design Resources - Official design templates (Sketch).
• Human Interface Guidelines - Official design guidelines.
• Apple Developer Documentation - Technical documentation for implementing Liquid Glass.

Libraries

Web

• liquid-glass-react - React.js implementation of Liquid Glass.

Flutter

• liquid_glass_renderer - Flutter implementation of Liquid Glass.

Recreations

Web

• shuding/liquid-glass - Pure JavaScript and SVG filters implementation.
• lucasromerodb/liquid-glass-effect-macos - Pure CSS and SVG filters implementation.
• Muggleee/liquid-glass-vue - Vue.js and WebGL implementation.

Shader

• Apple Liquid Glass on Shadertoy - GLSL shader implementation.

Flutter

• colbymaloy/flutter_liquid_glass - Flutter implementation.

Design

• Figma Offical Glass Effect Playground - New glass effect in Figma.
• iOS 26 Liquid Glass on Figma - Figma community file.
• iOS 26 Liquid Glass Components - Figma components library.
• Liquid Glass on Spline Community - 3D recreation using Spline.
• How to create Liquid Glass on Unicorn Studio - Tutorial for recreating Liquid Glass in Unicorn Studio.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License