Code
ComposeCard – A beautifully designed payment view library

ComposeCards is a beautifully designed payment view library for Credit and Debit Cards. Made using Jetpack Compose 🎉. It allows you to easily integrate Payment View with much smooth UI and animations.
What’s included?📜
-
🗂️Automatic card type recognition that supports the following cards:
- Visa
- Mastercard
- RuPay
- American Express
- Maestro
- Diners Club
-
🤩Simple VisualTransformation subclasses for the following use cases:
- Card number (with custom separators, digit masking)
Adding the library to your project✨
Add the following to your root build.gradle
file:
allprojects {
repositories {
maven { url 'https://jitpack.io' }
}
}
Lastly, add the following dependency to your app’s build.gradle.kts
(Kotlin) or build.gradle
(Groovy) file:
Kotlin (KTS)
Groovy
Usage📓
You can use the CardDetails
by simply passing this to the screen you want to use. For example:
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
ComposeCardsTheme {
CardDetails()
}
}
}
}
Reporting Issues and Requesting Features✨
If you encounter any issues or have feature requests, please create a new issue in this repository.
Supporting ComposeCards ❤️
Support it by joining stargazers for this repository. ⭐ Also follow me for my next creations! 🤩
