Top Flutter Card Widgets

A Flutter Card Widget is a material component that is used to display information about the component or a product. It has a slight border radius and box-shadow to identify the area of the card and is user-friendly .

Cards are the most commonly used component for mobile apps. Card Widgets gives you a variety of ready-to-use Flutter card Widgets, just a little modification you have to do if needed otherwise the cards are created for multiple purposes & are ready to use.

Let’s connect together and build your idea into a real-time app with UI Library. Now you could start with our documentation from how to getting the start and go with each widgets.

As of now, we are going to list the top Flutter Card Widget packages here:

1. swipe_cards: ^0.1.0

Short Intro: The card can be swiped right, left and up for different responses. Currently it supports the following responses: Right swipe for like, Left swipe for nope, Up swipe for super like.

Check out installation and/or implementation guide on pub.dev:

swipe_cards | Flutter Package
Tinder like swipe cards.

Contribute or raise an issue ticket on GitHub:

GitHub – AnupKumarPanwar/swipe_cards: Tinder like swipe cards for flutter.
Tinder like swipe cards for flutter. Contribute to AnupKumarPanwar/swipe_cards development by creating an account on GitHub.

2. awesome_card: ^1.1.6

Short Intro: A flutter plugin to create a pay stack payment gateway widget in your application. Supports android and iOS.

Check out installation and/or implementation guide on pub.dev:

flutter_paystack | Flutter Package
A Flutter plugin for making payments via Paystack Payment Gateway. Completely supports Android and iOS.

Contribute or raise an issue ticket on GitHub:

GitHub – wilburt/flutter_paystack: A robust Flutter plugin for making payments via Paystack Payment Gateway. Completely supports Android and iOS
:credit_card: A robust Flutter plugin for making payments via Paystack Payment Gateway. Completely supports Android and iOS – GitHub – wilburt/flutter_paystack: A robust Flutter plugin for making p…

3. flutter_credit_card: ^3.0.1

Short Intro: A Credit Card widget package, support entering card details, card flip animation

Check out installation and/or implementation guide on pub.dev:

flutter_credit_card | Flutter Package
A Credit Card widget package, support entering card details, card flip animation.

Contribute or raise an issue ticket on GitHub:

GitHub – SimformSolutionsPvtLtd/flutter_credit_card: A credit card widget for Flutter application.
A credit card widget for Flutter application. Contribute to SimformSolutionsPvtLtd/flutter_credit_card development by creating an account on GitHub.

4. tcard: ^1.3.5

Short Intro: A tinder like cards flutter widget. It can slide it’s children left or right. We can use it to show images, videos and so on.

Check out installation and/or implementation guide on pub.dev:

tcard | Flutter Package
A tinder like cards flutter plugin, can slide it’s children left or right. You can use it to show some images, videos and so on.

Contribute or raise an issue ticket on GitHub:

GitHub – BrunoJurkovic/tcard: Flutter tinder like cards
Flutter tinder like cards. Contribute to BrunoJurkovic/tcard development by creating an account on GitHub.

5. getwidget: ^2.0.4

Short Intro: GetWidget is an open source library that comes with pre-build 1000+ UI components. It makes development faster & more enjoyable. You can customize the component as per your need.

Check out installation and/or implementation guide on pub.dev:

getwidget | Flutter Package
GetWidget is open source library that come with pre-build 1000+ UI components. It makes development faster & more enjoyable. You can customize the component as per your need.

Check out the different types and/or implementation of GFCard:

How to Create Flutter Custom Card with 20+ example code
We will guide with step-by-step info each widget can use to design a custom card widget with Flutter Avatar, Text, Icon, or text widget combination.

Contribute or raise an issue ticket on GitHub:

GitHub – ionicfirebaseapp/getwidget: Most popular and easy to use open source UI library with 1000+ Widgets to build flutter app.
Most popular and easy to use open source UI library with 1000+ Widgets to build flutter app. – GitHub – ionicfirebaseapp/getwidget: Most popular and easy to use open source UI library with 1000+ W…

6. card_scanner: ^0.2.2

Short Intro: This is flutter plugin for accurately and quickly scanning debit and credit cards. It Can scan Expiry date , Card Holder name and Card Issuer along with the Card number.

Check out installation and/or implementation guide on pub.dev:

card_scanner | Flutter Package
Fast, Accurate and Secure Credit & Debit card scanning library for flutter.

Contribute or raise an issue ticket on GitHub:

GitHub – nateshmbhat/card-scanner-flutter: A flutter package for Fast, Accurate and Secure Credit card & Debit card scanning
A flutter package for Fast, Accurate and Secure Credit card & Debit card scanning – GitHub – nateshmbhat/card-scanner-flutter: A flutter package for Fast, Accurate and Secure Credit card & …

7. flutter_adaptive_cards: ^0.1.2

Short Intro: There are several constructors which handle loading of the adaptive card from different sources. AdaptiveCard.network takes a url to download the payload and display it. AdaptiveCard.asset takes an asset path to load the payload from the local data. AdaptiveCard.memory takes a map and displays it.

Check out installation and/or implementation guide on pub.dev:

flutter_adaptive_cards | Flutter Package
Adaptive Cards are platform-agnostic snippets of UI, authored in JSON, that apps and services can openly exchange.

Contribute or raise an issue ticket on GitHub:

flutter_adaptive_cards | Flutter Package
Adaptive Cards are platform-agnostic snippets of UI, authored in JSON, that apps and services can openly exchange.

8. flip_card: ^0.6.0

Short Intro: This plugin gives flip card animation. We can use it for hiding and showing details of a component.

Check out installation and/or implementation guide on pub.dev:

flip_card | Flutter Package
A component that provides flip card animation. It could be used for hide and show details of a product.

Contribute or raise an issue ticket on GitHub:

GitHub – BrunoJurkovic/flip_card: A Flutter widget that easily adds the flipping animation to any widget
A Flutter widget that easily adds the flipping animation to any widget – GitHub – BrunoJurkovic/flip_card: A Flutter widget that easily adds the flipping animation to any widget

9. flicked_cards: ^0.0.3

Short Intro: This supports custom animations. Progress through cards swipping both direction or in a single direction. Support piling or popping.

Check out installation and/or implementation guide on pub.dev:

flicked_cards | Flutter Package
A gesture driven customizable and extensible card widget

Contribute or raise an issue ticket on GitHub:

GitHub – DanielCardonaRojas/flicked_cards: A card swiping widget supporting custom animations.
A card swiping widget supporting custom animations. – GitHub – DanielCardonaRojas/flicked_cards: A card swiping widget supporting custom animations.

10. flutter_tindercard: ^0.2.0

Short Intro: A tinder like cards flutter widget. It can slide it’s children left or right. We can use it to show images, videos and so on.

Check out installation and/or implementation guide on pub.dev:

flutter_tindercard | Flutter Package
Tinder(TanTan) Card Widget, fast way to have a high quality swap card widget in your flutter app.

Contribute or raise an issue ticket on GitHub:

GitHub – ShaunRain/flutter_tindercard: A Tinder(探探) Card Widget build with flutter.
A Tinder(探探) Card Widget build with flutter. Contribute to ShaunRain/flutter_tindercard development by creating an account on GitHub.

We hope this list will help you out. If you have a suggestion to this list then let us know in the comment section and we will add into this list.