Das könnte dich auch interessieren

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

Design

UI-Kit: Die große t3n-Übersicht

    UI-Kit: Die große t3n-Übersicht

Zwölf UI-Kits. (Screenshot: Behance)

UI-Kits sind eine gute Anlaufstelle zur Inspiration für neue Projekte. Im Web gibt es unzählige UI-Kits zum freien Download und wir haben für euch zwölf herausgesucht.

UI-Kits: Holt euch Inspiration fürs nächste Projekt

UI-Kits vereinen eine mal größere und mal kleinere Zahl an ausgestalteten User-Interface-Elementen. Damit sind sie gut geeignet um sich für die eigene Arbeit Dinge abzuschauen oder auch Elemente zu übernehmen (soweit es vom Designer des UI-Kits erlaubt ist). Wir haben uns für euch mal umgeschaut und ein paar Kits zusammengetragen, die uns gefallen haben.

Da Flat Design immer noch sehr angesagt ist sind die meisten der UI-Kits in dem Design-Stil gehalten oder wenigstens an ihn angelehnt.

Clean White

Das UI-Kit „Clean White“ von Tomasz Mazurczak bietet über 55 überwiegend hell gestaltete Elemente im Flat Design zum kostenlosen Download für private und kommerzielle Nutzung. Ihr erhaltet eine PSD-Datei.

„Clean white“ – UI-Kit von Tomasz Mazurczak. (Screenshot: Behance)
„Clean white“ – UI-Kit von Tomasz Mazurczak. (Screenshot: Behance)

Free Material UI-Kit

Im Material Design ist das UI-Kit „Free Material UI-Kit“ von Al Rayhan gestaltet. Im Download sind zehn Elemente enthalten, die im PSD-Format vorliegen.

„Free Material UI-Kit“ von Al Rayhan im Material Design. (Screenshot: PSDboom)
„Free Material UI-Kit“ von Al Rayhan im Material Design. (Screenshot: PSDboom)

Almost Flat UI

Bei „Almost Flat UI“ von Amit Gaur handelt es sich quasi um ein Live-UI-Kit, das mit Foundation erstellt wurde. Der große Vorteil ist hier, dass auch gleich Interaktionen integriert sind und es keine statische Datei ist.

„Almost Flat UI“ von Amit Gaur ist ein UI-Kit, mit dem ihr gleich im Browser arbeiten könnt. (Screenshot: websymphony.net)
„Almost Flat UI“ von Amit Gaur ist ein UI-Kit, mit dem ihr gleich im Browser arbeiten könnt. (Screenshot: websymphony.net)

Flat UI-Kit

Wieder vollkommen im Flat Design ist dieses UI-Kit von Sebastiaan Scheer gestaltet.

Dieses UI-Kit von Sebastiaan Scheer ist wieder komplett flach gestaltet. (Screenshot: Dribbble)
Dieses UI-Kit von Sebastiaan Scheer ist wieder komplett flach gestaltet. (Screenshot: Dribbble)

Flat dashboard

Im Namen steht zwar Flat, doch ganz flach ist es nicht. „Free flat UI dashboard by Prowebdesign“ stellt euch ein Design für ein Dashboard mit sechs verschiedenen UI-Elementen zur Verfügung.

„Flat dashboard“ von Prowebdesign. (Screenshot: prowebdesign.ro)
„Flat dashboard“ von Prowebdesign. (Screenshot: prowebdesign.ro)

Responsive Ui-Kit (PSD)

Ziemlich blau wirds bei diesem UI-Kit von Uipixels – alle Elemente sind in einigen wenigen Blautönen gehalten.

Alles so schön blau hier. (Screenshot: uipixels.com)
Alles so schön blau hier. (Screenshot: uipixels.com)

Android Material Design UI-Kit

Mal zur Abwechslung keine PSD-Datei zum Download sonder etwas für Nutzer von Sketch: Dieses UI-Kit von Ivan Bjelajac bietet euch verschiedene UI-Elemente im Material Design.

