GitXplorerGitXplorer
j

whatamesh

public
85 stars
10 forks
3 issues

Commits

List of commits on branch master.
Unverified
3dd627dfd1897e23df3cbef95bfe4bbd5ffc913b

add prettierrc remove outdated section

jjordienr committed a year ago
Unverified
7ca27f94f0693f3ff890b4fd5b28ec5c01ef3324

bump version

jjordienr committed a year ago
Verified
18d92493a7c29cf972a416da195b2c88f5f92ccd

Merge pull request #4 from Quilljou/patch-1

jjordienr committed a year ago
Verified
27021bfebc6a6eb5643cf1d03dfc60d293b14a55

Merge pull request #3 from Quilljou/master

jjordienr committed a year ago
Verified
880d2c0f4e94ea6045680955a266a5a9d9ba0181

Update README.md

QQuilljou committed a year ago
Verified
26212d6eacc15f55abdf7be8402007f7fd3c4010

Update index.d.ts

QQuilljou committed a year ago

README

The README file for this repository.

Whatamesh

Easily create mesh gradients like Stripe.

This project wouldn't be possible without stripe and https://kevinhufnagl.com/

Live Demo

https://whatamesh.vercel.app/

Getting started

Creating your first gradient

<canvas id="gradient-canvas"></canvas>
import { Gradient } from "whatamesh";

const gradient = new Gradient();
gradient.initGradient("#gradient-canvas");
#gradient-canvas {
  width: 100%;
  height: 100%;
  --gradient-color-1: #449ce4;
  --gradient-color-2: #2f8bc1;
  --gradient-color-3: #ccbeee;
  --gradient-color-4: #4c57f6;
}