Hub · 122 Tools · 3 Bereiche

UI- und Webdesign-Inspiration

Der erste Halt, bevor du mit einer leeren Leinwand beginnst. Galerien echter Websites und Landingpages, die Tools, mit denen Interfaces gestaltet werden, und der Lesestoff, der erklärt, warum gute Interfaces funktionieren.

01 / 03

Galerien für Webdesign-Inspiration

78Bereich öffnen

60fps preview

60fpsGalerienBildschirmaufnahmen, die Interfaces in Bewegung festhalten und als Inspiration für das Studium von UI-Animationen gesammelt werden.

AwwwardsGalerienEin Award-Programm und eine Galerie, die täglich herausragendes Webdesign und Frontend-Handwerk auszeichnen.

Cosmos preview

CosmosGalerienEin visueller Moodboard-Raum zum Sammeln von Bildern und Referenzen und zum Aufbau kreativer Inspirationsboards.

Curated Design preview

Curated DesignGalerienEine Galerie, die Website-Inspiration nach ästhetischem Stil gruppiert, damit du nach dem gewünschten Look stöbern kannst.

Layers preview

LayersGalerienEine Plattform, auf der Designer ihre Arbeiten öffentlich veröffentlichen und teilen, um Feedback und Inspiration zu erhalten.

minimal.gallery

Minimal Gallery preview

Minimal GalleryGalerienEine Sammlung minimalistischer, zurückhaltender Websites für alle, die nach reduzierter Design-Inspiration suchen.

Mobbin preview

MobbinGalerienEine durchsuchbare Bibliothek echter Mobile- und Web-App-Screens sowie User Flows aus ausgelieferten Produkten.

Saaspo preview

SaaspoGalerienEine handverlesene Galerie von SaaS-Landingpages als Inspiration für Marketing- und Produktdesign.

SEESAW preview

SEESAWGalerienWebsite-Design-Inspiration, nach Seitenabschnitt geordnet, damit du einen Block nach dem anderen studieren kannst.

Supahero preview

SupaheroGalerienEine kuratierte Sammlung von Website-Hero-Sektionen als Inspiration beim Gestalten einer Landingpage.

Imageory preview

ImageoryGalerienEine visuelle Galerie, die Bilder mit den dahinterstehenden Prompts kombiniert und so kreative Inspiration liefert.

backgrounds.supply

Backgrounds Supply preview

Backgrounds SupplyGalerienEine Reihe handgefertigter Website-Hintergründe, die du direkt in dein nächstes Projekt einfügen kannst.

backgrounds.venust.ai

Venust Backgrounds preview

Venust BackgroundsGalerienKostenlose, KI-generierte Website-Hintergründe, die mit den ursprünglichen Prompts zu ihrer Erstellung geliefert werden.

Details preview

DetailsGalerienDetaillierte Analysen von Mikrointeraktionen führender digitaler Produkte, um die Details zu studieren.

Sombra preview

SombraGalerienEine Schau von Website-Interfaces im Dark Mode für alle, die mit dunkleren Paletten gestalten.

Dribbble preview

DribbbleGalerienEine globale Community, in der Designer Shots und Konzepte veröffentlichen, um Arbeiten zu teilen und Inspiration zu finden.

Behance preview

BehanceGalerienAdobes Plattform zum Veröffentlichen und Durchstöbern kreativer Portfolios über alle Design-Disziplinen hinweg.

Recent Design preview

Recent DesignGalerienEine wöchentliche Auswahl preisverdächtiger Websites, laufend aktualisiert für einen stetigen Strom an Design-Inspiration.

navbar.design preview

navbar.designGalerienEine handverlesene Sammlung von Navigationsleisten-Mustern als Referenz beim Gestalten von Website-Menüs.

footer.design preview

footer.designGalerienEine ausgewählte Sammlung kreativer Website-Footer als Inspiration für diesen abschließenden Abschnitt.

Land-book preview

Land-bookGalerienEine große Galerie von Landingpages, nach Branche geordnet, damit du Designs in deiner Nische durchstöbern kannst.

Collect UI preview

Collect UIGalerienTägliche UI-Design-Inspiration, nach Komponente verschlagwortet und aus einer fortlaufenden Design-Challenge entstanden.

