v0.0.10

feat: v0.0.10 ⚡️

feat: v0.0.10 ⚡️

v0.0.9

Removed nullish operator ??

Full Changelog: v0.0.8...v0.0.9

v0.0.8

What's new

Added two new arguments: ✨

• Specify a starting color (i.e what will the dominant color be, and what will the root of all color stops be)
• Provide a hash number, this will make sure the generation will look the same, and the color stops will be in the same position

New usage

JSX

import { generateJSXMeshGradient } from 'meshgrad'
// new arguments syntax (generateJSXMeshGradient(6, "#FF0000", 59));

v0.0.6

What's new

Added support for all frameworks ✨
You can now use meshgrad with Svelte, React, Vanilla Javascript and more!

New usage

JSX

import { generateJSXMeshGradient } from 'meshgrad'
// same syntax (generateJSXMeshGradient(6))

Svelte

<script>
import { generateMeshGradient } from 'meshgrad';

// Number of color stops
const ELEMENTS = 6;
</script>

<div style={generateMeshGradient(ELEMENTS)} class="..."/>

Vanilla

// Add cdn from skypack
<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="..." />

v0.0.2

What's new

• Ability to generate mesh gradients using 1 line of code:

<div style={generateMeshGradient(Elements)}/>