react-supergrid

online demo · npm

Easily create a grid with infinitely nesting subgrid cells.

import React from "react"
import { SuperGrid } from "react-supergrid"
import { useMouseMatrixTransform } from "use-mouse-matrix-transform"

export const MyApp = () => {
  const { transform, ref } = useMouseMatrixTransform()

  return (
    <div ref={ref}>
      <SuperGrid width={1000} height={1000} transform={transform} />
    </div>
  )
}

Installation

npm add react-supergrid

More

• use-mouse-matrix-transform
• transformation-matrix
• tscircuit (github)