CSS Noise gradient generator
fork from : https://github.com/cjimmy/grainy-gradients.git
Jimmy Chion
78d757e9ae
Merge pull request #2 from cjimmy/multiple-gradients
|
3 years ago | |
|---|---|---|
| public | 3 years ago | |
| src | 3 years ago | |
| .babelrc | 3 years ago | |
| .eslintrc.js | 3 years ago | |
| .gitignore | 3 years ago | |
| .nvmrc | 3 years ago | |
| .prettierignore | 3 years ago | |
| .prettierrc.js | 3 years ago | |
| README.md | 3 years ago | |
| next-env.d.ts | 3 years ago | |
| next.config.js | 3 years ago | |
| package-lock.json | 3 years ago | |
| package.json | 3 years ago | |
| tsconfig.json | 3 years ago | |
| vercel.json | 3 years ago |
README.md
Grainy Gradient playground
- Built for CSS-Tricks article Grainy Gradients
- View at grainy-gradients.vercel.app
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