Skip to content

Getting Started


React Awesome Reveal is a library for React apps that provides a set of curated animated primitives. They can be used to add revealing animations to your components when they enter the browser viewport as the user scrolls the page.

This project was initially born as a modern (and more performant) replacement for react-reveal, which has been discontinued.


Inside your React project directory, run the following:

Terminal window
npm install react-awesome-reveal @emotion/react

Quick Start

Import any of the animated components and wrap your elements:

import { Fade } from "react-awesome-reveal";
function App() {
return (
<p>I am an animated text</p>