Gratis-Download

Line Figures That Follow The Cursor

Ein kostenloser Setup-Guide für hairline, die Open-Source-Bibliothek von Lucas Marques mit 33 isometrischen Linienfiguren, die auf den Mauszeiger reagieren: wo eine Figur auf einer Landingpage hilft, Installation für React oder reines JavaScript, Markenfarben mit sechs CSS-Variablen, die fünf wichtigen Optionen, wie du die passende Figur wählst, eigene Figuren mit dem Skill hairline-create und die ehrlichen Haken. Dazu eine getestete dunkle Starter-Seite mit sechs Figuren und sechs Prompts.

Der Download startet sofort, der Link kommt auch per Mail.

Ohne Newsletter-Haken bekommst du genau eine Mail mit deinem Link, die Adresse wird nach 7 Tagen gelöscht.

Was drin ist
  • Where it helps Hero, Sicherheitsseite, leere Zustände, Hardware: welche Figur wohin passt.
  • Install + first figure npm oder shadcn, dann eine Zeile React oder reines JavaScript.
  • Your brand Sechs CSS-Variablen und die Plattenfarbe, die stimmen muss.
  • starter/ Eine getestete dunkle Seite mit sechs Figuren, sofort startklar.
  • PROMPTS.md Sechs Prompts: Hero, Auswahl je Abschnitt, leere Zustände, neue Figur, aus deinem Logo, Review.
  • Honest catches Version 0.x, feste Motive, Plattenfarbe, kein Hover auf dem Handy.

Ein Website-Projekt (React, Next.js, Vite, Astro, SvelteKit) oder eine einfache HTML-Seite, Node.js für npm und ein aktueller Browser. Der Skill braucht einen Agenten, der Skills liest (Claude Code, Cursor, Codex). Der Guide ist auf Englisch.

Fabian Faraz Farid · Impressum · Datenschutz