Die 50 besten kostenlosen Web-UI-Kits und -Vorlagen
Veröffentlicht: 2022-01-21Als Menschen, die für das Web entwerfen und bauen, haben wir das große Glück, dass eine so große Anzahl von Designern da draußen bereit ist, uns jederzeit zu helfen und zu unterstützen. Ob Antworten auf StackOverflow, Tutorials auf Websites wie dieser oder kostenlose Ressourcen, die wir in unseren Projekten verwenden können, die Design-Community war schon immer fantastisch darin, anderen beim Lernen und Verbessern zu helfen.
Eine Sache, die wir bei der Arbeit an Websites, Apps oder Admin-Dashboards als besonders hilfreich empfunden haben, sind all diese wunderschön gestalteten kostenlosen UI-Kits, die talentierte Designer regelmäßig veröffentlichen. Benutzeroberflächen (UI)-Kits können praktisch sein, wenn Sie schnell eine Website erstellen müssen, ohne die Ästhetik oder Benutzerfreundlichkeit zu beeinträchtigen. Ein gut gestaltetes UI-Kit kann einer Website helfen, eine konsistente visuelle Identität aufzubauen, anstatt wie ein Mischmasch aus verschiedenen Schaltflächen, Formularfeldern und allem anderen, was Ihnen einfällt, auszusehen.
Damit Sie schnell mit Ihrem nächsten App- oder Website-Design loslegen können, haben wir diese Sammlung unserer beliebtesten kostenlosen UI-Kits kuratiert. Die UI-Vorlagen sind in vielen Stilen und gängigen Formaten verfügbar (Photoshop PSD, Figma, Sketch.app und Adobe XD). Wir hoffen, dass Sie sie alle hilfreich finden.
Inhaltsverzeichnis
- Designsystem-UI-Kits
- Dashboard-UI-Kits
- Komponenten und Widgets des UI-Kits
- Landingpage-UI-Kits
- E-Commerce-UI-Kits
Zugehörige UI-Inhalte
- 50 kostenlose Wireframe-Kits
- 50 kostenlose mobile UI-Kits
- 15 kostenlose UI-Kits für Bootstrap
- 20 kostenlose UI-Kits für Adobe XD
- 30 kostenlose UI-Kits für Materialdesign
- 40 kostenlose Figma-Vorlagen
- 20 kostenlose UI-Kits für Sketch
- Open-Source-Web-UI-Kits
Designsystem-UI-Kits
Kostenloses Core Design System UI-Kit (Erstellt von Ryan Sael, Figma)

Tüllen-Design-Kit (Erstellt von Grommet, Sketch, Adobe XD, Figma & Framer X)

UI-Designsystem & Styleguide (auf Envato Elements, Sketch & Figma)

Prime 2.0 Design-System-Kit (Erstellt von Przemyslaw Baraniak, Skizze)

Kostenloses App-Design-System (Erstellt von Hapibot Studio, Skizze)

Design System Header-Kit (auf Envato Elements, AI, EPS, PSD, Sketch, SVG, Adobe XD & Figma)

Design-System-Kit (Erstellt von Danny S., Skizze)

RevKit Design System UI-Kit (Erstellt von Nitish Khagwal, Skizze)

UX Design Grid System für 20 Geräte (auf Envato Elements, Adobe XD, Sketch & PSD)

Mode Design System Kostenloses UI-Kit (Erstellt von Dee Aero, Figma)

Das Design Framework UI-Kit (Create dby Jon Brick, Skizze)

Moderne Bootstrap-UI-Komponenten (auf Envato Elements, Adobe XD)

Exo-Kit-Design-System (Erstellt von Anthony Choren, Figma)

Bootflat Bootstrap UI-Kit (Erstellt von DarthSnow, PSD)

Ares kostenloses UI-Kit (Erstellt von Wagner Ramos, Skizze)

Kostenloses Web-UI-Framework (Erstellt von Toptal, Skizze)

Desktop-UI-Kit für helles und dunkles Materialdesign (Erstellt von SaaSDesign, Figma)

Foundation 5 UI-Kit (Erstellt von ZURB, Skizze)

Design-Kit für die Spot-Benutzeroberfläche (Erstellt von Arun, PSD)


