Shaking Icon Animation
Animated icon that periodically zooms in and shakes side-to-side, mimicking the iOS home-screen jiggle effect
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
Animated icon that periodically zooms in and shakes side-to-side, mimicking the iOS home-screen jiggle/notification effect. Uses PhaseAnimator with a multi-step ShakePhase sequence: idle -> zoom in -> three shake pairs (left/right) -> zoom out, then repeats.
What you get
- ✓72 lines of source code, ready to paste
- ✓Source Code
- ✓Usage
animationshakeiconPhaseAnimatorSwiftUI
Usage
// SF Symbol
SWShakingIcon(image: Image(systemName: "bell.fill"))
// Asset image with rounded corners
SWShakingIcon(image: Image("myLogo"), height: 100, cornerRadius: 16)
// Custom timing
SWShakingIcon(
image: Image(systemName: "heart.fill"),
height: 120,
idleDelay: 2.0
)More in Effects and animation
Metal dot fields
FreeMetal shaders: fields of dots that roll like waves and flow into living patterns, all drawn on the GPU.
Deep-space starfield
FreeA deep-space starfield in Metal: glowing nebulae drift past twinkling stars.
Neon outlines
FreeNeon outlines that bloom from the center with prism-colored edges, rendered live in Metal.
Liquid metaballs
FreeColored blobs that drift, melt into one another like liquid, and blend their colors as they merge.
3D network graph
FreeA 3D network graph you can spin. Tap any node and its links light up, with the details below.
Orbit ring and wallet
FreeItems orbit into a dotted ring, and payment cards fan out of a wallet as the balance rolls in.
Floating color dots
FreeA field of bright colored dots that float and shimmer across the whole screen.
Glass color panels
FreeStacked glass panels in mirrored layers, with neon gradients flowing through them.
Dot sphere
FreeDrag the slider and scattered points of light pull together into a perfect 3D sphere.
Cells and swirl
FreeLiving patterns: a mosaic of cells that keeps reshaping, then a hypnotic color swirl.
Noise veins and blobs
FreeOrganic noise shaders: glowing veins that pulse through the dark, then bold color blobs in constant flow.