Usage no npm install needed!

<script type="module">
  import reactMetaballsJs from 'https://cdn.skypack.dev/react-metaballs-js';
</script>

README

react-metaballs-js

React component for metaballs-js

License Last Commit

Install

npm install --save react-metaballs-js

Usage

import React, { Component } from "react";
import Metaballs from "react-metaballs-js";

class Example extends Component {
  render() {
    return (
      <Metaballs
        numMetaballs={100}
        minRadius={3}
        maxRadius={7.5}
        speed={10.0}
        color="#ff0024"
        backgroundColor="#121212"
        className="balls"
      />
    );
  }
}

Props

Accepts all options from metaballs-js.

Additionally, any other props will be forwarded to the underlying canvas element. This enables styling and setting the size through className or style props.