hairline
Thirty-three isometric line figures that answer the pointer. SVG, no dependencies, for React and for everything else.
hairline launched on 1 October 2026. It ranked #95 on Daily Launch on 27 October 2026 with a Launch Score of 23, from +79 stars on 27 Oct on GitHub.
What is hairline?
Thirty-three isometric line figures that answer the pointer. For React and for anything with a DOM. No dependencies. ESM only. React 18 or later is an optional peer, needed only by @lucasmarkes/hairline/react. The figure fills its parent's width at a 5:4 aspect ratio. The entry is a client module, so a Server Component can render it with no "use client" of its own. Every component takes the options below and every attribute, and forwards its ref to the .
From its README on GitHub
hairline is a repo by lucasmarkes on GitHub. It is written in TypeScript and released under the MIT license.
How to get hairline
npm i @lucasmarkes/hairlineFrom its README on GitHub
More steps and the source are in its repository on GitHub.