Connect with us


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

Lastly, add the following dependency to your app’s build.gradle.kts (Kotlin) or build.gradle (Groovy) file:

Kotlin (KTS)


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?) {
        setContent {
            ComposeCardsTheme {

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! 🤩

ComposeCard on GitHub:
Platform: Android
⭐️: 51