Dashboard-UI-Kits
Open-Source-Dashboards-UI-Kit (Erstellt von Craftwork, Figma & Sketch)

Cards UI Kit – Dashboard-Widgets und -Komponenten (auf Envato Elements, PSD, Adobe XD & Sketch)

Kostenlose Dashboard-Oberflächenelemente (Erstellt von Tran Mau Tri Tam, Skizze)

Dashboard-Komponenten-UI-Kit (Erstellt von Emy Lascan, Skizze)

Avvy – Dashboard-UI-Kit (auf Envato Elements, Skizze)

Dashboard-Karten Kostenloses UI-Kit (Erstellt von Saransh Verma, Adobe XD & AI)

Diso-Dashboard-Karten-UI-Kit (Erstellt von Sandro Tavartkiladze, Skizze)

Karten UI Kit Light (auf Envato Elements, Sketch, PSD, Adobe XD)

S8 Design System Dashoboard-UI-Kit (Erstellt von Setproduct, Figma)

Komponenten und Widgets des UI-Kits
Kostenloses Komponenten-UI-Kit (Erstellt von Michael Filipiuk, Sketch, Figma & Adobe XD)

Mini-UI-Kit Freebie (Erstellt von Karina Bea, Skizze)

LiquidPro UI-Kit (Erstellt von Stan Hristov, Skizze)

Wireframing-UI-Kit zusammenführen (auf Envato Elements, Figma, Adobe XD, Sketch & AI)

450+ Asset-UI-Kit (Erstellt von Krasi Stoimenov, PSD & AI)

Coloro Widget UI-Kit (Erstellt von uiFest, PSD)

Karten-Dashboard-Widgets UI- und UX-Kit (auf Envato Elements, PSD, Adobe XD, Sketch)

Mega Free UI Style Pack (Erstellt von Stefan Kuhl, PSD)

Heute Web-UI-Kit (auf Envato Elements, PSD, Sketch und Adobe XD)

Material Design Components UI-Kit (Erstellt von Setproduct, Figma)

Element-UI-Kit der Stufe 1.000+ (Erstellt von UI Chest, PSD & Sketch)

Smart Form UI-Kit (Erstellt von Domenico Laricchia, Skizze)

UI-Kit für Social-Media-Komponenten (Erstellt von Alex Gilev, PSD)

Sven Modern UI-Kit (Erstellt von Graphberry, PSD)

Kostenloses Flussdiagramm-Kit 2.0 (Erstellt von Greg Dlubacz, Sketch & Figma)

Kostenloses Diagramm-UI-Kit (Erstellt von Mimi, Sketch, Figma & Adobe XD)

Ultimatives Infografik-Elemente-Paket (Erstellt von BluGraphic, EPS & AI)

K2 Free Music UI-Kit (Erstellt von Spline, Sketch, PSD und Adobe XD)

Kostenloses UI-Kit für Materialdesign (Erstellt von Designtory, PSD)

Flatimus UI-Kit (Erstellt von Elmar Halmuhamedov, PSD)

Flatty UI-Kit (Erstellt von Mahmoud Baghagho, PSD)

Landingpage-UI-Kits
Landung – Kostenlose UI-Komponenten (Erstellt von Lstore, Sketch & PSD)

Berlin – Landingpage-UI-Kit (auf Envato Elements, Skizze)

IDTOOL Landing Page Web-UI-Kit (Erstellt von ID-TOOL DEX, Adobe XD & Figma)

E-Commerce-UI-Kits
Kostenloses UI-Kit für E-Commerce (Erstellt von Divan Raj, Skizze)

22 Blocks Website-E-Commerce-UI-Kit (auf Envato Elements, Adobe XD)

Pawtastic eCommerce UI-Kit (Adobe XD)

Clay Shop Kostenloses E-Commerce-UI-Kit (Erstellt von Explorer Shop, Skizze)

Mytemp – E-Commerce-UI-Kits (auf Envato Elements, Figma, Sketch und Adobe XD)

Elton Free eCommerce UI-Kit (Erstellt von PixelBuddha, PSD)

UI-Kit für Essen und Trinken (Erstellt von Sergiu Firez, PSD & Sketch)

Kostenloses neomorphes UI-Kit (Erstellt von Nik Pletikos, Adobe XD)

