https://github.com/kevingrajeda/meshgradient

Generate Mesh Gradients
https://github.com/kevingrajeda/meshgradient

mesh-gradient pwa react shaders

Last synced: about 1 month ago
JSON representation

Generate Mesh Gradients

• Host: GitHub
• URL: https://github.com/kevingrajeda/meshgradient
• Owner: KevinGrajeda
• License: mit
• Created: 2022-07-06T21:46:55.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-05T21:03:07.000Z (9 months ago)
• Last Synced: 2024-04-06T21:24:25.208Z (9 months ago)
• Topics: mesh-gradient, pwa, react, shaders
• Language: JavaScript
• Homepage: https://KevinGrajeda.github.io/meshGradient/
• Size: 11.4 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        





  

    

  

  
Mesh Gradient Generator


  


    Generate nice gradient images

    


    View Live App >>

  



## About The Project

[![License](https://img.shields.io/github/license/KevinGrajeda/meshGradient?color=blue)](https://github.com/KevinGrajeda/meshGradient/blob/main/LICENSE.md)

[![React](https://badges.aleen42.com/src/react.svg)](https://reactjs.org/)

[![Version](https://img.shields.io/github/v/release/KevinGrajeda/meshGradient)](https://github.com/KevinGrajeda/meshGradient/releases/tag/1.0.0)



  

    

  



Web app to easily generate images

You can create gradient images with the colors and sizes you want, tweak the parameters to your liking.


works on mobile and desktop, you can install it for offline use.

## Examples of generated images

![imagen](https://user-images.githubusercontent.com/60023139/198748878-4837b562-81f9-4c59-85f4-8db829d8f3c9.jpg)

![meshGradient (4)](https://user-images.githubusercontent.com/60023139/198749298-753ebaf5-0183-4973-a1a7-758fce619868.png)

![meshGradient (6)](https://user-images.githubusercontent.com/60023139/198749305-e5e43420-b784-4b39-90c8-5881ecec33e2.png)

![meshGradient (7)](https://user-images.githubusercontent.com/60023139/198749475-68c71ad8-b1b8-48f1-a19b-111c05f666f5.png)

![meshGradient (9)](https://user-images.githubusercontent.com/60023139/198749664-07e2d56f-6f2b-4987-ac5a-205ea575ba6b.png)

## Getting Started

You can use the app by going to the [Live site](https://kevingrajeda.github.io/meshGradient/), or by setting up the project locally.

To get a local copy up and running follow these simple example steps.

### Installation

1. Clone the repo

   ```sh

   $ git clone https://github.com/KevinGrajeda/meshGradient.git

   ```

3. Navigate to folder and install NPM packages

   ```sh

   $ cd meshGradient

   $ npm i

   ```

4. run development server

   ```sh

   $ npm start

   ```

## License

Distributed under the MIT License. See `LICENSE.md` for more information.

## Contact

Kevin Grajeda - [@KevinGrajeda](https://github.com/KevinGrajeda) - [email protected]