FreeEffects and animation

Cells and swirl

Living patterns: a mosaic of cells that keeps reshaping, then a hypnotic color swirl.

Free
Free with a ShipSwift account.

Copies a short instruction with your private download link. Paste it into your agent: it downloads the whole skill (the source code, the setup steps and the mistakes we already made for you) and builds the screen.

Works with

+70

What it does

Voronoi

Programmatic background of animated Voronoi cells with anti-aliased smooth edges. Double-pass algorithm: first pass finds the closest cell center, second pass scans a 5×5 neighborhood to compute the minimum half-plane distance to all neighbours (the cell edge). 1–5 color step-discretized palette ramp, optional gap border between cells, optional radial inner-shadow glow.

Requires iOS 18+ / macOS 15+ (SwiftUI ShaderLibrary / Shader / Metal stitchable).

Swirl

Programmatic background of animated bands of color twisting and bending into spirals, arcs, and flowing circular patterns. Polar-coordinate angle is multiplied by bandCount and spun by time; a pow(length, -twist) radial term bends straight sectoral bands into spirals; folded to a triangular wave so each band gets two symmetric edges; optionally distorted with 2D simplex noise; finally mapped across 1...10 palette colors with fwidth()-based anti-aliased band edges. 2D simplex noise by Ashima Arts (public domain).

Requires iOS 18+ / macOS 15+ (SwiftUI ShaderLibrary / Shader / Metal stitchable).

What you get

  • ✓1,085 lines of source code, ready to paste
  • ✓File Layout
  • ✓Source Code
animationmetalshaderSwiftUI

More in Effects and animation

Metal dot fields
Free
Metal shaders: fields of dots that roll like waves and flow into living patterns, all drawn on the GPU.
Deep-space starfield
Free
A deep-space starfield in Metal: glowing nebulae drift past twinkling stars.
Neon outlines
Free
Neon outlines that bloom from the center with prism-colored edges, rendered live in Metal.
Liquid metaballs
Free
Colored blobs that drift, melt into one another like liquid, and blend their colors as they merge.
3D network graph
Free
A 3D network graph you can spin. Tap any node and its links light up, with the details below.
Orbit ring and wallet
Free
Items orbit into a dotted ring, and payment cards fan out of a wallet as the balance rolls in.
Floating color dots
Free
A field of bright colored dots that float and shimmer across the whole screen.
Glass color panels
Free
Stacked glass panels in mirrored layers, with neon gradients flowing through them.
Dot sphere
Free
Drag the slider and scattered points of light pull together into a perfect 3D sphere.
Noise veins and blobs
Free
Organic noise shaders: glowing veins that pulse through the dark, then bold color blobs in constant flow.