
CARD SLIDER
UI controller that allows you to swipe through cards with pictures.
We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

Stay tuned for the latest updates:
Get Free Mockup For your project →
Charles Patterson shot
Inspired byRequirements
- iOS 11.0+
- Xcode 10.0+
Installation
Use CocoaPods with Podfile:
pod 'CardSlider'
or Carthage users can simply add CardSlider to their Cartfile
:
github "Ramotion/CardSlider"
Then import the module in your code:
import CardSlider
Usage
- Declare a card model, implementing
CardSliderItem
protocol:
public protocol CardSliderItem {
var image: UIImage { get }
var rating: Int? { get }
var title: String { get }
var subtitle: String? { get }
var description: String? { get }
}
- Implement
CardSliderDataSource
methods in your class:
public protocol CardSliderDataSource: class {
func item(for index: Int) -> CardSliderItem
func numberOfItems() -> Int
}
- Create an instance of
CardSliderViewController
with the data source:
guard let dataSource = someObject as? CardSliderDataSource else { return }
let cardSlider = CardSliderViewController.with(dataSource: dataSource)
- Set the title and present:
cardSlider.title = "Movies"
present(cardSlider, animated: true, completion: nil)
📄 License
Card Slider is released under the MIT license. See LICENSE for details.
This library is a part of a selection of our best UI open-source projects.
If you use the open-source library in your project, please make sure to credit and backlink to www.ramotion.com
📱 Get the Showroom App for iOS to give it a try
Try this UI component and more like this in our iOS app. Contact us if interested.

