Typewriter Text Animation
Typewriter text that cycles through strings with character-by-character typing and deleting, supporting multiple animation styles
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
Typewriter text animation that cycles through an array of strings, typing and deleting characters one by one with configurable animation styles. Ideal for landing page headlines, onboarding prompts, and AI chat UIs.
What you get
- ✓305 lines of source code, ready to paste
- ✓Source Code
- ✓Usage
animationtypewritertextSwiftUI
Usage
// Basic — cycles through texts with default spring animation
SWTypewriterText(texts: ["Hello World", "Welcome Back", "Let's Go"])
// Choose an animation style
SWTypewriterText(texts: ["Line 1", "Line 2"], animationStyle: .blur)
// Convenience factory methods
SWTypewriterText.spring(texts: ["A", "B"])
SWTypewriterText.blur(texts: ["A", "B"])
SWTypewriterText.fade(texts: ["A", "B"])
SWTypewriterText.scale(texts: ["A", "B"])
// Custom gradient and timing
SWTypewriterText(
texts: ["Message 1", "Message 2"],
typingSpeed: 0.05,
deletingSpeed: 0.03,
pauseDuration: 3.0,
animationStyle: .spring,
gradient: LinearGradient(
colors: [.pink, .orange],
startPoint: .leading,
endPoint: .trailing
)
)
.font(.title3.weight(.semibold))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.