hairline
33 isometric SVG figures that follow the pointer, for React and plain DOM
hairline is a set of isometric line figures by Lucas Marques. The homepage says there are thirty-three figures, drawn as SVG with no dependencies, for React or plain DOM. The published version on the page and on npm is 0.5.1. Install is npm i @lucasmarkes/hairline. The site also shows an shadcn registry URL and an llms.txt file. The homepage and the GitHub LICENSE file both say MIT. The llms.txt file lists one function and one React component per figure, and names all thirty-three: Riffle, Terrain, Exploded, Phosphor, Slow, Turntable, Keyboard, Elevator, Phone, Laptop, Terminal, Cabinet, Branches, Vault, Lockers, Padlock, Patch, Dish, Router, Loupe, Sieve, Rail, Plug, Query, Drawer, Basket, Plot, Hub, Relay, Settle, Format, Rebuild, and Stack.
npm i @lucasmarkes/hairlineRead https://hairline.lucasmarkes.com/llms.txt before you pick a figure. Install @lucasmarkes/hairline, or add the registry file with npx shadcn@latest add https://hairline.lucasmarkes.com/r/hairline.json. The package is MIT and has no runtime dependencies. Use a figure as a small illustration, not as a general icon system.
Why it is here. It gives pointer-reactive isometric drawings as an MIT package, with a text file an agent can read.
Your agent can also search Index itself through the MCP server.
- 33 isometric SVG figures
- MIT, no dependencies
- React and plain DOM
- llms.txt and an shadcn registry URL
Verified 2026-10-25. HTTP 200. Checked https://hairline.lucasmarkes.com/ and https://hairline.lucasmarkes.com/llms.txt on 2026-10-25. npm @lucasmarkes/hairline 0.5.1 reports MIT. The GitHub LICENSE file is the MIT license, copyright 2026 Lucas Marques. GitHub API for lucasmarkes/hairline reported 2,923 stars and a push on 2026-10-14. https://hairline.lucasmarkes.com/r/hairline.json returned HTTP 200 and a shadcn registry item. Source tweet: https://x.com/csaba_kissi/status/2112443894319489423.
