https://github.com/svengau/react-delaunay-hero

A react component to display an Hero with a Delaunay triangulation in background.
https://github.com/svengau/react-delaunay-hero

delaunay-triangulation hero react reactjs

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/svengau/react-delaunay-hero
• Owner: svengau
• License: mit
• Created: 2019-11-28T04:34:01.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-10-29T17:10:37.000Z (2 months ago)
• Last Synced: 2024-10-29T18:39:12.389Z (2 months ago)
• Topics: delaunay-triangulation, hero, react, reactjs
• Language: TypeScript
• Size: 688 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![npm][npm]][npm-url]

[![node][node]][node-url]

[![downloads][downloads]][downloads-url]

# React Delaunay Hero

![Sample React Delaunay Hero](/example.png)

[![Build Status](https://travis-ci.org/svengau/react-delaunay-hero.svg?branch=master)](https://travis-ci.org/svengau/react-delaunay-hero)

## Purpose

A react component to display an Hero with a [Delaunay triangulation](https://en.wikipedia.org/wiki/Delaunay_triangulation) in background.

## Installation

```bash

npm install react-delaunay-hero --save

# or

yarn add react-delaunay-hero

```

## Usage

### Basics

```js

import Hero from 'react-delaunay-hero';

....

    
My Hero

    
Hello World!


```

## Documentation

You can find multiple samples on the [dedicated github page](https://svengau.github.io/react-delaunay-hero/).

## Thanks

Setting up the project has been largely inspired by this wonderful [codepen](https://codepen.io/tibomahe/pen/KKPbzJy) project.

[npm]: https://img.shields.io/npm/v/react-delaunay-hero.svg

[npm-url]: https://npmjs.com/package/react-delaunay-hero

[node]: https://img.shields.io/node/v/react-delaunay-hero.svg

[node-url]: https://nodejs.org

[downloads]: https://img.shields.io/npm/dt/react-delaunay-hero.svg

[downloads-url]: https://npmjs.com/package/react-delaunay-hero