<img src="https://raw.githubusercontent.com/MobileFirstInc/MFCard/master/MFcard%20poster.jpg" alt=" text" width="100%" />

MFCard

<img src="https://img.shields.io/badge/platform-iOS-blue.svg?style=flat" alt="Platform iOS" /> <img src="https://img.shields.io/badge/swift4-compatible-green.svg?style=flat" alt="Swift 4 compatible" /> <img src="https://img.shields.io/badge/swift5-compatible-green.svg?style=flat" alt="Swift 5 compatible" /> <img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat" alt="License MIT" /> <a href="https://cocoapods.org/pods/MFCard"><img src="https://img.shields.io/badge/pod-1.2.7-blue.svg" alt="CocoaPods compatible" /></a>

<a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/mobilefirst"><img src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" alt="Buy me a coffee"><span style="margin-left:5px;font-size:28px !important;">Buy me a coffee</span></a>

MFCard is an awesome looking Credit Card input & validation control. Written in Swift 3.

YOoo, Now MFCard is on Swift 5.

• Swift 5.0 (Xcode 11.0)*

pod 'MFCard'

Or you can choose version for Swift 4

pod 'MFCard', '1.2.6'

<img src="https://raw.githubusercontent.com/MobileFirstInc/MFCard/master/MFCardDemo/Screens/Card Front.png" alt=" text" width="40%" />

MobileFirst Applications

We are a mobile development agency working on Swift for iOS, Java for Android. We are available for new projects.

Demo

<img src="https://raw.githubusercontent.com/MobileFirstInc/MFCard/master/MFCardDemo/Screens/_MFCard.gif" alt=" text" width="40%" />

Usage

First Step - @import MFCard to your project

Second Step - Add a delegate MFCardDelegate to your class & add two delegate methods

Third Step - Present a Card

var myCard : MFCardView
myCard  = MFCardView(withViewController: self)
myCard.delegate = self
myCard.autoDismiss = true
myCard.toast = true
myCard.showCard()

Handle Done button(delegate method) clicked

func cardDoneButtonClicked(_ card: Card?, error: String?) {
if error == nil{
print(card!)
}else{
print(error!)
}
}

Show Card with Details

var myCard : MFCardView
myCard  = MFCardView(withViewController: self)
myCard.delegate = self
myCard.autoDismiss = true
myCard.toast = true
let demoCard :Card? = Card(holderName: "Rahul Chandnani", number: "6552552665526625", month: Month.Dec, year: "2019", cvc: "234", paymentType: Card.PaymentType.bank, cardType: CardType.Discover, userId: 0)
myCard.showCardWithCardDetails(card: demoCard!)

CocoaPods Install

Add this to your Podfile.

pod 'MFCard'

Supported Cards

• MasterCard
• Visa
• JCB
• Diners
• Discover
• Amex
• Maestro
• UnionPay
• Electron
• Dankort
• RuPay

Customisation Options

• Card Image
• Background colour
• Front Chrome colour (Front Card colour)
• Back Chrome colour (Back Card colour)
• Front Chrome Alpha
• Back Chrome Alpha
• Back Card Magnetic Tap colour
• All Label colour
• TextField Customisation
• Control Buttons
• Corner Radius
• Placeholders
• Auto Dismiss
• Flip on Done
• Animation on CardType Change
• MFCard show - BlurStyle

Screenshots

<img src="https://raw.githubusercontent.com/MobileFirstInc/MFCard/master/MFCardDemo/Screens/Card1.png" alt=" text" width="40%" /> <img src="https://raw.githubusercontent.com/MobileFirstInc/MFCard/master/MFCardDemo/Screens/Card Back.png" alt=" text" width="40%" /> <img src="https://raw.githubusercontent.com/MobileFirstInc/MFCard/master/MFCardDemo/Screens/MF.png" alt=" text" width="60%" />

Features

• Card Validation Support
• Present Card like alert
• Swipe Gesture To Swipe Card front & back
• Error Handing
• Toast Messages for error handling
• All Properties editable using IBDesignable
• Animations
• Easy to use

Collaboration

Feel free to collaborate with ideas, issues and/or pull requests.

Further Plans

• Provide More Classic card views
• Mutiple Card Collection Viewer
• Stripe Integration
• Language Support (French, Spanish)
• More Animations :-P

Thanks

• https://github.com/RC7770/CreditCardValidator
• https://github.com/scalessec/Toast-Swift
• Icon Credit : https://thenounproject.com/term/credit-card/490264/

Contact

• Arpan & Rahul (http://mobilefirst.in)
• Twitter: @mobilefirstinc
• Email : arpan at mobilefirst.in

License

MFCard is released under the MIT License.