diff --git a/packages/ac-inferno/README.md b/packages/ac-inferno/README.md
index fceafa5..19a1dfc 100644
--- a/packages/ac-inferno/README.md
+++ b/packages/ac-inferno/README.md
@@ -51,6 +51,7 @@ Below is a list of all available animations (Components).
 ### Fade
 
 * `FadeIn`
+* `FadeOut`
 * `FadeInRightBig`
 * `FadeInRight`
 * `FadeInLeftBig`
diff --git a/packages/ac-inferno/animations/index.js b/packages/ac-inferno/animations/index.js
index ea94b65..282599b 100644
--- a/packages/ac-inferno/animations/index.js
+++ b/packages/ac-inferno/animations/index.js
@@ -5,6 +5,7 @@ import {
   bounceRight,
   bounceUp,
   fadeIn,
+  fadeOut,
   left,
   down,
   downBig,
@@ -82,6 +83,7 @@ const expanseObj = {
 
 const fadeObj = {
   FadeIn: hoc('FadeIn', fadeIn),
+  FadeOut: hoc('FadeOut', fadeOut),
   FadeInDown: hoc('FadeInDown', down),
   FadeInDownBig: hoc('FadeInDownBig', downBig),
   FadeInUp: hoc('FadeInUp', up),
diff --git a/packages/ac-inferno/index.js b/packages/ac-inferno/index.js
index 28ea790..a417070 100644
--- a/packages/ac-inferno/index.js
+++ b/packages/ac-inferno/index.js
@@ -17,6 +17,7 @@ import Disappear from './containers/Disappear';
 const { Bounce, BounceUp, BounceRight, BounceLeft, BounceDown } = bounceObj;
 const {
   FadeIn,
+  FadeOut,
   FadeInUp,
   FadeInRight,
   FadeInLeft,
@@ -61,6 +62,7 @@ export {
   BounceLeft,
   BounceDown,
   FadeIn,
+  FadeOut,
   FadeInUp,
   FadeInRight,
   FadeInLeft,
diff --git a/packages/animate-components/README.md b/packages/animate-components/README.md
index ec9ba68..dc5dce1 100644
--- a/packages/animate-components/README.md
+++ b/packages/animate-components/README.md
@@ -70,6 +70,7 @@ Below is a list of all available animations (Components).
 ### Fade
 
 * `FadeIn`
+* `FadeOut`
 * `FadeInRightBig`
 * `FadeInRight`
 * `FadeInLeftBig`
diff --git a/packages/animate-components/animations/index.js b/packages/animate-components/animations/index.js
index 202f8a7..886361f 100644
--- a/packages/animate-components/animations/index.js
+++ b/packages/animate-components/animations/index.js
@@ -5,6 +5,7 @@ import {
   bounceRight,
   bounceUp,
   fadeIn,
+  fadeOut,
   left,
   down,
   downBig,
@@ -82,6 +83,7 @@ const expanseObj = {
 
 const fadeObj = {
   FadeIn: hoc('FadeIn', fadeIn),
+  FadeOut: hoc('FadeOut', fadeOut),
   FadeInDown: hoc('FadeInDown', down),
   FadeInDownBig: hoc('FadeInDownBig', downBig),
   FadeInUp: hoc('FadeInUp', up),
diff --git a/packages/animate-components/flow-typed/npm/animate-keyframes_vx.x.x.js b/packages/animate-components/flow-typed/npm/animate-keyframes_vx.x.x.js
index 2137968..46cf486 100644
--- a/packages/animate-components/flow-typed/npm/animate-keyframes_vx.x.x.js
+++ b/packages/animate-components/flow-typed/npm/animate-keyframes_vx.x.x.js
@@ -13,6 +13,7 @@ declare module "animate-keyframes" {
     bounceRight: Keyframe$Rule,
     bounceUp: Keyframe$Rule,
     fadeIn: Keyframe$Rule,
+    fadeOut: Keyframe$Rule,
     left: Keyframe$Rule,
     down: Keyframe$Rule,
     downBig: Keyframe$Rule,
diff --git a/packages/animate-components/index.js b/packages/animate-components/index.js
index 358743c..c656d41 100644
--- a/packages/animate-components/index.js
+++ b/packages/animate-components/index.js
@@ -18,6 +18,7 @@ import hoc from './containers/HOC';
 const { Bounce, BounceUp, BounceRight, BounceLeft, BounceDown } = bounceObj;
 const {
   FadeIn,
+  FadeOut,
   FadeInUp,
   FadeInRight,
   FadeInLeft,
@@ -62,6 +63,7 @@ export {
   BounceLeft,
   BounceDown,
   FadeIn,
+  FadeOut,
   FadeInUp,
   FadeInRight,
   FadeInLeft,
diff --git a/packages/animate-keyframes/README.md b/packages/animate-keyframes/README.md
index 9e7419e..7b469a0 100644
--- a/packages/animate-keyframes/README.md
+++ b/packages/animate-keyframes/README.md
@@ -30,6 +30,7 @@ import { fadeIn } from 'animate-keyframes';
 ### Fade
 
 * `fadeIn`
+* `fadeOut`
 * `up`
 * `right`
 * `left`
diff --git a/packages/animate-keyframes/src/keyframes.js b/packages/animate-keyframes/src/keyframes.js
index 99da070..361f138 100644
--- a/packages/animate-keyframes/src/keyframes.js
+++ b/packages/animate-keyframes/src/keyframes.js
@@ -14,6 +14,7 @@ import {
 const { bounce, bounceDown, bounceUp, bounceLeft, bounceRight } = Bouncing;
 const {
   fadeIn,
+  fadeOut,
   left,
   leftBig,
   right,
@@ -64,6 +65,7 @@ export {
   bounceRight,
   bounceUp,
   fadeIn,
+  fadeOut,
   left,
   down,
   downBig,
diff --git a/packages/animate-keyframes/src/main.js b/packages/animate-keyframes/src/main.js
index a939c17..aa89994 100644
--- a/packages/animate-keyframes/src/main.js
+++ b/packages/animate-keyframes/src/main.js
@@ -281,6 +281,14 @@ const Fade: KeyframeObject = {
       opacity: 1;
     }
   `,
+  fadeOut: keyframes`
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+    }
+  `,
   left: keyframes`
     from {
       opacity: 0;