React Delaunay Hero

Purpose

A react component to display an Hero with a Delaunay triangulation in background.

Installation

npm install react-delaunay-hero --save
# or
yarn add react-delaunay-hero

Usage

Basics

import Hero from 'react-delaunay-hero';

....

<DelaunayHero
  color="#ffa500"
  maxPoints={50}
  maxSpeed={0.6}
  minSpeed={0.5}
  animate
>
    <h1>My Hero</h1>
    <p>Hello World!</p>
</DelaunayHero>

Documentation

You can find multiple samples on the dedicated github page.

Thanks

Setting up the project has been largely inspired by this wonderful codepen project.