About
Interactive isometric keyboard figure from Hairline by Lucas Marques. MIT licensed. Pointer-responsive SVG illustration.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Hairline Keyboard to your project and fits it to your theme.
Code
How Hairline Keyboard is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
"use client";
import Figure from "@/components/ui/hairline-keyboard";
export default function Demo(){return <div style={{width:440,maxWidth:"100%",padding:24}}><Figure style={{width:"100%"}} /></div>}
More by lucasmarkes
View all
Hairline Riffle
122
Hairline Terrain
59
Padlock
50
Hairline Terminal
46
Isometric Elevator
44
Hairline Slow
43
Hairline Turntable
37
Hairline Sieve
31