Skip to content
/ grain Public

A simple demonstration of dynamically scaled SVG-based noise & stacked radial gradients.

License

Notifications You must be signed in to change notification settings

Xevion/grain

Repository files navigation

Grain Project - Banner Image

A small experiment on creating beautiful, dynamic backgrounds with colorful gradients & film grain. Built in React & Vite with SVGs and layers of Radial Gradients

Dependencies Used

  • Hero Icons
  • React
  • Typescript
  • Vite
  • Sass

Installation

  • Built on Node v16, packages managed with Yarn.
npm install --global yarn  # If you don't have yarn installed
yarn  # Run inside root directory to install all dependencies.

Development

yarn dev  # Starts a development server with Hot Module Replacement