🃏 Cardslider is a design UI controller that allows you to swipe through cards with pictures and accompanying descriptions.

Related tags

Cards swift ios
Overview

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:


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.



Comments
  • example keeps crashing

    example keeps crashing

    I tried running the example project that you guys provide and it always results in a crash. I also tried using the pod in my personal projects and it resulted in a crash. Can you guys look into it for a bug..?

    opened by arinasawa 2
  • Which functions are responsible for the zooming in?

    Which functions are responsible for the zooming in?

    Which functions are responsible for zooming in the photo and bringing up the description when the image is tapped. Also which functions are responsible for going back to the normal view when you swipe down the when the description is shown.

    opened by timmyvc123 1
  • What is the Datasource object?

    What is the Datasource object?

    Hi, im new to Xcode. And I'm asking me what the DataSource object is.

    ` guard let dataSource = test as? CardSliderDataSource else { return } let cardSlider = CardSliderViewController.with(dataSource: dataSource)

        cardSlider.title = "Movies"
        present(cardSlider, animated: true, completion: nil)
        
        `
    
    opened by Grauju 1
  • [!] Unable to find a specification for 'CardSlider'

    [!] Unable to find a specification for 'CardSlider'

    Hey,

    Thanks for your awesome repo. 👌🏼

    I tried a lot to install the pod but I got this error:

    [!] Unable to find a specification for 'CardSlider'

    I tried the following:

    pod repo remove master 
    pod setup 
    pod install
    

    But still same error!

    Any solution?

    opened by Maryom 1
  • How to update data?

    How to update data?

    hello, thanks for the beautiful UI of collectionview, saves a lot of time for me.

    How can I update the data in the collectionview? m using my data which I'm getting from the API. I want to update the data source to show the updated data. regards.

    opened by HamzaYasin5 0
  • How can I dismiss the cardslider?

    How can I dismiss the cardslider?

    In iOS13, if I present the cardslider by defining cardSlider.modalPresentationStyle = .fullScreen How can I get back to the master view controller? If I use something like cardSlider.modalPresentationStyle = .automatic It will not be displayed well.

    It means either I display it well but cannot get back, or it shows up with the layout totally messed up.

    Does anybody else have the same problem?

    opened by keishinz 1
  • Add update for iOS 13

    Add update for iOS 13

    iOS 13 supports native dark mode and this repo's demo project will put up a white background irrespective of the device's theme settings. This causes the text to become invisible when the user is on dark mode since the background color becomes white and so does the label color.

    opened by SwapnanilDhol 0
  • How to delete a item

    How to delete a item

    I tried to delete a cell from collection view on didSelect method. But I had get a crash:[self.collectionView performBatchUpdates:^{ [self.movies removeObjectAtIndex:0]; NSIndexPath *indexPath = [NSIndexPath indexPathForRow:0 inSection:0]; [self.collectionView deleteItemsAtIndexPaths:@[indexPath]]; } completion:^(BOOL finished) { NSLog(@"finished"); }]; Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '*** -[__NSArrayM insertObject:atIndex:]: object cannot be nil'

    opened by JRJian 0
  • NSInternalInconsistencyException when dismiss CardSliderViewController

    NSInternalInconsistencyException when dismiss CardSliderViewController

    some times I receive this exception when dismiss CardSliderViewController:

    "Property animators must either finish animating or be explicitly stopped and finished before they can be released."

    i suppose the exception is about animator property of CardTitleView

    Any help? thank you

    opened by dariolr 0
Owner
Ramotion
UI Engineering, UI/UX Design and Front-End Development Agency
Ramotion
Swipe able, customizable card stack view, Tinder like card stack view based on UICollectionView. Cards UI

Swipable, customizable card stack view, Tinder like card stack view based on UICollectionView. Cards UI Сocoapods installation Add in your Podfile: po

Indy 850 Nov 17, 2022
A navigation controller that displays its view controllers as an interactive stack of cards.

CardNavigation The easiest way to turn a navigation controller into an interactive stack of cards. Highlights ✅ Fully interactive and interruptible ✅

James Randolph 41 Sep 29, 2022
A swift SDK to help you scan debit/credit cards.

SKCardReader A swift SDK to help you scan debit/credit cards. Requirements To use the SDK the following requirements must be met: Xcode 11.0 or newer

Syed Kashan 4 Jul 29, 2022
Swipe to "like" or "dislike" any view, just like Tinder.app. Build a flashcard app, a photo viewer, and more, in minutes, not hours!

MDCSwipeToChoose Swipe to "like" or "dislike" any view, just like Tinder.app. Build a flashcard app, a photo viewer, and more, in minutes, not hours!

