FreeComponents
Scrolling FAQ Carousel
Auto-scrolling horizontal FAQ carousel with infinite looping rows scrolling in alternating directions (iOS only)
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
Platform: iOS only — this component uses UIViewRepresentable with UIScrollView and CADisplayLink.
Auto-scrolling horizontal FAQ carousel that displays rows of question pills scrolling in alternating directions (left, right, left). Uses UIScrollView with a CADisplayLink for smooth infinite looping. Tapping a pill triggers the onTap callback with the question text.
What you get
- ✓196 lines of source code, ready to paste
- ✓Source Code
- ✓Usage
componentdisplayfaqcarouselscrollingUIKitSwiftUI
Usage
SWScrollingFAQ(
rows: [
["How does AI work?", "What can I ask?", "How accurate?", "Help with coding?",
"Remember chat?", "Languages supported?", "Get started?", "Explain topics?"],
["Write an email", "Summarize article", "Translate text", "Creative ideas",
"Debug code", "Explain concept", "Meal plan", "Brainstorm"],
["Best approach?", "How to improve?", "Give examples", "Compare options",
"Suggest alternatives", "Pros and cons?", "Help understand", "Walk through"]
],
title: "Let's talk about new topics"
) { question in
print("User tapped: \(question)")
}More in Components
- Add SheetFreeBottom sheet with text input field, Cancel and Continue buttons, presented as a medium detent sheet
- Alert Toast NotificationFreeGlobal toast-style alert overlay with preset styles (info, success, warning, error) and auto-dismiss
- Bullet Point TextFreeText label with a colored capsule bullet point indicator that accepts any View content via @ViewBuilder
- Cached ImageFreeAsyncImage drop-in with a memory + disk cache, so re-created views show remote images on the first frame instead of flashing the placeholder
- Floating LabelsFreeAnimated floating capsule labels that fade in and out at specified positions around an image
- Gradient DividerFreeHorizontal divider with a center-fade gradient effect (clear to color to clear)