MikeTrendsTrends right now

⬢github TypeScript · 1.6K ★ +1K since we first saw it · pushed 2 d ago · MIT

lucasmarkes/hairline

Six isometric line figures that answer the pointer. For React and for anything with a DOM.

hairline is a TypeScript library of interactive isometric line-art figures (pillars, keyboards, laptops, conveyor belts, commit graphs, and more) that react to the pointer, rendered as SVG. It ships as a zero-dependency ESM package usable from React components, vanilla DOM, or Svelte actions, with an `intensity` option to tune each animation and shadcn support.

Why now: It is trending on GitHub's most-starred new repos, likely thanks to its playful demo site and novelty as a decorative pointer-reactive UI element.

Who it is for: Frontend developers wanting animated isometric hero graphics for React, Svelte, or plain-DOM sites.

svganimationreacttypescriptshadcnisometric

animationisometricreactshadcnsvgtypescript

Open on GitHub →

Stars over our 478 snapshots: 607 to 1.6K, since 5 d ago.

Where people talked about it

API: https://socialmediatrends-api.osmike.com/v1/repos/lucasmarkes/hairline