Connect with us

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

ComposeCard on GitHub: https://github.com/aritra-tech/ComposeCards
Platform: Android
⭐️: 51
Advertisement

Trending