UI-Kit im Material Design für Sketch-Nutzer. (Screenshot: sketchappsources.com)
UI-Kit im Material Design für Sketch-Nutzer. (Screenshot: sketchappsources.com)

Eventray Free UI-Kit

Wieder Blau wird es bei diesem UI-Kit von Stanislav Hristov und Dtail Studio, das auf Event-Sites ausgelegt ist.

Umfangreiches UI-Kit unter anderem auch mit einem Timeline-Design. (Screenshot: http://dtailstudio.com)
Umfangreiches UI-Kit unter anderem auch mit einem Timeline-Design. (Screenshot: http://dtailstudio.com)

Tethr

Mit über 250 UI-Elementen sehr umfangreich und für Photoshop sowie Sketch zu haben ist „Tethr“, ein iOS-UI-Kit von ui8.

Ein sehr umfangreiches UI-Kit für iOS. (Screenshot: invisionapp.com)
Ein sehr umfangreiches UI-Kit für iOS. (Screenshot: invisionapp.com)

Futurico

Dieses UI-Kit, entworfen von Vladimir Kudinov und gecoded von Sergii Iurevych ist wieder ein Kit von Elementen, die direkt in HTML/CSS vorliegen.

Mal ganz weg vom Flat Design: Futurico. (Screenshot: railsware.com)
Mal ganz weg vom Flat Design: Futurico. (Screenshot: railsware.com)

Azure UI Kit

Bei dem UI-Kit Azure von Yolqin Alimov werden teilweise auch schon ganze Seiten-Layouts gezeigt.

Das UI-Kit Azure liefert auch ein paar fertige Layouts. (Screenshot: http://graphicburger.com)
Das UI-Kit Azure liefert auch ein paar fertige Layouts. (Screenshot: http://graphicburger.com)

Landing page for restaurant

Dieses UI-Kit von Volodymyr Kurbatov setzt auf den Einsatz großer Bilder und zeigt verschiedene Arten von UI-Blöcken für Landingpages von Restaurants.

Ein UI-Kit für Landingpages von Restaurante. (Screenshot: Behance)
Ein UI-Kit für Landingpages von Restaurante. (Screenshot: Behance)

Diese Übersicht ist natürlich sehr subjektiv und beleuchtet nur einen sehr kleinen Teil der großen Menge an UI-Kits, die es frei im Web gibt. Wenn ihr ein UI-Kit kennt, das unbedingt noch genannt werden sollte, dann schreibt es doch in einen Kommentar!

Dieser Artikel ist eine Überarbeitung eines Artikels aus dem Jahr 2013. Autor des Originalartikels ist Ilja Zaglov.

Finde einen Job, den du liebst zum Thema Download

Alle Jobs zum Thema Download
9 Reaktionen
MarcHe
MarcHe

Danke für die Überarbeitung, tolle Sachen dabei

Antworten

Jakobrohlaender
Jakobrohlaender

Tolle Sammlung, aber zum In­s­pi­rie­ren nutze ich lieber Dribbble.com

Antworten

nullzwoelf
nullzwoelf

Nett, aber warum legen die das alle als PSD an? Vektoren sind doch viel effektiver.

Antworten

CRIGO
CRIGO

Schöne Sammlung, vielen Dank für's Teilen!

Antworten

Jens Richter
Jens Richter

Super Sammlung um sich inspirieren zu lassen :)

Antworten

Designophil
Designophil

Vor allem "Freebie PSD: Flat UI Kit" und das "UI Kit" halte ich für optisch sehr gelungen. Ausgewogene und stimmige Farbpalette, nette Details und insgesamt einfach professionell gestaltet. Danke für diese tollen Tipps.

Antworten

Inkassounternehmen
Inkassounternehmen

Wirklich ein toller Tip! Das sind wirklich sehr gute Designideen bei!

Antworten

feenhaar
feenhaar

supi, diese Tipps haben mir noch gefehlt für meine Recherche zu einem neuen Artikel: Gestaltung von Online Shops optimieren. Danke - Link bereits als Tipp eingebaut. LG Susangeli

Antworten

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

Abbrechen