Webdesign-Ressourcen
Eine kuratierte Sammlung der besten kostenlosen Ressourcen für Designer und Entwickler. Schriftarten, Icons, Farben, Animationen, CSS-Tools und mehr.
Google Fonts
Kostenlose Open-Source-Schriftbibliothek mit über 1.500 Schriftfamilien.
Besuchen →
SchriftartenFont Squirrel
Kostenlose Schriftarten mit Lizenz für kommerzielle Nutzung und ein Webfont-Generator.
Besuchen →
SchriftartenFontshare
Kostenlose, hochwertige Schriftarten von der Indian Type Foundry.
Besuchen →
SchriftartenFontsource
Open-Source-Schriftarten selbst hosten, per NPM-Paket.
Besuchen →
IconsHeroicons
Schöne, handgemachte SVG-Icons vom Tailwind-CSS-Team.
Besuchen →
IconsLucide
Schönes, einheitliches Open-Source-Icon-Set, ein Fork von Feather Icons.
Besuchen →
IconsPhosphor Icons
Flexible Icon-Familie mit 6 Strichstärken und über 1.000 Icons.
Besuchen →
IconsTabler Icons
Über 5.000 kostenlose SVG-Icons mit einheitlicher Strichstärke.
Besuchen →
IconsSimple Icons
SVG-Icons für bekannte Marken und Produkte.
Besuchen →
IllustrationenunDraw
Open-Source-Illustrationen mit anpassbaren Farben.
Besuchen →
IllustrationenHumaaans
Baukasten-Illustrationsbibliothek mit Menschen.
Besuchen →
IllustrationenOpen Peeps
Handgezeichnete Illustrationsbibliothek von Pablo Stanley.
Besuchen →
FarbenCoolors
Schneller Farbschema-Generator mit Exportoptionen.
Besuchen →
FarbenColor Hunt
Kuratierte Sammlung schöner Farbpaletten.
Besuchen →
FarbenRealtime Colors
Sieh deine Farbpalette auf einem echten Website-Layout.
Besuchen →
FarbenOKLCH Color Picker
Moderner OKLCH-Farbwähler für wahrnehmungsgleiche Farben.
Besuchen →
Lottie-AnimationenLottieFiles
Die größte Bibliothek kostenloser Lottie-Animationen und -Tools.
Besuchen →
Lottie-AnimationenIconScout Lottie
Animierte Lottie-Icons und -Illustrationen.
Besuchen →
CSS-ToolsCSS-Tricks
Artikel, Tutorials und Nachschlagewerk zu CSS und Frontend-Entwicklung.
Besuchen →
CSS-ToolsCan I Use
Browser-Support-Tabellen für moderne Web-Features.
Besuchen →
CSS-ToolsTailwind CSS
Utility-First-CSS-Framework mit eingebautem Designsystem.
Besuchen →
CSS-ToolsCSS Gradient
Kostenloser CSS-Verlaufs-Generator.
Besuchen →
CSS-ToolsClippy
CSS-clip-path-Generator für eigene Formen.
Besuchen →
BarrierefreiheitWebAIM
Ressourcen, Schulungen und Prüftools für Web-Barrierefreiheit.
Besuchen →
BarrierefreiheitThe A11Y Project
Community-Projekt, das digitale Barrierefreiheit einfacher macht.
Besuchen →
BarrierefreiheitWCAG 2.1 Guidelines
Die offiziellen W3C-Richtlinien für barrierefreie Webinhalte.
Besuchen →
BarrierefreiheitAxe DevTools
Tool für automatisierte Barrierefreiheitstests.
Besuchen →
DesignsystemeDesign Systems Repo
Sammlung von Designsystemen, Styleguides und Pattern Libraries.
Besuchen →
DesignsystemeStorybook
UI-Entwicklungsumgebung zum Bauen von Komponentenbibliotheken.
Besuchen →
DesignsystemeDesign Tokens Community
Community und Spezifikation zur Standardisierung von Design Tokens.
Besuchen →
InspirationDribbble
Design-Community zum Teilen und Entdecken kreativer Arbeiten.
Besuchen →
InspirationAwwwards
Auszeichnungen für das beste Webdesign und die beste Webentwicklung.
Besuchen →
InspirationMobbin
Echte Mobile- und Webdesign-Referenzen.
Besuchen →
InspirationGodly
Kuratierte Sammlung der besten Webdesign-Inspiration.
Besuchen →
InspirationSaaS Landing Page
Sammlung der besten SaaS-Landingpage-Designs.
Besuchen →
Design-Assets von jeder Website extrahieren
Mit der Chrome-Erweiterung von MiroMiro extrahierst du CSS, Farben, Schriftarten, Bilder, SVGs und Lottie-Animationen von jeder Live-Website.