Liquid Glass HQ
Submit
Awesome Liquid Glass
Resource

Awesome Liquid Glass

Liquid GlassOpen SourceGenerator

Here you will have a lot of liquid glass effects to use, just copy these codes, surprising liquid glass, let you feel the fun of writing code

What is Awesome Liquid Glass

Awesome Liquid Glass is a SwiftUI-based repository showcasing visually stunning liquid glass effects for iOS applications. Inspired by Apple’s iOS 26 design system, it provides developers with animated examples and use cases to integrate fluid, glass-like UI components into their projects, enhancing the aesthetic appeal and user experience of SwiftUI interfaces.

Awesome Liquid Glass's Core Features

  • Dynamic Liquid Glass Effects: Implements fluid, translucent visual effects with smooth animations for SwiftUI components, mimicking Apple’s iOS 26 style.
  • Customizable Components: Offers adjustable properties like blur, tint, and distortion to tailor the liquid glass effect to specific design needs.
  • Example Library: Includes a collection of pre-built SwiftUI components demonstrating various liquid glass use cases for inspiration.
  • Real-Time Previews: Provides high-fidelity previews of effects, though GIFs may not fully capture the crispness due to color limitations.
  • Open-Source Contributions: Encourages community contributions to expand and refine the library with new examples and enhancements.

How to Use Awesome Liquid Glass

Clone the Repository: Run git clone https://github.com/GetStream/awesome-liquid-glass.git to download the project to your local machine.

Open in Xcode: Navigate to the project directory and open the .xcodeproj file in Xcode.

Explore Examples: Browse the provided SwiftUI component examples within the project to understand implementation details.

Integrate Components: Copy and customize the desired liquid glass effect code into your SwiftUI project, adjusting properties like blur or tint as needed.

Test and Preview: Run your project in Xcode’s simulator to view the liquid glass effects in real-time and refine as necessary.

Contribute (Optional): Fork the repository, create a new branch, make improvements, and submit a pull request to contribute to the project.

Awesome Liquid Glass's Use Cases

  • Mobile App Interfaces: Enhance iOS apps with modern, glassmorphic UI elements for buttons, cards, or navigation bars, aligning with iOS 26 aesthetics.
  • Interactive Dashboards: Create visually engaging dashboards with fluid, translucent effects for data visualization or control panels.
  • Creative Prototyping: Experiment with liquid glass effects for rapid prototyping of innovative UI designs in SwiftUI-based projects.
  • AR/VR Applications: Apply liquid glass effects in ARKit-based apps to create immersive, translucent UI elements that blend with virtual environments.

Benefits of Awesome Liquid Glass

  • Enhanced Visual Appeal: Delivers a sleek, modern aesthetic that elevates user interfaces, making apps more engaging and aligned with Apple’s design trends.
  • Time-Saving Development: Provides ready-to-use examples, reducing the time needed to design and implement complex UI effects from scratch.
  • Community-Driven Improvements: Benefits from open-source contributions, ensuring continuous updates and new features from the SwiftUI developer community.
  • High Customizability: Allows developers to fine-tune visual properties, enabling tailored designs that fit specific app requirements.
  • Inspiration for Innovation: Offers a curated set of examples to spark creativity and inspire unique UI designs for iOS applications.