Flutter Credit Card

Flutter Credit Card package lets you add beautiful credit card to your flutter app.


  1. Add the latest version of package to your pubspec.yaml (and rundart pub get):
  flutter_credit_card_container: <latest-version>
  1. Import the package and use it in your Flutter App.
import 'package:flutter_credit_card_container/flutter_credit_card_container.dart';


There are a number of properties that you can modify:

  • height
  • width
  • cradHolderName
  • cardNumber
  • backgroundColor
  • fontColor
  • cvvNumber

class FlutterCreditCard extends StatelessWidget {  
  const FlutterCreditCard({Key? key}) : super(key: key);  
  Widget build(BuildContext context) {  
    return Scaffold(  
      body: Center(  
        child: const FlutterCreditCard(
        cardHolderName: "Flutter Demo",
        cardNumber: "123456789101",
        cvvNumber: 301,
        startMonth: 04,
        startYears: 23,
        endMonth: 04,
        endYears: 26,