CSS Noise gradient generator
fork from : https://github.com/cjimmy/grainy-gradients.git

Jimmy Chion 78d757e9ae Merge pull request #2 from cjimmy/multiple-gradients		%!s(int64=3) %!d(string=hai) anos
public	5c22382700 changed my mind	%!s(int64=3) %!d(string=hai) anos
src	1d1ad30c23 border-radius	%!s(int64=3) %!d(string=hai) anos
.babelrc	cc59dd95f8 type improvements, shadow on output squares	%!s(int64=3) %!d(string=hai) anos
.eslintrc.js	ac2e1bc3fa typescript and linting, phew	%!s(int64=3) %!d(string=hai) anos
.gitignore	b0d745d5b3 Initial commit from Create Next App	%!s(int64=3) %!d(string=hai) anos
.nvmrc	8b541c74f6 boiler plate reset	%!s(int64=3) %!d(string=hai) anos
.prettierignore	8b541c74f6 boiler plate reset	%!s(int64=3) %!d(string=hai) anos
.prettierrc.js	8b541c74f6 boiler plate reset	%!s(int64=3) %!d(string=hai) anos
README.md	cf1b854fd3 readme edit	%!s(int64=3) %!d(string=hai) anos
next-env.d.ts	8b541c74f6 boiler plate reset	%!s(int64=3) %!d(string=hai) anos
next.config.js	cbf0475a79 vercel.json	%!s(int64=3) %!d(string=hai) anos
package-lock.json	fc4577e942 layout changes	%!s(int64=3) %!d(string=hai) anos
package.json	ac2e1bc3fa typescript and linting, phew	%!s(int64=3) %!d(string=hai) anos
tsconfig.json	8b541c74f6 boiler plate reset	%!s(int64=3) %!d(string=hai) anos
vercel.json	cbf0475a79 vercel.json	%!s(int64=3) %!d(string=hai) anos

Grainy Gradient playground

Explore the parameters to make a basic grainy gradient.

Code

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

# 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