Magenta, a Metal shader for SwiftUI
SwiftUI Metal shader

Magenta

Hot magenta into white — big soft masses, moderate churn, strong rim light, visible edge fringes. The silhouette holds still while the liquid inside turns: every point rides its own small circle once per loop, so the loop closes with no jump. A marbled four-octave field is graded through an Oklab ramp, split per channel at the rim into fringes, and lit by a rim light and a single glint.

SwiftUIReact NativeWeb

How it works

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

29 settings you can tune

  • Speed
  • Flow
  • Turbulence
  • Shimmer
  • Wobble
  • Radius
  • Scale
  • Marble
  • Refraction
  • Seed
  • Light
  • Rim
  • Glint
  • Inner glow
  • Halo
  • Contrast
  • Bias
  • Fringes
  • Iridescence
  • Magenta
  • Bloom
  • Rim light
  • Sheen
  • Grain
  • Exposure
  • Colors
  • Edge softness
  • Glow
  • Glow tint

More SwiftUI shaders