Vite template builder to quickly generate 2D shaders in the browser.

This repository will help create custom 2D shaders quickly using the OGL library, a small, effective WebGL library. It is powered by Vite ⚡️ that quickly compiles anything you need, it is also including Sass, Babel, Eslint, Prettier, lil-gui and GSAP for animations.

See it live

How to install

Clone the repository or download it in zip format, then

Open Terminial

Navigate to projects folder

Install dependencies

  npm install

Start the dev server

  npm run dev

Build Project

To build for production

  npm run build

How to Use

• Use the 'src' folder for all project files.
  • HTML
  • JS
  • SCSS
• vite.config.js file sets up project input to 'src' folder.
• Use eslintrc file to configure linting rules
• Use prettierrc file to configure formatting rules

Useful links

• OGL docs
• Everything to know about shaders: The book of shaders
• GSAP docs
• Vite docs
• Eslint
• Prettier

License