Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Entwicklung & Design

Kostenlose Muster für dein Projekt: Diese 13 Pattern-Seiten solltest du kennen

Kostenlose Muster für euer nächstes Projekt. (Screenshot: The Pattern Library)

Ihr braucht ein Hintergrundmuster für euer nächstes Web-Projekt? Wir haben für euch die 13 besten Pattern-Seiten aufgespürt. Der Clou: Alle Muster könnt ihr lizenzfrei in kommerziellen Projekten einsetzen.

Nicht immer stehen euch die Zeit und die Ressourcen zur Verfügung, um alle Elemente eines Web-Projekts selbst zu gestalten. Glücklicherweise gibt es im Netz unzählige Quellen, die euch mit allem Notwendigen versorgen.

Damit ihr nicht unnötige Zeit mit dem Suchen nach passenden Quellen für Muster verbringt, haben wir euch eine Liste mit den besten Pattern-Seiten erstellt. Hier findet ihr acht Seiten mit unterschiedlichen Pattern für euer nächstes Projekt. Außerdem haben wir euch fünf Online-Tools herausgesucht, mit denen ihr eure eigenen Muster erstellen könnt.

Kostenlose Muster: Hier findet ihr passende Pattern

The Pattern Library

The Pattern Library bietet einige kostenlose Muster. (Screenshot: The Pattern Library)
The Pattern Library bietet einige kostenlose Muster. (Screenshot: The Pattern Library)

Die Pattern Library bietet auf einer hübschen Übersichtsseite einige sehr schöne Muster an.

Subtle Patterns

Subtle Pattern ist eine gute Quelle für kostenfreie Muster. (Screenshot: Subtle Patterns)
Subtle Pattern ist eine gute Quelle für kostenfreie Muster. (Screenshot: Subtle Patterns)

Auf Subtle Patterns findet ihr eine große Auswahl an schicken Mustern. Um sie zu verwenden, müsst ihr nur irgendwo in eurem Projekt angeben, dass ihr Muster der Seite verwendet habt. Für 11,99 US-Dollar bietet die Seite auch ein praktisches Photoshop-Plugin an, mit dem ihr direkt aus der Adobe-Software zugriff auf die Muster habt.

Pattern 8

Kostenlose Muster: Auch ein Blick auf Pattern 8 kann sich lohnen. (Screenshot: Pattern 8)
Kostenlose Muster: Auch ein Blick auf Pattern 8 kann sich lohnen. (Screenshot: Pattern 8)

Die Seite ist weniger hübsch gemacht als die ersten beiden, bietet aber ebenfalls eine nette Sammlung an brauchbaren Mustern, die ihr auch in kommerziellen Projekten nutzen könnt.

Brusheezy Patterns

Brusheezy bietet neben anderen Ressourcen auch kostenlose Muster an. (Screenshot: Brusheezy)
Brusheezy bietet neben anderen Ressourcen auch kostenlose Muster an. (Screenshot: Brusheezy)

Brusheezy bietet neben Texturen und Brushes auch einige Muster zur kostenfreien Verwendung an. Die Pattern stehen im Regelfall unter einer Creative-Commons-Lizenz. Hier müsst ihr aber genau darauf achten, für welche Lizenz sich der Uploader entschieden hat und euch an die jeweiligen Vorgaben halten.

Dinpattern

Dinpattern ist eine weitere gute Anlaufstelle für kostenlose Pattern. (Screenshot: Dinpattern)
Dinpattern ist eine weitere gute Anlaufstelle für kostenlose Pattern. (Screenshot: Dinpattern)

Dinpattern ist eine weitere gute Seite, um kostenlos an Pattern zu kommen. Wem die Muster gefallen, der kann dem Autor der Seite per PayPal eine Spende zukommen lassen. Notwendig ist das allerdings nicht.

WebTexture

WebTexture ist eine gute Anlaufstelle für Texturen und Muster. (Screenshot: WebTexture)
WebTexture ist eine gute Anlaufstelle für Texturen und Muster. (Screenshot: WebTexture)

WebTexture ist eine Linksammlung von kostenlosen Huntergrundtexturen und Mustern. Hier solltet ihr unbedingt den Links zum Urheber der jeweiligen Muster folgen, da auf WebTexture nicht immer die Lizenz zu den Bildern angegeben wird.

Webdesignledger

Webdesignledger bietet eine nette Sammlung von kostenlosen Patterns. (Screenshot: Webdesignledger)
Webdesignledger bietet eine nette Sammlung von kostenlosen Patterns. (Screenshot: Webdesignledger)

Webdesignledger bietet eine Linksammlung mit 223 Pattern an. Auch hier solltet ihr ein Auge auf die jeweils verwendete Lizenz werfen.

CSS3 Patterns Gallery

Wer interessante CSS3-Pattern sucht, könnte hier fündig werden. (Screenshot: CSS3 Pattern Gallery)
Wer interessante CSS3-Pattern sucht, könnte hier fündig werden. (Screenshot: CSS3 Pattern Gallery)

Der Name ist Programm: Lea Verou bietet eine übersichtliche aber interessante Liste mit CSS3-Pattern an. Die Muster finden sich auch direkt auf GitHub.

Pattern-Generator: Schnell eigene Muster erstellen

Patternizer

Mit dem Patternizer erstellt ihr schicke CSS3-Pattern. (Screenshot: Patternizer)
Mit dem Patternizer erstellt ihr schicke CSS3-Pattern. (Screenshot: Patternizer)

Patternizer ist ein praktischer und einfach zu bedienender Pattern-Generator. Das Ergebnis wird als CSS3-Code ausgegeben.

BGPattern

BGPattern ist ein praktischer Pattern-Generator. (Screenshot: BGPattern)
BGPattern ist ein praktischer Pattern-Generator. (Screenshot: BGPattern)

Dieser praktische Pattern-Generator gibt die fertigen Muster als PNG-Datei aus.

Tartanmaker

Tartanmaker ist das perfekte Tool für Fans des Schottenmusters. (Screenshot: Tartanmaker)
Tartanmaker ist das perfekte Tool für Fans des Schottenmusters. (Screenshot: Tartanmaker)

Mit Tartanmaker lassen sich leicht eigen Schottenmuster erstellen. Die fertigen Pattern können im PNG-Format heruntergeladen werden.

Stripe Generator 2.0

Der Stripe Generator bedient alle mit einer Vorliebe für Streifen. (Screenshot: Stripe Maker)
Der Stripe Generator bedient alle mit einer Vorliebe für Streifen. (Screenshot: Stripe Maker)

Mit dem Stripe Generator erstellt ihr kinderleicht eigene Streifenmuster. Auch hier findet der Export in Form einer PNG-Datei statt.

COLOURlovers Seamless Lite

Ein mächtiger Mustergenerator von COLOURlovers. (Screenshot: COLOURlovers)
Ein mächtiger Mustergenerator von COLOURlovers. (Screenshot: COLOURlovers)

Mit dem Generator von COLOURlovers lassen sich verschiedene Formen zu eigenen Mustern kombinieren. Um das Tool nutzen zu können, benötigt ihr allerdings einen Account.

Kennt ihr weitere Quellen oder Tools? Wir freuen uns auf eure Tipps in den Kommentaren!

Vielleicht auch interessant: Hier findet ihr eine Auswahl kostenloser Projektmanagement-Tools von agil bis klassisch

Bitte beachte unsere Community-Richtlinien

Schreib den ersten Kommentar!

Melde dich mit deinem t3n-Account an oder fülle die unteren Felder aus.

Abbrechen

Finde einen Job, den du liebst