react-delaunay-hero

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

Usage no npm install needed!

<script type="module">
  import reactDelaunayHero from 'https://cdn.skypack.dev/react-delaunay-hero';
</script>

README

React Delaunay Hero

Sample React Delaunay Hero

Build Status

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.