SwiftUI animations and Metal shaders
Physics, 3D motion and shaders that make an app feel alive.
46 skills, all free
Metal dot fieldsFreeMetal shaders: fields of dots that roll like waves and flow into living patterns, all drawn on the GPU.
Deep-space starfieldFreeA deep-space starfield in Metal: glowing nebulae drift past twinkling stars.
Neon outlinesFreeNeon outlines that bloom from the center with prism-colored edges, rendered live in Metal.
Liquid metaballsFreeColored blobs that drift, melt into one another like liquid, and blend their colors as they merge.
3D network graphFreeA 3D network graph you can spin. Tap any node and its links light up, with the details below.
Orbit ring and walletFreeItems orbit into a dotted ring, and payment cards fan out of a wallet as the balance rolls in.
Floating color dotsFreeA field of bright colored dots that float and shimmer across the whole screen.
Glass color panelsFreeStacked glass panels in mirrored layers, with neon gradients flowing through them.
Dot sphereFreeDrag the slider and scattered points of light pull together into a perfect 3D sphere.
Cells and swirlFreeLiving patterns: a mosaic of cells that keeps reshaping, then a hypnotic color swirl.
Noise veins and blobsFreeOrganic noise shaders: glowing veins that pulse through the dark, then bold color blobs in constant flow.- Animated LoopFreePulsing concentric rings in one of four hand-tuned styles (Shape / Diamond / Neon / Warp) with three RGB-channel colors and per-channel phase offset — Shape style adds a geometric sub-picker (circle / square / diamond / hexagon / star)
- Animated Mesh GradientFreeAnimated 3x3 mesh gradient background that smoothly transitions between two color palettes with a repeating animation
- Before/After Image SliderFreeBefore/after image comparison view with an auto-oscillating slider divider and drag gesture support
- Change EffectsFreeEight micro-interaction effects that fire on Equatable value changes — shake, jump, spin, ping rings, symbol spray, +1 rise, one-shot shine, and haptics — built on KeyframeAnimator and PhaseAnimator
- Char SphereFreeRotating 3D glyph sphere — caller-supplied character palette (`chars: [String]`) is randomly scattered across spherical Fibonacci points with perspective-scaled SF Rounded font and optional back-face culling
- Chromatic GlassFreeSubtle chromatic-aberration glass layerEffect over any source view via a SwiftUI Metal stitchable shader — red/blue channels split toward the edges along the tilt direction, with a soft centre glow, for a premium glass-over-card feel
- Confetti BurstFreeCanvas-rendered celebration confetti burst overlay with 4 particle shapes, customisable colors, gravity, and spread
- FoilFreeHolographic rainbow foil layerEffect that wraps any source view via a SwiftUI Metal stitchable shader, with crossing sine-wave rainbow ramp, high-power sparkle glints, and a tilt-driven fresnel flare for a trading-card foil feel
- Fractal CloudsFreeDrifting fractal cumulus clouds rendered via a SwiftUI Metal stitchable shader, using two-pass 5-octave FBM with domain warping for soft cumulus-like swirls
- Full-Screen ButtonFreeTappable card with Apple's native zoom transition (App Store / Photos style) — the card geometry-matches into a true full-screen view via iOS 18 `.matchedTransitionSource` and `.navigationTransition(.zoom)`
- Glass OrbFreeA draggable glass orb with a built-in vertical color gradient fill, rendered through a SwiftUI Metal stitchable layerEffect — the gradient is magnified and bent with a spherical (barrel) warp, topped with a cool Fresnel rim highlight, an upper-left specular hot-spot, and optional rim RGB dispersion; the whole orb drags as one piece and its hue cycles over time for a slowly flowing color
- GlassFreeSDF-shaped glass lens layerEffect — magnifies and refracts a source view inside a circle or rounded-rect with frosted blur, a Fresnel rim, chromatic aberration, a directional highlight and tint, all driven by an analytic signed-distance field
- Glow Sweep EffectFreeView wrapper that sweeps a glowing highlight band across content, using the original shape as a mask
- Grain GradientFreeSoft tri-color noise gradient with film grain rendered via a SwiftUI Metal stitchable shader — two slowly drifting low-frequency value-noise samples blend three colors, and a per-frame high-frequency hash adds film grain
- HalftoneFreePrint-shop halftone image filter — 4 dot styles (classic / gooey / holes / soft) × 2 grids (square / hex) + 4-channel CMYK plates mode, applied to any source view via layerEffect
- Ink SmokeFreeDomain-warped FBM "ink in water" smoke field rendered via a SwiftUI Metal stitchable shader, with four ink colors and a wispy highlight
- Intense BlingFreeMaximum-intensity holographic shimmer layerEffect over any source view via a SwiftUI Metal stitchable shader, with a dense diamond grid, multi-hue rainbow, three moving hotspots, and layered tilt-driven sparkles for a secret-rare card look
- Light Sweep EffectFreeAnimated scan-line overlay that sweeps a gradient light band across any content with rounded clipping
- Liquid ChromeFreeAnimated liquid chrome surface rendered via a SwiftUI Metal stitchable shader, with three sequentially domain-warped value-noise samples, a gamma-shaped chrome curve, and high-power specular glints
- Liquid MetalFreeLiquid-metal image filter — big light/dark metal blocks drifting one way like WWDC molten metal, with a cool-blue Fresnel rim, a breathing bloom glow that follows the metal, and a fully parameterised look over any opaque source view
- Orbiting Logos AnimationFreeSpriteKit-powered animated orbit component with concentric rings of dots and pop-out icon animations
- Particle TransitionsFreeParticle-powered view transitions with a self-contained Canvas burst engine — poof smoke cloud, pop ripple with particle flurry, and anvil slam with dust impact
- PlasmaFreeFull-color plasma background family with five hand-tuned styles (Solar / Prism / Spectrum / Ember / Lilac), each shipping its own 5-stop palette — switch style with a single enum
- Polished AluminumFreePolished-aluminum finish layerEffect over any source view via a SwiftUI Metal stitchable shader — a tilt-shifted cyan/silver/purple brushed-metal gradient, a diagonal 45-degree rainbow iridescence band, and a tilt-tracking specular hotspot
- Scanning Overlay EffectFreeAnimated scan-line overlay with flowing grid, sweeping scan band, and noise layer for an analyzing/processing visual effect
- Shaking Icon AnimationFreeAnimated icon that periodically zooms in and shakes side-to-side, mimicking the iOS home-screen jiggle effect
- Shimmer EffectFreeShimmer highlight wrapper that sweeps a translucent light band across content in a continuous loop
- Smoke RingFreePolar-coordinate smoke ring procedural background — radial multi-colored gradient distorted by two phase-shifted FBM noise layers that cross-fade so the smoke never visibly loops, with tunable radius / thickness / inner fill / noise iterations
- StarfieldFreeMulti-layer twinkling starfield rendered via a SwiftUI Metal stitchable shader, with parallax-scrolling layers, hashed star placement, and a per-star sin-driven twinkle
- View TransitionsFree16 modern view transitions on SwiftUI's Transition protocol — boing, skid, swoosh, flip, iris, wipe, blinds, clock, glare, dissolve, flicker, film exposure and more
- Typewriter Text AnimationFreeTypewriter text that cycles through strings with character-by-character typing and deleting, supporting multiple animation styles
- WaterFreeRippling water-caustic image filter — simplex-noise wave drift + 6-octave rotated caustic distortion warps source UVs and adds a sunlight-on-pool highlight tint