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

Folders and files

NameName
Last commit message
Last commit date
Nov 29, 2022
Nov 25, 2022
Jan 3, 2023
Nov 25, 2022
Nov 25, 2022
Nov 29, 2022
Feb 25, 2023
Nov 25, 2022
Nov 25, 2022
Nov 25, 2022
Nov 25, 2022
Nov 25, 2022
Feb 25, 2023
Feb 25, 2023
Nov 25, 2022

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