Spike Purple, a Metal shader for SwiftUI
SwiftUI Metal shader

Spike Purple

A near-black squircle with a violet spike of light rising out of its base and a fine dot screen laid over the top. Three ways to set the light moving, four more for the dots, and the light drags on the canvas.

SwiftUIReact NativeWeb

How it works

Spike Purple 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.

46 settings you can tune

  • Style
  • Animation
  • Speed
  • Motion
  • Depth
  • Ripples
  • Light Drift
  • Pulse
  • Card Size
  • Corner Radius
  • Hairline
  • Light
  • Intensity
  • Back Blur
  • Front Blur
  • Pool
  • Base Wash
  • Layer
  • Spacing
  • Size
  • Amount
  • Angle
  • Variance
  • Dot Motion
  • Dot Speed
  • Dot Depth
  • Colour
  • Fill
  • Back Mound
  • Front Mound
  • Pool Tint
  • Shadow
  • Shadow Tint
  • Filter
  • Scale
  • Radius
  • Fade
  • Softness
  • Rotation
  • Grain
  • Brightness
  • Contrast
  • Saturation
  • Rounding
  • Bevel
  • Inset

More SwiftUI shaders