FreeEffects and animation

Neon outlines

Neon outlines that bloom from the center with prism-colored edges, rendered live in Metal.

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

SWGlassLogo is a multi-layer composited showcase: it is not one monolithic shader but four cheap SwiftUI primitives stacked in a ZStack, producing an SF Symbol (default apple.logo) rendered as a sheet of frosted, refractive glass that glows on a near-black canvas with flowing colored light trapped inside it.

The four passes are:

  1. Canvas — a near-black background (#0a0a0a).
  2. Flowing light — a slowly rotating tri-color MeshGradient (cool-blue / orange / deep-blue) with a few faint diagonal stripes drifting across it. This is the light the glass refracts.
  3. Glass logo — pass 2 masked to the silhouette of the SF Symbol, then run through the swGlassLogo Metal layerEffect. Because there is no analytic shape, the surface normal is recovered directly from the layer's alpha gradient across the antialiased silhouette: that drives a subtle refraction + a small golden-angle frosted disk + a luminosity-preserving tint + a cool Fresnel rim, all clipped to the symbol shape (transparent outside).
  4. Bloom — two stacked .shadow halos (one tight, one wide soft) that breathe slowly on the flow's own clock, giving the logo an outer cool glow.

This is a first-pass approximation that leans on frost + a cool rim + a soft bloom over flowing color, and intentionally leaves thin-film iridescence, twirl distortion and exact SDF shaping for later refinement.

Requires iOS 18+ / macOS 15+ (SwiftUI ShaderLibrary / Shader / layerEffect, Metal stitchable, MeshGradient, TimelineView).

What you get

  • ✓648 lines of source code, ready to paste
  • ✓File Layout
  • ✓Source Code
  • ✓Usage
  • ✓Parameters
  • ✓Integration Checklist
  • ✓Notes / Gotchas
animationmetalshaderglasslogorefractionbloomshowcaselayerEffectSwiftUI

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.
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.
Cells and swirl
Free
Living patterns: a mosaic of cells that keeps reshaping, then a hypnotic color swirl.
Noise veins and blobs
Free
Organic noise shaders: glowing veins that pulse through the dark, then bold color blobs in constant flow.