💳 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.
-
🗂️Automatic card type recognition that supports the following cards:
- Visa
- Mastercard
- RuPay
- American Express
- Maestro
- Diners Club etc
-
🤩Simple VisualTransformation subclasses for the following use cases:
- Card number (with custom separators, digit masking)
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)
dependencies {
implementation ("com.github.myofficework000:Cards:1.0.0")
}Groovy
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()
}
}
}
}Copyright 2024 Abhishek Pathak
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
- An Android device or emulator 📱
- Android Studio 💻
Ready to try it out yourself? Here's what to do:
- Clone this project 🐑
- Import the project into Android Studio 🚀
- Connect your Android device via USB or start your emulator 🌐
- Once the project has finished setting up, click the "run" button 🏃♂️
Don't forget to star ⭐ the repo it motivates me to share more open source