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.