SwiftUI Metal shader
Mesh
A SwiftUI MeshGradient you build by dragging. Move the control points on the canvas, colour each one, add a drift, and export a native MeshGradient view — no Metal, no shader, iOS 18+.
SwiftUIReact Native
How it works
Mesh 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 version. No MSL to write.
55 settings you can tune
- Grid
- Style
- Smooth colours
- Background
- Animate
- Speed
- Drift
- Hue drift
- Pin edges
- Filter
- Radius
- Fade
- Amount
- Softness
- Brightness
- Contrast
- Saturation
- Grain
- Rotation
- Scale
- Inset
- Rounding
- Bevel
- Point 1·1
- Point 1·2
- Point 1·3
- Point 1·4
- Point 2·1
- Point 2·2
- Point 2·3
- Point 2·4
- Point 3·1
- Point 3·2
- Point 3·3
- Point 3·4
- Point 4·1
- Point 4·2
- Point 4·3
- Point 4·4
- Colour 1·1
- Colour 1·2
- Colour 1·3
- Colour 1·4
- Colour 2·1
- Colour 2·2
- Colour 2·3
- Colour 2·4
- Colour 3·1
- Colour 3·2
- Colour 3·3
- Colour 3·4
- Colour 4·1
- Colour 4·2
- Colour 4·3
- Colour 4·4
