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

Jimmy Chion ac2e1bc3fa typescript and linting, phew %!s(int64=3) %!d(string=hai) anos
public d627ed4be5 readme %!s(int64=3) %!d(string=hai) anos
src ac2e1bc3fa typescript and linting, phew %!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 785b7ba45e readme %!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 ac2e1bc3fa typescript and linting, phew %!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

README.md

Grainy Gradient playground

Explore the parameters to make a basic grainy gradient.

diagram

Code

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