xevion/grain

mirror of https://github.com/Xevion/grain.git synced 2025-12-05 23:15:08 -06:00

Go to file

Xevion 06bffb8907 Fix scrolling on overflowed mobile viewports

2022-11-26 12:26:26 -06:00

.github/workflows

Fix deployment skipping due to main vs master branch

2022-11-25 02:42:27 -06:00

Add basic open graph tags to index.html

2022-11-25 02:58:37 -06:00

Fix scrolling on overflowed mobile viewports

2022-11-26 12:26:26 -06:00

.gitignore

Init repo

2022-11-24 19:13:02 -06:00

index.html

Fix swapped OGP tags width/height

2022-11-25 03:14:57 -06:00

LICENSE

Add LICENSE to root

2022-11-25 00:40:41 -06:00

package.json

Add basic open graph tags to index.html

2022-11-25 02:58:37 -06:00

postcss.config.cjs

Init repo

2022-11-24 19:13:02 -06:00

README.md

Add README

2022-11-25 02:23:31 -06:00

tailwind.config.cjs

Add xs screen, reformat tailwind config

2022-11-25 00:20:54 -06:00

tsconfig.json

Init repo

2022-11-24 19:13:02 -06:00

tsconfig.node.json

Init repo

2022-11-24 19:13:02 -06:00

vite.config.ts

Add GitHub Pages deployment workflow

2022-11-25 02:33:45 -06:00

yarn.lock

Set base for GitHub Pages properly in config

2022-11-25 02:30:30 -06:00

README.md

grain

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