siteinspire.com

SiteInspire preview

SiteInspireGalerienEine seit Langem bestehende Schau fein gearbeiteten Webdesigns, filterbar nach Stil und Thema.

Lapa Ninja preview

Lapa NinjaGalerienEine ausgewählte Sammlung responsiver Landingpages zum Stöbern für Layout-Inspiration.

UX Archive preview

UX ArchiveGalerienEin Archiv mobiler Onboarding-Flows, Screen für Screen festgehalten als UX-Referenz.

Screenlane preview

ScreenlaneGalerienEine durchsuchbare Galerie von Interface-Screens für UI-Inspiration über verschiedene Apps hinweg.

Flowbase preview

FlowbaseGalerienEine Quelle für Premium-UI-Komponenten und Interaktionsmuster zum Aufbau von Website-Layouts.

Hover States preview

Hover StatesGalerienEine Schau einfallsreichen, interaktiven Webdesigns, um zu studieren, wie Sites mit Bewegung und Hover umgehen.

SaaSFrame preview

SaaSFrameGalerienHunderte Screenshots von SaaS-Marketingseiten, gesammelt als Inspiration für das Landingpage-Design.

landingfolio.com

Landingfolio preview

LandingfolioGalerienEine umfangreiche Bibliothek von Landingpage-Designs zum Stöbern für Layout- und Marketing-Inspiration.

Pttrns preview

PttrnsGalerienEin Verzeichnis mobiler UI-Muster als Referenz, wie Apps gängige Screens umsetzen.

onepagelove.com

One Page Love preview

One Page LoveGalerienEine Schau von einseitigen Website-Designs für alle, die einen One-Pager bauen.

designspiration.com

Designspiration preview

DesignspirationGalerienEine Suchplattform zum Entdecken visueller Kunst und Design-Bilder als Quelle für Inspiration.

bestwebsite.gallery

Best Website Gallery preview

Best Website GalleryGalerienEin handverlesenes Archiv außergewöhnlicher Websites, als Referenz für herausragendes Webdesign aufbewahrt.

theinspirationgrid.com

Inspiration Grid preview

Inspiration GridGalerienEin Online-Magazin, das kreatives visuelles Design und Arbeiten über alle Disziplinen hinweg ins Rampenlicht rückt.

Scrnshts preview

ScrnshtsGalerienEine kuratierte Sammlung von App-Store-Screenshot-Designs als Inspiration für das Marketing einer Mobile-App.

Are.na preview

Are.naGalerienEine kollaborative Plattform zum visuellen Sammeln von Lesezeichen und zum Ordnen von Recherche in geteilten Boards.

Appinspo preview

AppinspoGalerienEine geprüfte Galerie von Mobile-App-Designs für UI- und Interface-Inspiration.

darkmodedesign.com

Dark Mode Design preview

Dark Mode DesignGalerienEine Schau, die sich ganz Dark-Mode-Websites widmet, als Inspiration beim Gestalten dunklerer Interfaces.

Pinterest preview

PinterestGalerienEine visuelle Entdeckungsplattform zum Speichern und Finden kreativer Ideen zu jedem Thema.

navbar.gallery preview

navbar.galleryGalerienEine eng fokussierte Galerie moderner Navigationsleisten zum Studieren beim Gestalten von Website-Menüs.

posts.design preview

posts.designGalerienEin kuratiertes Archiv für Social-Media-Grafikdesign als Inspiration für Post- und Feed-Layouts.

loadmo.re preview

loadmo.reGalerienEine Galerie experimenteller Mobile-Website-Designs für frische, grenzüberschreitende Inspiration.

inspora.design preview

inspora.designGalerienEin Archiv zeitgenössischen visuellen Webdesigns zum Stöbern für moderne Inspiration.

cta.gallery preview

cta.galleryGalerienEine handverlesene Sammlung von Call-to-Action-Buttons und -Bannern für conversionorientierte Inspiration.

desengs.com preview

desengs.comGalerienEin Verzeichnis von Design-Engineering-Portfolios und den Geschichten hinter den Menschen, die sie schaffen.

isthereanytool.app

isthereanytool preview

isthereanytoolGalerienEin Verzeichnis, das weniger bekannte Tools für Design, Handwerk und KI-Arbeit ans Licht bringt.

