Halo, a Metal shader for SwiftUI
SwiftUI Metal shader

Halo

A card lit from inside its own edges: four inset bands growing inward, a radial core holding the centre dark, and film grain over the lot. Drag the light on the canvas to move it.

SwiftUIReact NativeWeb

How it works

Halo 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.

27 settings you can tune

  • Card Size
  • Corner Radius
  • Light
  • Intensity
  • Rim
  • Mid
  • Wash
  • Deep
  • Core
  • Grain
  • Fill Top
  • Fill Bottom
  • Shadow
  • Shadow Tint
  • Filter
  • Amount
  • Scale
  • Radius
  • Fade
  • Softness
  • Rotation
  • Brightness
  • Contrast
  • Saturation
  • Rounding
  • Bevel
  • Inset

More SwiftUI shaders