Glass Liquid, a Metal shader for SwiftUI
SwiftUI Metal shader

Glass Liquid

A fluid seen through frosted glass. Five octaves of rotated value noise, warped by a second pair of the same and ramped through four stops, then buried under the shell that made the original read as glass: a porcelain radial fill, three inset sheens, a rim ramp and two rotated speculars, with the liquid blurred and desaturated behind all of it. Nine palettes — Frost through Smoke — over five distinct flow branches.

SwiftUIReact NativeWeb

How it works

Glass Liquid is a real [[stitchable]] Metal shader, not a video or an image. It runs as a SwiftUI .colorEffect, so it paints any view you attach it to. You shape it with sliders in a live preview, then export the .metal file and the SwiftUI code that uses it, or the React Native and Web version. No MSL to write.

28 settings you can tune

  • Style
  • Speed
  • Radius
  • Zoom
  • Warp
  • Ridge
  • Sharpness
  • Sheen
  • Gloss
  • Mid opacity
  • Edge opacity
  • Stop A
  • Stop B
  • Stop C
  • Stop D
  • Highlight
  • Shell inner
  • Shell mid
  • Shell edge
  • Sheen tint
  • Specular
  • Page
  • Shade
  • Exposure
  • Colors
  • Edge softness
  • Glow
  • Glow tint

More SwiftUI shaders