Dots, a Metal shader for SwiftUI
SwiftUI Metal shader

Dots

Seven animated dot-field styles in one effect — four 3D perspective grids (Wavy, Mountains, Ocean, Standing Wave) and three flat patterns (Flow Field, Plasma, Snake Trails). Each ships its own focused .metal file; the unified live preview branches on style.

SwiftUIReact NativeWeb

How it works

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

12 settings you can tune

  • Style
  • Speed
  • Brightness
  • Dot Color
  • Background
  • Dot Size
  • Grid Density
  • Pattern Scale
  • Vignette
  • Horizon
  • Wave Amplitude
  • Depth Fade

More SwiftUI shaders