FreeEffects and animation

Dot sphere

Drag the slider and scattered points of light pull together into a perfect 3D sphere.

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

Programmatic rotating 3D dot-sphere background. Each dot is placed via the classic spherical Fibonacci / Vogel-spiral distribution; an optional morphAmount (0...1) lerps each dot between a uniform random 3D cloud and its sphere position. One-axis perspective projection scales dot size with depth. Palette cross-fade is delayed per dot by its Y position so the color wave appears to wash up the sphere. Rendered with a single SwiftUI Canvas per frame (not N independent views) so 800+ dots stay at 60fps on iPhone.

Requires iOS 18+ / macOS 15+ (SwiftUI TimelineView + Canvas).

What you get

  • ✓422 lines of source code, ready to paste
  • ✓File Layout
  • ✓Source Code
animationcanvasswiftui-canvassphereSwiftUI

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.
Details
Deep-space starfield
Free
A deep-space starfield in Metal: glowing nebulae drift past twinkling stars.
Details
Neon outlines
Free
Neon outlines that bloom from the center with prism-colored edges, rendered live in Metal.
Details
Liquid metaballs
Free
Colored blobs that drift, melt into one another like liquid, and blend their colors as they merge.
Details
3D network graph
Free
A 3D network graph you can spin. Tap any node and its links light up, with the details below.
Details
Orbit ring and wallet
Free
Items orbit into a dotted ring, and payment cards fan out of a wallet as the balance rolls in.
Details
Floating color dots
Free
A field of bright colored dots that float and shimmer across the whole screen.
Details
Glass color panels
Free
Stacked glass panels in mirrored layers, with neon gradients flowing through them.
Details
Cells and swirl
Free
Living patterns: a mosaic of cells that keeps reshaping, then a hypnotic color swirl.
Details
Noise veins and blobs
Free
Organic noise shaders: glowing veins that pulse through the dark, then bold color blobs in constant flow.
Details