Autumn Sale50% offCOMPOT
Texts & TypographyFree ComponentiOS 16.0+Xcode 15+

Text with Gradient

Headline text masked with a multi-stop linear gradient fill.

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
textWGradient.swift
import SwiftUI

struct TextWGradient: View {
    var body: some View {
        Text("iOS")
            .font(.largeTitle)
            .foregroundStyle(LinearGradient(colors: [.pink, .purple, .blue], startPoint: .topLeading, endPoint: .bottomTrailing))
    }
}

#Preview {
    TextWGradient()
}

Ready to copy and paste directly into any Xcode project running iOS 16.0+.

Recommended Use Cases

  • First-run onboarding flows and feature introductions
  • Paywalls, upgrade prompts, and subscription tiers
  • App settings, preferences, and account configuration screens

Component Details

iOS Compatibility
iOS 16.0+
Xcode Version
Xcode 15+
Platform
iOS
License Tier
Free
Themes & Contexts
settingsonboardingpaywall
C

Compot for iOS

Native SwiftUI playground app

Preview all 130+ components interactively on your device and copy code straight to Xcode with 1 tap.

Get Compot on the App Store