Animated Flash Cards

A Flutter package for animated flash cards with book-like forward and backward page flipping. Fully customizable cards with top and bottom pages, colors, fonts, and page flip animations.

---

📦 Features

• Forward and backward page flipping animation.
• Customizable top and bottom pages.
• DecorationImage support for page flip GIFs.
• Customizable card height, colors, border radius, and margins.
• Easy to integrate into any Flutter app.

---

🛠 Installation

Add the dependency in your pubspec.yaml:

dependencies:
  animated_flash_cards:
    git:
      url: https://github.com/DeveloperOrpon/Animated-flash_cards.git

Then run:

flutter pub get animated_flash_cards

---

🎨 Usage

Import the package:

import 'package:animated_flash_cards/animated_flash_cards.dart';

Create a flash card:

FlashCard(
  headerColor: Colors.black,
  topPageColor: Colors.black,
  bottomPageColor: Colors.black,
  bottomColor: Colors.black,
  borderRadiusAll: 50,
  topPages: List.generate(
    30,
    (index) => Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        FlutterLogo(size: 100),
        Text(
          'Top Card Widget:',
          style: TextStyle(fontSize: 20, color: Colors.white),
        ),
        Text(
          'Index: $index',
          style: TextStyle(fontSize: 20, color: Colors.white),
        ),
      ],
    ),
  ),
  bottomPages: List.generate(
    30,
    (index) => Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        FlutterLogo(size: 100),
        Text(
          'Bottom Card Widget:',
          style: TextStyle(fontSize: 20, color: Colors.white),
        ),
        Text(
          'Index: $index',
          style: TextStyle(fontSize: 20, color: Colors.white),
        ),
      ],
    ),
  ),
);

Note: topPages and bottomPages lists must have the same length. Otherwise, an assertion error will be thrown.

---

🖼 Example Images

FLASH CARD:

---

🎥 Demo Video

Click the image to watch the demo video of the package in action.

---

⚙️ Customization

Property	Description	Default
cardHeight	Height of the flash card	200
margin	Outer margin of the card	null
topPages	List of widgets for top pages	required
bottomPages	List of widgets for bottom pages	required
headerColor	Color of the header	Colors.amber
topPageColor	Background color of top pages	Colors.amber
bottomPageColor	Background color of bottom pages	Colors.amber
borderRadiusAll	Card border radius	20

---

📄 License

This package is licensed under the MIT License.