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

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

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.

# 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