? Meshgrad
![meshgrad package version](https://camo.githubusercontent.com/23e9ba9cb7813bf1bd82adc91dd2ab938a7473e45b29bd8e0c0d2bee4a03dd1a/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f6d657368677261642e7376673f636f6c6f72423d626c7565)
Meshgrad is a tiny utility to generate native-CSS Mesh Gradients.
Install
$ npm install meshgrad
Use
Vanilla Javascript
<script type="module">
import { generateMeshGradient } from "https://cdn.skypack.dev/meshgrad";
// Number of color stops
const ELEMENTS = 6;
document.getElementById("box");
box.style = generateMeshGradient(ELEMENTS);
</script>
<div id="box" class="..." />
Svelte
<script>
import { generateMeshGradient } from 'meshgrad';
// Number of color stops
const ELEMENTS = 6;
</script>
<div style={generateMeshGradient(ELEMENTS)} class="..."/>
React JSX
import { generateJSXMeshGradient } from "meshgrad";
// Number of color stops
const ELEMENTS = 6;
export function App() {
return <div style={generateJSXMeshGradient(ELEMENTS)} className="..." />;
}