designeng.tools

designeng.tools preview

designeng.toolsGalerienEin kuratierter Hub, der Design-Engineering-Tools, -Ressourcen und -Inspiration an einem Ort zusammenführt.

bestdesignsonx.com

bestdesignsonx.com preview

bestdesignsonx.comGalerienEin kuratierter Feed designaffiner Creator und herausragender Posts aus X.

designbookmark.com

Design Bookmark preview

Design BookmarkGalerienEin Verzeichnis, das nützliche Design-Ressourcen und Links als Lesezeichen bündelt, damit du sie an einem Ort findest.

rebrand.gallery

Rebrand Gallery preview

Rebrand GalleryGalerienEine Galerie von Marken-Redesigns im Vorher-Nachher-Vergleich, um zu studieren, wie sich Identitäten entwickeln.

curations.supply

Curations preview

CurationsGalerienEine kuratierte Bibliothek digitaler Design-Assets zum Durchstöbern und Verwenden in Projekten.

Landing Love preview

Landing LoveGalerienEine Sammlung reizvoller Landingpages, nach ihrer Animation geordnet, als Inspiration für Motion.

Motionimo preview

MotionimoGalerienEine umfangreiche Bibliothek von Motion-Design-Clips zum Studium von Animation und Bewegung.

before.click preview

before.clickGalerienEine Schau stark konvertierender App-Screenshot-Konzepte als Inspiration für App-Store-Marketing.

Swiped preview

SwipedGalerienEine Sammlung herausragender Design-Posts, zusammengetragen aus verschiedenen sozialen Plattformen.

Landdding preview

LandddingGalerienEin täglich aktualisierter Katalog kreativer Landingpages für Layout- und Marketing-Inspiration.

designengineer.tools

designengineer.tools preview

designengineer.toolsGalerienEine Zusammenstellung unverzichtbarer Tools, zugeschnitten auf die Arbeit von Design Engineers.

Insposite preview

InspositeGalerienEin Verzeichnis von Design-Referenzen und Tools zum Stöbern, wenn du Inspiration brauchst.

loader-buttons.appllama.io

Loader Buttons preview

Loader ButtonsGalerienEine Galerie mit 25 Animationen für Lade-Buttons als Referenz für Ideen zu Mikrointeraktionen.

What Ships preview

What ShipsGalerienEine Sammlung herausragender Demo-Videos von Produkt-Launches, zusammengetragen aus Posts auf X.

GreatStuff preview

GreatStuffGalerienEin sorgfältig geprüftes Archiv kreativer Tools, gesammelt, damit du die guten schneller findest.

Great Apps preview

Great AppsGalerienEine wöchentliche Galerie, die außergewöhnliche iOS-Apps hervorhebt, die einen genaueren Blick verdienen.

curated.domains

Curated Domains preview

Curated DomainsGalerienEine Sammlung von Marken, die kreative Top-Level-Domains nutzen, als Inspiration für Naming und Branding.

Sections.wtf preview

Sections.wtfGalerienEine Galerie realer Website-Sektionen und Hero-Layouts als Referenz, Block für Block.

Browse.cool preview

Browse.coolGalerienEine Auswahl von Websites, ausgewählt für ihr außergewöhnlich haptisches Gefühl und ihre Interaktion.

Folios Gallery preview

Folios GalleryGalerienEin ausgewähltes Verzeichnis herausragender Designer-Portfolios zum Studium als Inspiration.

wwwtf.site preview

wwwtf.siteGalerienEine Galerie skurriler, experimenteller Ecken des interaktiven Webs, die einen Besuch wert sind.

Early preview

EarlyGalerienEine Entdeckungsplattform, die vielversprechende Software-Produkte in frühen Phasen ans Licht bringt.

openalternative.co

OpenAlternative preview

OpenAlternativeGalerienEin Verzeichnis, das beliebte SaaS-Tools mit ihren Open-Source-Alternativen zusammenbringt.

everywhere.tools

Everywhere Tools preview

Everywhere ToolsGalerienEine Sammlung von Open-Source-Kreativtools, ausgerichtet auf praktische Design- und Handwerksarbeit.

gallery.jessyin.world

Jessy In's Gallery preview

