FreeComponents

Rotating Quote

Auto-rotating quote display that cycles through quotes with animated transitions and stable layout height

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

Auto-rotating quote display that cycles through an array of quotes with animated transitions. Shows the quote text and an author name aligned to the bottom-right. Uses a hidden placeholder of the longest quote to maintain stable layout height.

What you get

  • ✓177 lines of source code, ready to paste
  • ✓Source Code
  • ✓Usage
componentdisplayquoterotationanimationtextSwiftUI

Usage

// Multiple quotes rotation
SWRotatingQuote(
    quotes: [
        "Stay hungry, stay foolish.",
        "The only way to do great work is to love what you do.",
        "Innovation distinguishes between a leader and a follower."
    ],
    author: "Steve Jobs"
)
.frame(height: 200)

// Custom font, interval, and color
SWRotatingQuote(
    quotes: [
        "Those times when you get up early...",
        "That is actually the dream."
    ],
    author: "Kobe Bryant",
    interval: 3.0,
    quoteFont: .body,
    authorFont: .callout,
    fontDesign: .serif,
    foregroundStyle: .primary
)

// Single quote (no rotation, displayed statically)
SWRotatingQuote(
    quotes: ["Stay hungry, stay foolish."],
    author: "Steve Jobs"
)

More in Components

All 21 skills in Components