hairline: Interaktive isometrische SVG-Strichzeichnungen fürs Web

LinkLucas MarkesTool

hairline ist eine abhängigkeitsfreie Bibliothek mit 19 isometrischen SVG-Figuren, die auf Zeiger- und Mausbewegungen reagieren. Sie lässt sich sowohl mit React als auch mit nativem DOM einsetzen.

Das Wichtigste

  1. 19 interaktive isometrische Figuren für Webprojekte
  2. SVG-basiert und ohne externe Abhängigkeiten
  3. Verwendbar mit React oder im nativen DOM
  4. Installierbar via npm über @lucasmarkes/hairline
  5. Ermöglicht auch die Erstellung eigener Figuren

Warum das relevant ist

Schlanke, abhängigkeitsfreie SVG-Komponenten erlauben subtile Mikrointeraktionen im Frontend, ohne das JavaScript-Bundle unnötig aufzublähen.

Einordnung

Das Tool zielt auf Entwickler und Designer ab, die reaktive visuelle Elemente ohne schwere Animations-Frameworks suchen. Durch die native DOM-Unterstützung ist es framework-agnostisch einsetzbar, bietet aber gleichzeitig React-Kompatibilität.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 5. Oktober 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • X-Post:Adham Dannaway

    Hairline: Interaktive isometrische SVG-Grafiken für das Web

    Hairline von Lucas Marques ist eine Bibliothek mit 33 isometrischen Linienzeichnungen für Websites. Die Grafiken reagieren direkt auf den Mauszeiger, kommen ohne externe Abhängigkeiten aus und lassen sich in React oder nativem DOM nutzen.

    113Lesezeichen4987Aufrufe

    Webentwicklung· Sammlung

  • X-Post:code w/Guillaume 💻

    Hairline: Tool für animierte isometrische Illustrationen

    Entwickler Guillaume teilt ein Web-Tool namens Hairline von Lucas Markes, mit dem sich animierte isometrische Illustrationen für Webseiten erstellen lassen.

    1454Lesezeichen44.424Aufrufe

    Webentwicklung· Tool

  • X-Post:Noah

    Fünf Bibliotheken für UI-Mikrointeraktionen

    Noah (@noahelhadedy) teilt eine Auswahl von fünf spezialisierten Frontend-Bibliotheken für UI-Mikrointeraktionen, darunter Theme-Toggles, Audio-Feedback, Morphing-Übergänge, Squircles und Seitentransitionen.

    631Lesezeichen18.582Aufrufe

    Webentwicklung· Sammlung

  • Link:Swami Malode

    Rare UI: Sammlung animierter React-Komponenten

    Rare UI ist eine kostenlose Open-Source-Bibliothek mit über 18 animierten React-Komponenten, die sich über die shadcn CLI installieren lassen.

    Webentwicklung· Tool

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.