diff --git a/package-lock.json b/package-lock.json
index 63206ac..62fbcf1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14986,6 +14986,15 @@
         "tslib": "^1.0.0"
       }
     },
+    "react-reveal": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/react-reveal/-/react-reveal-1.2.2.tgz",
+      "integrity": "sha512-JCv3fAoU6Z+Lcd8U48bwzm4pMZ79qsedSXYwpwt6lJNtj/v5nKJYZZbw3yhaQPPgYePo3Y0NOCoYOq/jcsisuw==",
+      "dev": true,
+      "requires": {
+        "prop-types": "^15.5.10"
+      }
+    },
     "react-side-effect": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-1.1.5.tgz",
diff --git a/package.json b/package.json
index df30bac..6c99490 100644
--- a/package.json
+++ b/package.json
@@ -68,6 +68,7 @@
     "mkdirp": "^0.5.1",
     "node-gyp": "^3.8.0",
     "prettier": "^1.16.0",
+    "react-reveal": "^1.2.2",
     "react-social-icons": "^4.1.0"
   }
 }
diff --git a/src/components/recentPosts/recentPosts.js b/src/components/recentPosts/recentPosts.js
index 6d688e1..459d1d5 100644
--- a/src/components/recentPosts/recentPosts.js
+++ b/src/components/recentPosts/recentPosts.js
@@ -2,11 +2,12 @@ import React from 'react';
 import { StaticQuery, graphql } from 'gatsby';
 import Card from 'containers/card';
 import PostPreview from 'components/postPreview';
+import Fade from 'react-reveal/Fade';
 
 const LISTING_QUERY = graphql`
   query RecentPostsQuery {
     allMarkdownRemark(
-      limit: 5
+      limit: 100
       sort: { order: DESC, fields: [frontmatter___date] }
     ) {
       edges {
@@ -38,9 +39,11 @@ const RecentPosts = () => (
     query={LISTING_QUERY}
     render={({ allMarkdownRemark }) =>
       allMarkdownRemark.edges.map(({ node }) => (
-        <Card key={node.fields.slug} mb={[40, 50]}>
-          <PostPreview {...node} />
-        </Card>
+        <Fade bottom key={node.fields.slug}>
+          <Card mb={[40, 50]}>
+            <PostPreview {...node} />
+          </Card>
+        </Fade>
       ))
     }
   />