{"id":87218,"url":"https://github.com/noobnooc/awesome-design-dev","name":"awesome-design-dev","description":"🧑‍💻 Curate awesome design assets for developers","projects_count":92,"last_synced_at":"2026-08-02T22:00:23.937Z","repository":{"id":285953882,"uuid":"957962841","full_name":"noobnooc/awesome-design-dev","owner":"noobnooc","description":"🧑‍💻 Curate awesome design assets for developers","archived":false,"fork":false,"pushed_at":"2026-03-15T09:23:46.000Z","size":4293,"stargazers_count":88,"open_issues_count":1,"forks_count":6,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-07-11T18:22:45.854Z","etag":null,"topics":["awesome","awesome-design","awesome-list","design","developer-tools","development"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/noobnooc.png","metadata":{"files":{"readme":"README.de.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-03-31T12:21:42.000Z","updated_at":"2026-06-24T11:25:53.000Z","dependencies_parsed_at":"2025-04-03T15:03:59.646Z","dependency_job_id":"47a7ee45-d06a-4980-819e-a06ca3d7d90f","html_url":"https://github.com/noobnooc/awesome-design-dev","commit_stats":null,"previous_names":["noobnooc/awesome-design-dev"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/noobnooc/awesome-design-dev","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noobnooc%2Fawesome-design-dev","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noobnooc%2Fawesome-design-dev/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noobnooc%2Fawesome-design-dev/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noobnooc%2Fawesome-design-dev/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/noobnooc","download_url":"https://codeload.github.com/noobnooc/awesome-design-dev/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noobnooc%2Fawesome-design-dev/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":36210049,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-07-20T02:08:10.276Z","status":"online","status_checked_at":"2026-08-02T02:00:06.915Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2025-04-04T03:18:21.571Z","updated_at":"2026-08-02T22:00:23.937Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Fotografie","UI-Bibliotheken","Werkzeuge","Schriftarten","Icons","Vorlagen","UI Libraries","Illustrations","Illustrationen","Fonts","Tools","Communities","Farben","Bücher"],"sub_categories":[],"readme":"# Großartige Design-Assets für Entwickler ![Awesome](https://awesome.re/badge.svg)\n\n![Banner](banner.svg)\n\nAuch verfügbar in: [English](README.md) | [中文](README.zh.md) | [Español](README.es.md) | [Français](README.fr.md) | [日本語](README.ja.md)\n\n## Inhalt\n\n- [UI-Bibliotheken](#ui-bibliotheken)\n- [Icons](#icons)\n- [Illustrationen](#illustrationen)\n- [Vorlagen](#vorlagen)\n- [Fotografie](#fotografie)\n- [Schriftarten](#schriftarten)\n- [Farben](#farben)\n- [Werkzeuge](#werkzeuge)\n- [Bücher](#bücher)\n- [Communities](#communities)\n\n## UI-Bibliotheken\n\n- [Shadcn](https://ui.shadcn.com) - Ein Set wunderschön gestalteter, barrierefreier Komponenten und eine Code-Verteilungsplattform. Funktioniert mit Ihren Lieblings-Frameworks.\n- [Radix UI](https://www.radix-ui.com/) - Eine Open-Source-Komponentenbibliothek, optimiert für schnelle Entwicklung, einfache Wartung und Barrierefreiheit.\n- [Magic UI](https://magicui.design) - Über 150 kostenlose und Open-Source-animierte Komponenten und Effekte, erstellt mit React, TypeScript, Tailwind CSS und Motion.\n- [Aceternity UI](https://ui.aceternity.com) - Kopieren Sie die trendigsten Komponenten und verwenden Sie sie in Ihren Websites, ohne sich über Styling und Animationen Gedanken machen zu müssen.\n- [Cult UI](https://www.cult-ui.com) - Gebrauchsfertige Komponenten für Ihre React-Apps. Shadcn-kompatibel. Mit Tailwindcss gestylt. Kopieren und einfügen, Open Source, typisiert.\n- [Animata](https://animata.design) - Handgefertigte Interaktionsanimationen und Effekte aus dem Internet zum Kopieren und Einfügen in Ihr Projekt.\n- [Headless UI](https://headlessui.com) - Vollständig ungestylte, vollständig barrierefreie UI-Komponenten, entworfen für schöne Integration mit Tailwind CSS.\n- [Uiverse](https://uiverse.io) - Community-erstellte Bibliothek von UI-Elementen. Kopieren als HTML/CSS, Tailwind, React und Figma.\n- [Neobrutalism](https://www.neobrutalism.dev) - Eine Sammlung von Neobrutalism-gestylten Komponenten basierend auf shadcn/ui.\n- [Origin UI](https://originui.com) - Schöne UI-Komponenten erstellt mit Tailwind CSS und React.\n- [blocks.so](https://blocks.so) - Ein Set sauberer, moderner Bausteine zum Kopieren und Einfügen in Ihre Apps. Funktioniert mit allen React-Frameworks.\n- [daisyUI](https://daisyui.com) - daisyUI ist das Tailwind CSS-Plugin, das Sie lieben werden! Es bietet nützliche Komponenten-Klassennamen, die Ihnen helfen, weniger Code zu schreiben und schneller zu entwickeln.\n- [Preline](https://preline.co) - Eine Open-Source Tailwind CSS-Komponentenbibliothek für alle Bedürfnisse. Kommt mit UI-Beispielen \u0026 Blöcken, Vorlagen, Plugins, Figma-Designsystem und mehr.\n- [Mantine](https://mantine.dev) - Eine vollständige React-Komponentenbibliothek mit TypeScript-Unterstützung, Themensystem und mächtigen Hooks.\n- [Ant Design](https://ant.design) - Eine Unternehmens-UI-Designsprache und React UI-Bibliothek mit dutzenden hochwertigen Komponenten.\n- [Chakra UI](https://chakra-ui.com) - Eine einfache, modulare und barrierefreie Komponentenbibliothek für React-Anwendungen.\n- [HeroUI](https://www.heroui.com) - Schöne, schnelle und moderne React UI-Bibliothek mit TypeScript-Unterstützung und integriertem Dark Mode.\n- [Untitled UI](https://www.untitledui.com/react) - Die weltweit größte Open-Source-Sammlung von React-Komponenten, gebaut mit Tailwind CSS und React Aria für pixelgenaue, barrierefreie Oberflächen.\n\n## Icons\n\n- [Lucide](https://lucide.dev/) - Schöne \u0026 konsistente Icons, von der Community erstellt.\n- [Phosphor Icons](https://phosphoricons.com) - Eine flexible Icon-Familie für Benutzeroberflächen, Diagramme, Präsentationen — wirklich alles.\n- [Tabler Icons](https://tabler.io/icons) - Kostenlose und Open-Source-Icons, entworfen um Ihre Website oder App attraktiv, visuell konsistent und einfach schön zu machen.\n- [Heroicons](https://heroicons.com) - Schöne handgefertigte SVG-Icons von den Machern von Tailwind CSS.\n- [Remix Icon](https://remixicon.com) - Open-Source neutrale System-Symbole, sorgfältig für Designer und Entwickler entworfen. Alle Icons sind kostenlos für persönliche und kommerzielle Nutzung.\n- [Simple Icons](https://simpleicons.org) - Über 3k SVG-Icons für beliebte Marken.\n- [React Icons](https://react-icons.github.io/react-icons/) - Fügen Sie beliebte Icons einfach in Ihre React-Projekte mit react-icons ein.\n- [Icônes](https://icones.js.org) - Icon-Explorer mit sofortiger Suche.\n- [The Thiings Collection](https://www.thiings.co) - Eine wachsende Sammlung von über 5000 kostenlosen 3D-Icons, generiert mit KI. Perfekt für Designer und kreative Projekte.\n- [Isocons](https://www.isocons.app) - Isometrische Icons für Ihre Produkte, Projekte, Poster und Präsentationen.\n- [lucide-animated](https://lucide-animated.com) - Schön gestaltete animierte Icons.\n- [macOS Icon Gallery](https://www.macosicongallery.com) - Eine Sammlung von macOS-Icons.\n- [Nucleoapp](https://nucleoapp.com) - 💵 Über 44k Premium-Qualität SVG-Icons, regelmäßig für UIs, Präsentationen und Druckprojekte aktualisiert.\n- [Iconoir](https://iconoir.com) - Über 1600 kostenlose, quelloffene SVG-Icons für SVG, Font, React, React Native, Flutter, Figma und Framer.\n\n## Illustrationen\n\n- [Artvee](https://artvee.com) - Durchsuchen und laden Sie hochauflösende Public Domain-Gemälde, Poster und Illustrationen herunter.\n- [Notioly](https://notioly.com) - Notioly ist eine Sammlung von über 200 Notion-Style-Illustrationen, vollständig anpassbar in SVG und monatlich mit neuen Designs aktualisiert.\n- [vectorCraftr](https://vectorcraftr.com) - Alle Illustrationen sind kostenlos für kommerzielle Nutzung.\n- [unDraw](https://undraw.co) - Open-Source-Illustrationen für jede Idee, die Sie sich vorstellen und erstellen können.\n- [Unsplash Illustrations](https://unsplash.com/illustrations) - Die Internet-Quelle für Visuals. Angetrieben von Creators überall.\n- [DrawKit](https://www.drawkit.com) - 💵 Handgezeichnete 2D \u0026 3D Illustrationen, Icons und Animationen. Perfekt für Ihr nächstes Projekt. Alles an einem Ort.\n- [Storyset](https://storyset.com) - Großartige kostenlose anpassbare Illustrationen für Ihr nächstes Projekt.\n- [Shapefest](https://shapefest.com) - 💵 Über 100K transparente PNG-Bilder schöner 3D-Objekte.\n- [Blush](https://blush.design) - Kostenlose anpassbare Illustrationen mit Figma-Plugin. Erstellen, bearbeiten und verwenden Sie Illustrationen in Ihren Designs.\n- [Open Peeps](https://www.openpeeps.com) - Eine handgezeichnete Illustrationsbibliothek zum Erstellen von Szenen mit Menschen. Sie können sie in Produktillustration, Marketing, Comics und mehr verwenden.\n\n## Vorlagen\n\n- [Tailwind Plus](https://tailwindcss.com/plus) - 💵 Schön gestaltete, fachmännisch gefertigte Komponenten und Vorlagen, erstellt von den Machern von Tailwind CSS.\n- [Aceternity Template](https://pro.aceternity.com/templates) - 💵 Moderne und minimalistische Vorlagen für Ihr nächstes Produkt. Erstellt mit React, NextJS, TailwindCSS, Framer Motion und TypeScript.\n- [Shuffle](https://shuffle.dev/) - 💵 Erstellen Sie einfach Landingpages, Dashboards und E-Commerce-Vorlagen.\n- [Preline](https://preline.co) - 💵 Eine Open-Source Tailwind CSS-Komponentenbibliothek für alle Bedürfnisse. Kommt mit UI-Beispielen \u0026 Blöcken, Vorlagen, Plugins, Figma-Designsystem und mehr.\n\n## Fotografie\n\n- [Unsplash](https://unsplash.com) - Die Internet-Quelle für Visuals. Angetrieben von Creators überall.\n- [Pexels](https://www.pexels.com) - Die besten kostenlosen Stock-Fotos, lizenzfreien Bilder \u0026 Videos geteilt von Creators.\n- [Pixabay](https://pixabay.com) - Atemberaubende lizenzfreie Bilder \u0026 lizenzfreier Stock.\n- [Burst by Shopify](https://burst.shopify.com) - Kostenlose Stock-Fotos für Websites und kommerzielle Nutzung. Laden Sie hochauflösende Bilder für Ihr nächstes Projekt herunter.\n- [StockVault](https://www.stockvault.net) - Kostenlose Stock-Fotos, Grafiken und Videos. Hochwertige Bilder für Ihre kreativen Projekte.\n- [Life of pix](https://www.lifeofpix.com) - Kostenlose hochauflösende Fotografie.\n- [BARNIMAGES](https://barnimages.com) - Kostenlose hochauflösende Bilder für alle.\n- [Little Visuals](https://littlevisuals.co) - Kostenlose, hochauflösende Bilder. Verwenden Sie sie, wie Sie wollen - kostenlos für kommerzielle Nutzung.\n- [UI Faces](https://uifaces.co) - Kostenlose KI-generierte Avatare für Ihre kreativen Projekte.\n- [Deposit Photos](https://depositphotos.com) - 💵 Lizenzfreie Stock-Fotos, Vektorbilder, Videos und Musik.\n- [Freepik](https://www.freepik.com) - 💵 Millionen kostenloser Vektoren, PSD-Dateien, Fotos und KI-generierter Bilder. Premium-Ressourcen für Ihre kreativen Projekte.\n\n## Schriftarten\n\n- [Google Fonts](https://fonts.google.com) - Eine Bibliothek von über 1000 kostenlosen lizenzierten Schriftfamilien und APIs für bequeme Nutzung über CSS und Android.\n- [Inter](https://rsms.me/inter/) - Eine variable Schriftfamilie für Text-Benutzeroberflächen.\n- [Labor and Wait](https://www.laborandwait.xyz) - 💵 Kaufen Sie kuratierte Qualitätsprodukte und Waren.\n- [I Love Typography](https://fonts.ilovetypography.com) - 💵 Kaufen Sie kuratierte Qualitätsschriften von unabhängigen Schriftgießereien.\n- [T26](https://www.t26.com) - 💵 Kaufen Sie gut gestaltete Schriften.\n- [Klim](https://klim.co.nz) - 💵 Kaufen Sie kuratierte Qualitätsschriften von unabhängigen Schriftgießereien.\n\n## Farben\n\n- [Coolors.co](https://coolors.co) - Der super schnelle Farbpaletten-Generator! Generieren, speichern und teilen Sie perfekte Paletten in Sekunden.\n- [Adobe Color](https://color.adobe.com) - Erstellen Sie Farbthemen und -paletten oder durchsuchen Sie tausende Farbkombinationen aus der Color-Community.\n- [Tailwind Colors](https://tailwindcss.com/docs/customizing-colors) - Ein umfassendes Farbsystem mit sorgfältig gestalteten Paletten vom Tailwind CSS-Team.\n- [HyperColor](https://hypercolor.dev) - Eine kuratierte Sammlung schöner Tailwind CSS-Verläufe mit der vollen Palette der Tailwind CSS-Farben.\n- [Color Hunt](https://colorhunt.co) - Farbpaletten für Designer und Künstler.\n- [Color Lisa](https://colorlisa.com) - Farbpaletten-Meisterwerke von den größten Künstlern der Welt.\n- [Brand Colors](https://brandcolors.net) - Die größte Sammlung offizieller Markenfarb-Codes.\n- [The day's color](https://www.thedayscolor.com) - Der tägliche Farb-Digest.\n- [Color Drop](https://colordrop.io) - Farbpaletten-Tool für Kreative, um Inspiration für Designs oder Projekte zu erhalten, an denen sie arbeiten.\n- [Realtime Colors](https://www.realtimecolors.com) - Sehen Sie Ihre Farbpalette und Schriftwahl live auf einer echten Website-Oberfläche, mit sofortiger Kontrastprüfung und CSS/Tailwind-Export.\n\n## Werkzeuge\n\n- [Penpot](https://penpot.app) - Penpot ist das webbasierte Open-Source-Design-Tool, das Designer und Entwickler verbindet.\n- [Shots](https://shots.so) - Erstellen Sie erstaunliche Mockups in Sekunden.\n- [Rive](https://rive.app) - Ein neuer Weg, Benutzeroberflächen zu entwerfen, zu erstellen und zu versenden.\n- [Lottielab](https://www.lottielab.com) - Das Motion-Design-Tool für Produktteams.\n- [Notion Avatar Maker](https://notion-avatar.app) - Erstellen von Notion-Style-Avataren.\n- [Rotato](https://rotato.app) - 💵 3D-Mockup-Bilder und Filme in Minuten.\n- [Spline](https://spline.design) - 💵 Ein Ort zum Entwerfen und Zusammenarbeiten in 3D.\n- [Shuffle](https://shuffle.dev/) - 💵 Erstellen Sie einfach Landingpages, Dashboards und E-Commerce-Vorlagen.\n- [Framer](https://www.framer.com) - 💵 Der von Designern geliebte Website-Builder.\n- [Figma](https://www.figma.com) - 💵 Ein kollaboratives Interface-Design-Tool.\n- [Sketch](https://www.sketch.com) - 💵 Ein Toolkit von Designern für Designer, das den Fokus auf Sie und Ihre Arbeit legt.\n- [Canva](https://www.canva.com) - 💵 Erstellen Sie mühelos atemberaubende Designs mit Canvas Drag \u0026 Drop-Funktion und professionellen Layouts.\n- [InVision](https://www.invisionapp.com) - 💵 Digitale Produktdesign-Plattform für die weltbesten Benutzererfahrungen.\n\n## Bücher\n\n- [The Book of Shaders](https://thebookofshaders.com) - Dies ist eine sanfte Schritt-für-Schritt-Anleitung durch das abstrakte und komplexe Universum der Fragment-Shader.\n- [Refactoring UI](https://www.refactoringui.com) - 💵 Lassen Sie Ihre Ideen großartig aussehen, ohne auf einen Designer angewiesen zu sein.\n\n## Communities\n\n- [21st.dev](https://21st.dev) - Eine Community von Design-Ingenieuren, um ihre Arbeit zu teilen.\n- [Uiverse](https://uiverse.io) - Community-erstellte Bibliothek von UI-Elementen. Kopieren als HTML/CSS, Tailwind, React und Figma.\n- [Sketchfab](https://sketchfab.com) - Sketchfab ist eine 3D-Asset-Website zum Veröffentlichen, Teilen, Entdecken, Kaufen und Verkaufen von 3D-, VR- und AR-Inhalten.\n- [Pinterest](https://pinterest.com) - Eine visuelle Such- und Entdeckungsplattform, wo Menschen Inspiration finden, Ideen kuratieren und Produkte kaufen—alles an einem positiven Ort online.\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/noobnooc%2Fawesome-design-dev/projects"}