Brian Gesiak 2.6k Nov 29, 2022
A easy-to-use SwiftUI view for Tinder like cards on iOS, macOS & watchOS.

?? CardStack A easy-to-use SwiftUI view for Tinder like cards on iOS, macOS & watchOS. Installation Xcode 11 & Swift Package Manager Use the package r

Deniz Adalar 285 Jan 3, 2023
Swift Package to download Transactions for LunchOnUs Cards

LunchOnUs Downloader What This is a small library to download transaction and balance data for LunchOnUs Cards (Giftcards by Eigen Development). How C

Steffen Kötte 0 Jan 15, 2022
KolodaView is a class designed to simplify the implementation of Tinder like cards on iOS.

KolodaView Check this article on our blog. Purpose KolodaView is a class designed to simplify the implementation of Tinder like cards on iOS. It adds

Yalantis 5.2k Jan 2, 2023
Presenting timelines as cards, single or bundled in scrollable feed!

TimelineCards ?? Autogenerated timelines presented as cards ?? ?? Single or bundled into feed ?? Installation CocoaPods (wtf is that?) Add pod 'Timeli

0xNSHuman 428 Dec 16, 2022
Awesome iOS 11 appstore cards in swift 5.

Cards brings to Xcode the card views seen in the new iOS XI Appstore. Getting Started Storyboard Go to main.storyboard and add a blank UIView Open the

Paolo Cuscela 4.1k Dec 14, 2022
Recreation of cards from Apple's AppStore written using SwiftUI.

App Store Cards Animation I tried to reproduce the look and the feeling of the cards from the AppStore. Please note that this repository is a work-in-

Roman 3 Mar 30, 2022
A SwiftUI view that arranges its children in a whimsical interactive deck of cards, as seen in Big News

CardStack A SwiftUI view that arranges its children in a whimsical interactive deck of cards. CardStack mimics the behaviour of the photo stack in iMe

The Not So Big Company 74 Dec 13, 2022
Presenting timelines as cards, single or bundled in scrollable feed!

TimelineCards ?? Autogenerated timelines presented as cards ?? ?? Single or bundled into feed ?? Installation CocoaPods (wtf is that?) Add pod 'Timeli

0xNSHuman 428 Dec 16, 2022
A marriage between the Shazam Discover UI and Tinder, built with UICollectionView in Swift.

VerticalCardSwiper A marriage between the Shazam Discover UI and Tinder, built with UICollectionView in Swift. Project goal and information The goal o

Joni Van Roost 1.2k Dec 28, 2022
This UI attempts to capture the Quibi Card Stack and the associated User Interaction.

RGStack This UI attempts to capture the Quibi Card Stack and the associated User Interaction. Required A View that conforms to the ConfigurableCard pr

RGeleta 96 Dec 18, 2022
Card-based view controller for apps that display content cards with accompanying maps, similar to Apple Maps.

TripGo Card View Controller This is a repo for providing the card-based design for TripGo as well as the TripKitUI SDK by SkedGo. Specs 1. Basic funct

SkedGo 6 Oct 15, 2022
LotsOfCats - An iOS app that lets you swipe through random cat pictures

LotsOfCats This is an iOS app that lets you swipe through random cat pictures! I

null 1 Jan 9, 2022
A simple and flexible way to add source of overlapping circular pictures, currently supports horizontal overlapping or distant pictures with great layout flexibility.

THIS PROJECT IS NO LONGER MAINTAINED. STILL ONE ONLY BEST UI SOLUTION FOR UIKIT DEVELOPERS. SOON WILL COME UP WITH SWIFTUI STILL CONTRIBUTORS ARE WELC

Kiran Jasvanee 673 Dec 19, 2022
Allows trendy transitions using swipe gesture such as "swipe back anywhere".

SwipeTransition allows trendy transitions using swipe gesture such as "swipe back". Try the demo on the web (appetize.io): https://appetize.io/app/peb

Tatsuya Tanaka 294 Dec 27, 2022
Swipe able, customizable card stack view, Tinder like card stack view based on UICollectionView. Cards UI

Swipable, customizable card stack view, Tinder like card stack view based on UICollectionView. Cards UI Сocoapods installation Add in your Podfile: po

Indy 850 Nov 17, 2022
Virgil Core SDK allows developers to get up and running with Virgil Cards Service API quickly and add end-to-end security to their new or existing digital solutions to become HIPAA and GDPR compliant and more.

Virgil Core SDK Objective-C/Swift Introduction | SDK Features | Installation | Configure SDK | Usage Examples | Docs | Support Introduction Virgil Sec

Virgil Security, Inc. 27 Jul 26, 2022