# react-lazy-hero

**React-lazy-hero** is a flexible hero component for React with image preloading, a fade-in effect, a semi-transparent color overlay and an optional parallax effect.

<p align="center">
    <img src="media/screencast.gif" width="700" />
</p>


## Installation

```sh
yarn add react-lazy-hero
```


## Demo and Documentation

To check out a live example and docs, visit [react-lazy-hero.danielstefanovic.com](http://react-lazy-hero.danielstefanovic.com/).

# [react-lazy-hero](http://react-lazy-hero.danielstefanovic.com/)

**React-lazy-hero** is a flexible hero component for React with image preloading, a fade-in effect, a semi-transparent color overlay and an optional parallax effect.

<p align="center">
    <img src="media/screencast.gif" width="700" />
</p>


## Installation

```sh
yarn add react-lazy-hero
```


## Demo and Documentation

To check out a live example and docs, visit [react-lazy-hero.danielstefanovic.com](http://react-lazy-hero.danielstefanovic.com/).

Add link to demo page in header
Add link to demo page in header