Jessy In's GalleryGalerienEin geteiltes Moodboard, auf dem Mitwirkende ungewöhnliche visuelle Fundstücke sammeln, um Design-Inspiration zu wecken.

wallofportfolios.in

Wall of Portfolios preview

Wall of PortfoliosGalerienEine Schauwand mit Design-Engineering- und Produkt-Portfolios zum Stöbern für Inspiration.

Detail Design preview

Detail DesignGalerienEin Archiv, das die sorgfältig gestalteten Mikrointeraktionen in Software-Interfaces dokumentiert.

betwnstudios.com

Betwn Studios preview

Betwn StudiosGalerienEin Studio, das moderne Web-Erlebnisse für SaaS-Produkte gestaltet und entwickelt.

saaslandingpage.com

SaaS Landing Page preview

SaaS Landing PageGalerienEine kuratierte Schau herausragender SaaS-Landingpages, die ein Studium als Inspiration lohnen.

bestsaaswebdesigns.com

Best SaaS Web Designs preview

Best SaaS Web DesignsGalerienEine handverlesene Galerie von SaaS-Website-Designs, gesammelt als Design-Inspiration.

A1 preview

A1GalerienEine Galerie von Website-Designs, zusammengetragen als Inspiration für dein nächstes Projekt.

02 / 03

Interface-Design-Tools und UI-Labs

11Bereich öffnen

Figma preview

FigmaInterface-DesignEine kollaborative Plattform, um Interfaces gemeinsam mit deinem Team zu gestalten und zu prototypisieren.

Framer preview

FramerInterface-DesignEin visueller Canvas, um Websites zu gestalten und sie dann direkt ins Web zu veröffentlichen.

make.design preview

make.designInterface-DesignEin KI-Generator, der geschriebene Prompts in ausgefeilte Interface-Designs verwandelt.

Penpot preview

PenpotInterface-DesignEine quelloffene Webdesign-Plattform auf SVG-Basis, die im Browser läuft.

Spline preview

SplineInterface-DesignBrowserbasierte 3D-Designsoftware mit integrierter Physik für interaktive Szenen.

interfacecraft.dev

Interface Craft preview

Interface CraftInterface-DesignEine Sammlung von Artikeln, die das Handwerk hinter modernen digitalen Interfaces beleuchten.

UI Labs preview

UI LabsInterface-DesignEin Labor, das animierte UI-Komponenten auseinandernimmt, um zu zeigen, wie sie aufgebaut sind.

UIWTF preview

UIWTFInterface-DesignEine Schau experimenteller Interface-Patterns, die ausreizen, was das Web kann.

Lab01 preview

Lab01Interface-DesignEine Sammlung ausgefeilter Interface-Experimente, veröffentlicht von einem Designstudio.

design.dev preview

design.devInterface-DesignEin KI-gestützter Editor, um Design-Tokens und -Systeme zu erstellen und zu verwalten.

UI Playbook preview

UI PlaybookInterface-DesignEin Leitfaden zu den gängigen Zuständen, die UI-Komponenten beim Gestalten durchlaufen.

03 / 03

Webdesign-Ressourcen: Blogs, Bücher und Kurse

33Bereich öffnen

refactoringui.com

Refactoring UI preview

Refactoring UILesestoffEin praxisnaher Leitfaden voller Taktiken zum Gestalten und Bauen besserer Interfaces.

practicaltypography.com

Practical Typography preview

Practical TypographyLesestoffEin Online-Buch über die Regeln der Typografie und das Setzen von Text.

web.dev preview

web.devLesestoffPraktische Anleitung zu Web-Performance und zur Umsetzung moderner Webstandards.

inclusive-components.design

Inclusive Components preview

Inclusive ComponentsLesestoffEine Pattern-Bibliothek, die zeigt, wie man barrierefreie Interface-Komponenten baut.

joshwcomeau.com

Josh Comeau preview

Josh ComeauLesestoffInteraktive Tutorials und Artikel, die aufschlüsseln, wie CSS wirklich funktioniert.

design-books.com

Design Books preview

Design BooksLesestoffEin Verzeichnis unverzichtbarer Designbücher, geordnet nach der jeweiligen Disziplin.

learn-kernels.com

Learn Kernels preview

