Skip to content
:octocat: πŸƒ Cardslider is a design UI controller that allows you to swipe through cards with pictures and accompanying descriptions. - https://github.com/Ramotion/swift-ui-animation-components-and-libraries
Branch: master
Clone or download
Latest commit b1c74d1 Apr 3, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
CardSlider converted to swift 5 Apr 3, 2019
DemoCardSlider.xcodeproj
DemoCardSlider Minor UI fixes Oct 23, 2018
Workspace.xcworkspace Initial commit Oct 19, 2018
.gitignore Initial commit Oct 2, 2018
CardSlider.podspec bump pod version Apr 3, 2019
LICENSE Initial commit Oct 2, 2018
README.md Update README.md Dec 29, 2018
header.png Add files via upload Oct 23, 2018
iOS_Card_Slider.gif Add files via upload Oct 24, 2018

README.md

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 β†’

Inspired by Charles Patterson shot

Twitter Donate

Requirements

  • 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

  1. 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 }
}
  1. Implement CardSliderDataSource methods in your class:
public protocol CardSliderDataSource: class {
	func item(for index: Int) -> CardSliderItem
	func numberOfItems() -> Int
}
  1. Create an instance of CardSliderViewController with the data source:
guard let dataSource = someObject as? CardSliderDataSource else { return }
let cardSlider = CardSliderViewController.with(dataSource: dataSource)
  1. 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.



You can’t perform that action at this time.