Skip to content
bgHub
Gallery

Mono Ice Honeycomb

CSSLight

A busy honeycomb lattice lit cell by cell. Pure CSS, zero JavaScript.

#hexagon#tiling#css#comb#mono-ice
Live preview
2 files
import "./honeycomb.css";

// Render <Honeycomb /> inside a container with position: relative.
export function Honeycomb() {
  return <div className="honeycomb-bg honeycomb-bg--light" />;
}

Copy or download any file. The HTML build loads Three.js from a CDN via an import map, so it runs by just opening index.html. The React build is react-three-fiber; setup notes live at the top of each file.

Variants

40 of this pattern · page 1 of 4