https://github.com/jordienr/whatamesh

tool to create mesh gradients
https://github.com/jordienr/whatamesh

Last synced: 3 days ago
JSON representation

tool to create mesh gradients

• Host: GitHub
• URL: https://github.com/jordienr/whatamesh
• Owner: jordienr
• Created: 2021-09-12T00:31:30.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-08-20T03:25:39.000Z (4 months ago)
• Last Synced: 2024-12-15T14:06:39.824Z (8 days ago)
• Language: JavaScript
• Homepage: whatamesh.vercel.app
• Size: 134 KB
• Stars: 92
• Watchers: 3
• Forks: 10
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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/](https://whatamesh.vercel.app/)

## Getting started

### Creating your first gradient

```html

```

```js

import { Gradient } from "whatamesh";

const gradient = new Gradient();

gradient.initGradient("#gradient-canvas");

```

```css

#gradient-canvas {

  width: 100%;

  height: 100%;

  --gradient-color-1: #449ce4;

  --gradient-color-2: #2f8bc1;

  --gradient-color-3: #ccbeee;

  --gradient-color-4: #4c57f6;

}

```