Learn KernelsLesestoffEin interaktiver Leitfaden zum Schreiben und Verstehen von GPU-Kernel-Programmierung.

designsystemchecklist.com

Design System Checklist preview

Design System ChecklistLesestoffEine gründliche Checkliste darüber, was in ein produktionsreifes Designsystem gehört.

Learn UI preview

Learn UILesestoffEin Videokurs, der die praktische Seite des Gestaltens von Benutzeroberflächen vermittelt.

designspells.com

Design Spells preview

Design SpellsLesestoffEine Sammlung, die die feinen Designdetails seziert, die in alltäglicher Software verborgen sind.

Good UI preview

Good UILesestoffEine Sammlung evidenzbasierter UI-Designmuster, gestützt auf Daten aus der Praxis.

Abduzeedo preview

AbduzeedoLesestoffEin täglicher Design-Blog, der einen stetigen Strom visueller Inspiration liefert.

UX Collective preview

UX CollectiveLesestoffEine kuratierte Publikation, die kritische Essays zum Thema User-Experience-Design versammelt.

smashingmagazine.com

Smashing Magazine preview

Smashing MagazineLesestoffEine verlässliche Fundgrube an Artikeln und Leitfäden für Webdesigner und Entwickler.

Codrops preview

CodropsLesestoffEin Blog, der kreative Frontend-Experimente zusammen mit praktischen Tutorials veröffentlicht.

Muzli preview

MuzliLesestoffEin täglicher Digest, der die neuesten Designtrends in einem einzigen Feed bündelt.

boxesandarrows.com

Boxes and Arrows preview

Boxes and ArrowsLesestoffEin langjähriges Journal über die Praxis und die Ideen hinter Informationsarchitektur.

designernews.co

designernews.co

Designer NewsLesestoffEin community-getriebener Feed, in dem Designer die neuesten Geschichten teilen und diskutieren.

webdesignerdepot.com

Web Designer Depot preview

Web Designer DepotLesestoffEine Design-Publikation, die Webstandards und die von Designern genutzten Tools behandelt.

Designmodo preview

DesignmodoLesestoffEine Publikation, die sowohl Artikel als auch praktische Tools fürs Webdesign bietet.

99designs Discover preview

99designs DiscoverLesestoffEin Design-Blog, der sich mit Branding und dem kreativen Denken dahinter beschäftigt.

Interfaces preview

InterfacesLesestoffEine monatliche digitale Publikation, die sich mit der Gestaltung digitaler Interfaces befasst.

makingsoftware.com

Making Software preview

Making SoftwareLesestoffEssays darüber, wie die von Designern genutzten Tools am Ende ihre Software prägen.

visualrambling.space

Visual Rambling preview

Visual RamblingLesestoffPersönliche visuelle Essays, die sich dem Interface-Design Idee für Idee nähern.

degreeless.design

Degreeless Design preview

Degreeless DesignLesestoffEine kuratierte Lern-Roadmap für alle, die Produktdesign meistern wollen.

SVG Guide preview

SVG GuideLesestoffEin Leitfaden zum Schreiben und Animieren von SVG-Markup, für Designer und Entwickler.

Animations.dev preview

Animations.devLesestoffEin Kurs, der dir beibringt, Web-Animationen zu erstellen, die sich wirklich richtig anfühlen.

UI Skills preview

UI SkillsLesestoffEin Kurs über Techniken, um Interfaces mithilfe von AI zu gestalten.

AI for UI preview

AI for UILesestoffEin Kurs darüber, wie du AI-Workflows in deinen Interface-Design-Prozess einbaust.

UI Land preview

UI LandLesestoffEine Interviewreihe mit führenden Design Engineers über ihr Handwerk.

Laws of UX preview

Laws of UXLesestoffEine Sammlung psychologischer Prinzipien, die bestimmen, wie benutzbar sich ein Interface anfühlt.

userinterface.wiki

User Interface Wiki preview

User Interface WikiLesestoffEine Wissensdatenbank, die Richtlinien und Regeln für Interface-Design an einem Ort dokumentiert.

The Shape of AI preview

The Shape of AILesestoffEine Pattern-Bibliothek, die Designmuster für AI-gestützte Interfaces beleuchtet.

UI- & Webdesign-Inspiration – 122 Seiten — Designeer