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

Ramotion

Last update: Dec 19, 2022

Related tags

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

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

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.

Comments

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 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?
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'
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?

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?

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

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

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

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

GitHub https://www.ramotion.com/iphone-app-development-ui-library-for-swiping-through-objects/

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

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 ✅

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

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!

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

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

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

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

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

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-

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

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

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

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

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

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

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

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

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

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.

27 Jul 26, 2022