A react component to display an Hero with a Delaunay triangulation in background.
npm install react-delaunay-hero --save
# or
yarn add react-delaunay-hero
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>
You can find multiple samples on the dedicated github page.
Setting up the project has been largely inspired by this wonderful codepen project.