Flutter Gems
Flutter Gems is a curated list of 7250+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Credit Card UI and Scanner packages
Last updated: May 18, 2026
Credit Card UIs provide realistic visual representations of the card the user is typing, while optical scanners utilize the camera to completely bypass manual entry.
Best Practices for Card UIs & Scanners
- Luhn Algorithm: Use the Luhn algorithm to locally validate the credit card number checksum before attempting to send it to a payment gateway. This catches simple typos instantly.
- Brand Detection: Dynamically update the UI to show the correct card network logo (Visa, Mastercard, Amex) based on the first few digits of the entered number.
- Scanner Permissions: If offering a camera-based scanner, provide a clear fallback button for manual entry if the user denies camera permissions or if the lighting is too poor to scan the embossed numbers.
The complete list of Credit Card UIs, Luhn Validators, and OCR Scanners for Flutter is provided below.
flutter_credit_card
👍 1.09K ⬇️ 13.8K
Dart 3 compatibleMaintenance Status: Average
A Credit Card widget package with support of entering card details, and animations like card flip and float.
awesome_card
👍 286 ⬇️ 1.8K
Dart 3 compatibleMaintenance Status: Poor
Flutter package to create a Credit Card Widget in your application.
card_scanner
👍 123 ⬇️ 1.2K
Dart 3 compatibleMaintenance Status: Good
Fast, Accurate and Secure Credit & Debit card scanning library for flutter.
credit_card_validator
👍 88 ⬇️ 16.5K
Dart 3 compatibleMaintenance Status: Poor
A package that validates credit card numbers, expiration dates, and security codes (CVV/CVC) based on the type of credit card
credit_card_type_detector
👍 72 ⬇️ 21.8K
Dart 3 compatibleMaintenance Status: Poor
A package that detects credit card types based on the current credit card number patterns
u_credit_card
👍 80 ⬇️ 1K
Dart 3 compatibleMaintenance Status: Average
uCreditCard - Easy to use beautiful Card UI Flutter Package.
credit_card_scanner
👍 66 ⬇️ 192
Dart 3 compatibleMaintenance Status: Poor
Fast, Accurate and Secure Credit & Debit card scanning library for flutter. This package is a fork of the original.
credit_card_input_form
👍 62 ⬇️ 144
Dart 3 compatibleMaintenance Status: Poor
This package provides visually beautiful UX through animation of credit card information input form.
checkout_screen_ui
👍 45 ⬇️ 103
Dart 3 compatibleMaintenance Status: Good
A pre built UI representing a checkout screen that is meant to be coupled with your own logic.
ml_card_scanner
👍 29 ⬇️ 252
Dart 3 compatibleMaintenance Status: Average
Package for scanning bank credit cards.
flutter_credit_card_scanner
👍 18 ⬇️ 946
Dart 3 compatibleMaintenance Status: Average
A Flutter package that utilizes the device camera to scan and extract credit card information. by using Google ML for Android and Apple Vision for iOS.
credit_card_flag_detector
👍 18 ⬇️ 5
Dart 3 compatibleMaintenance Status: Average
A package that detects credit card types based on the current credit card number patterns
payment_card
👍 11 ⬇️ 10
Dart 3 compatibleMaintenance Status: Poor
A custom widget for creating beautiful payment(eg. credit or debit) cards on flutter.
credit_card_slider
👍 58 ⬇️ 34
Maintenance Status: Poor
A credit card slider with ability to add custom cards using the CreditCard widget. Credit card slider can also be customised
card_selector
👍 39 ⬇️ 25
Maintenance Status: Poor
Widget selector for Flutter using stack. The selector is fully configurable, animation time, gap between cards, size factor for stacxked cards, ...
credit_card
👍 28 ⬇️ 42
Maintenance Status: Poor
Functional yet beautiful Credit Card Widget with automatic card type detection.
credit_card_number_validator
👍 14 ⬇️ 45
Maintenance Status: Poor
A dart package to check if card number is valid and also returns card type as well.