Ember, a Metal shader for SwiftUI
SwiftUI Metal shader

Ember

Three colour waves blurred into a single glow that pools at the foot of a black well, the white crest travelling further than the red. Three ways to set them moving — a travelling ripple, a tide, or a parallax slide — and the light drags on the canvas.

SwiftUIReact NativeWeb

How it works

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

34 settings you can tune

  • Card Size
  • Corner Radius
  • Animation
  • Speed
  • Motion
  • Depth
  • Ripples
  • Light Drift
  • Pulse
  • Light
  • Intensity
  • Back Blur
  • Mid Blur
  • Front Blur
  • Well
  • Back
  • Mid
  • Front
  • Shadow
  • Shadow Tint
  • Filter
  • Amount
  • Scale
  • Radius
  • Fade
  • Softness
  • Rotation
  • Grain
  • Brightness
  • Contrast
  • Saturation
  • Rounding
  • Bevel
  • Inset

More SwiftUI shaders