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:

Contribute or raise an issue ticket 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:

Contribute or raise an issue ticket on GitHub:

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:

Contribute or raise an issue ticket 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:

Contribute or raise an issue ticket 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:

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.

GetWidget- A Flutter open-source UI Library!ujjwal bhardwaj

Contribute or raise an issue ticket on GitHub:

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:

Contribute or raise an issue ticket on GitHub:

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:

Contribute or raise an issue ticket on GitHub:

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:

Contribute or raise an issue ticket on GitHub:

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: