Novatrix Background

A novatrix background component.

byMudunuri bhaskara karthikeya varma from Eldoraui

Installation

terminal

pnpm dlx layro-cli add @karthikmudunuri/novatrix-background

npx layro-cli add @karthikmudunuri/novatrix-background

npx layro-cli add @karthikmudunuri/novatrix-background

bunx layro-cli add @karthikmudunuri/novatrix-background

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client"

import { useEffect, useRef } from "react"
import { Color, Mesh, Program, Renderer, Triangle } from "ogl"

const vertexShader = `
attribute vec2 uv;
attribute vec2 position;

varying vec2 vUv;

void main() {
  vUv = uv;
  gl_Position = vec4(position, 0, 1);