Ripple, a Metal shader for SwiftUI
SwiftUI Metal shader

Ripple

Pulsed water ripples that warp the image — a fresh ring is emitted from the origin every Delay seconds, expands outward, and fades with distance, leaving a real gap between rings. Exports as a SwiftUI layerEffect you apply to your own image (an asset named "forge").

SwiftUIReact NativeWeb

How it works

Ripple is a real [[stitchable]] Metal shader, not a video or an image. It runs as a SwiftUI .layerEffect, so it reads and reshapes the whole layer of the view it is attached 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.

10 settings you can tune

  • Shine
  • Sheen Color
  • Dispersion
  • Falloff
  • Speed
  • Ring Thickness
  • Amplitude
  • Delay
  • Origin X
  • Origin Y

More SwiftUI shaders