Punktmuster
Punktmuster im Raster, versetzt oder frei verstreut. Als SVG oder Bild exportieren.
Im Editor öffnenMuster
Kringellinien (Squiggle-Generator)
Wellen-, Zickzack- und Schlaufenlinien wie von Hand gezeichnet: Trenner, Linienmuster und verstreute Kringel als SVG, dazu eine gewellte Unterstreichung in CSS.
Generator öffnenLäuft direkt in deinem Browser. Deine Grafiken entstehen auf deinem Gerät.
Mit einem Preset starten
Wähle ein Preset, es öffnet sich direkt im Editor. Dort passt du alles an.
Worum geht’s?
Kringellinien (englisch Squiggle Lines) sind verspielte Wellen-, Zickzack- oder Schlaufenstriche, die wie von Hand gezeichnet wirken. Sie schmücken Überschriften, trennen Abschnitte, füllen Hintergründe und geben einem Design einen freundlichen, lebendigen Look.
Wofür du es brauchst
Abschnittstrenner
Eine einzelne Wellenlinie zwischen zwei Abschnitten wirkt leichter als ein gerader Strich.
Hintergründe und Muster
Gestapelte Wellen oder verstreute Kringel ergeben lebendige Hintergründe für Plakate und Folien.
Unterstreichungen
Der CSS-Export zeichnet eine gewellte Linie unter Links oder hervorgehobene Wörter.
So geht’s
Wähle eine Linienform und stelle Wellenlänge, Höhe und Linienstärke ein. Nimm eine einzelne Linie, gestapelte Linien oder verstreute Kringel und bestimme Anzahl und Winkel. Exportiere als SVG, PNG oder bewegtes GIF oder kopiere das CSS für eine gewellte Unterstreichung. Mit der Leertaste kommen eine neue Linie und neue Farben.
Kringellinien jetzt ausprobierenTipps
- Runde Linienenden wirken freundlicher; dickere Striche lesen sich auf kleinen Bildschirmen besser.
- Für eine Unterstreichung sehen kurze Wellenlänge und geringe Höhe am besten aus.
- Verstreute Kringel in drei oder vier Farben ergeben einen klassischen Memphis-Look.
Häufige Fragen
- Darf ich die Linien kommerziell nutzen?
- Ja. Alles, was du mit Musterli erstellst, darfst du frei nutzen, auch in kommerziellen Projekten und ohne Quellenangabe.
- Wie funktioniert die gewellte Unterstreichung?
- Sie ist ein kleines SVG mit einer Welle, das sich als Hintergrundbild unter dem Text waagrecht wiederholt. Es wächst mit der Schriftgrösse.
- Kann ich die Linien in Figma oder Illustrator bearbeiten?
- Ja. Das SVG enthält einfache Striche mit runden Enden, die du umfärben und verformen kannst.
- Läuft die Animation nahtlos?
- Ja. Das GIF über die Zeit verschiebt die Linien um genau eine Welle, so passt das Ende zum Anfang.
Passende Generatoren
Alle Generatoren in Muster
Geometrische Muster
Raster aus Kacheln mit geometrischen Formen, gleichmässig oder verschachtelt. Jede Kachel einzeln anpassbar, als SVG, CSS oder Bild.
Im Editor öffnen
Nahtlose Muster
Nahtlos kachelbare Muster aus Formen, Logos, Emoji oder Text. Als SVG, CSS, Kachel oder Bild exportieren.
Im Editor öffnen
Rastermuster
Rasterlinien, Punktraster, Kreuze oder Kacheln mit Haupt- und Nebenraster. Als SVG oder Bild exportieren.
Im Editor öffnen
Konfetti
Konfetti aus Rechtecken, Kreisen, Dreiecken und Kringeln, gleichmässig verteilt. Als SVG oder Bild exportieren.
Im Editor öffnen
Guilloche
Feine, verschlungene Linien wie auf Banknoten und Urkunden: Rosetten, Bordüren und Rahmen. Als SVG, Bild oder GIF exportieren.
Im Editor öffnen