Skip to content
A flutter flip card
Dart Objective-C Java
Branch: master
Clone or download
Latest commit 6fdeb3b Oct 28, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib revert entry change Oct 28, 2019
screenshots Update the screenshots Nov 3, 2018
test Customize flip and background touch behavior (#10) Jun 6, 2019
.gitignore revert entry change Oct 28, 2019
LICENSE 🎉 Create a basic flip card Sep 21, 2018

flip_card PRs Welcome Pub Package

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

How to use

import 'package:flip_card/flip_card.dart';

Create a flip card. The card will flip when touched

  direction: FlipDirection.HORIZONTAL, // default
  front: Container(
        child: Text('Front'),
    back: Container(
        child: Text('Back'),

You can also configure the card to only flip when desired by using a GlobalKey to toggle the cards:

GlobalKey<FlipCardState> cardKey = GlobalKey<FlipCardState>();

Widget build(BuildContext context) {
  return FlipCard(
    key: cardKey,
    flipOnTouch: false,
    front: Container(
      child: RaisedButton(
        onPressed: () => cardKey.currentState.toggleCard(),
        child: Text('Toggle'),
    back: Container(
      child: Text('Back'),
You can’t perform that action at this time.