A simple component that wraps freeman-lab/pixel-grid.
npm install react-pixel-grid
import PixelGrid from "react-pixel-grid"; <PixelGrid data={Array(64).fill(0).map(Math.random)} options={{ size: 10, padding: 2, background: [0, 0.5, 1], }} />
const r = "#f00"; const g = "#0f0"; const b = "#00f"; const x = "#000"; <PixelGrid data={[ x, r, x, g, x, b, r, x, g, x, b, x, x, r, x, g, x, b, r, x, g, x, b, x, x, r, x, g, x, b, r, x, g, x, b, x, ]} />