# Grainy Gradient playground

* Built for CSS-Tricks article [*Grainy Gradients*](https://css-tricks.com/grainy-gradients/)
* View at [grainy-gradients.vercel.app](https://grainy-gradients.vercel.app)

Explore the parameters to make a basic grainy gradient.

![diagram](/public/diagram.png)

## Code
Next.js app, with Ant Design components, zustand for state, and help from highlight.js and react-color.

```sh
# install dependencies
npm i

# run locally
npm run dev

# lint
npm run lint

# build locally
npm run build
```

Most of the important code is under `src/components/CodeBlocks`