SwiftUI Texts & Typography
Gradient typography, markdown links, localized inflection rules, typewriter animations, and SF font variants. (18 components available in Compot).
Text with Uneven Background & Gradient
Stylized display text with asymmetrical corner radiuses and mesh gradient background.
Text with Number Inflection Rules
Dynamic text demonstrating automatic localized pluralization syntax (^[(count) item](inflect: true)).
Text with Markdown Links
Rich text demonstrating inline markdown links, bolding, italics, and custom link styling.
Text with Dashed Stroke
Decorative heading enclosed in a dashed border stroke.
Text System Default Variants
Showcase of standard San Francisco system font weights and designs.
Text System Monospace Variants
Showcase of SF Mono typography for code, data, and numeric readouts.
Text System Rounded Variants
Showcase of SF Pro Rounded typography for friendly, consumer-facing interfaces.
Text System Serif Variants
Showcase of New York serif typography for editorial and reading experiences.
Text Style Default Variants
Comprehensive typography hierarchy showcase (Large Title down to Caption 2).
Text Date Styling Options
Built-in date/time text formatting variants (relative, timer, date, offset).
Text Styling Default Options
Text transformation samples (strikethrough, underline, kerning, baseline offset).
Text Truncation Modes
Comparison of .head, .middle, and .tail text truncation behaviors.
Text with Gradient
Headline text masked with a multi-stop linear gradient fill.
Relative Date Text
Automatically updating relative time formatting (e.g. "2 hours ago", "in 3 days").
Text Sequence with Timer
Dynamic text that cycles through a sequence of strings automatically using a timer.
Text Typing & Retracting Animation
Typewriter effect that types out and deletes sentences with a blinking cursor.
Text Dissolve Animation
Smooth cross-fade transition cycling through different phrases.
Monospace Expandable Text
Monospaced code/log snippet with tap-to-expand card layout.