Awesome
<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'
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.