Kreative Links
Der Anfang ist immer Inspiration!
01 · 8 Links
Die Crème de la Crème
Wenn du wissen willst, was technisch und visuell derzeit an der Grenze des Machbaren liegt, dann schau hier vorbei.
- AwwwardsDie Goldstandard-Plattform für High-End Design und prestigeträchtige Awards.awwwards.com
- SiteinspireHochwertig kuratiertes Webdesign ohne viel Schnickschnack.siteinspire.com
- The FWAHier findest du die experimentellsten und innovativsten Web-Erlebnisse weltweit.thefwa.com
- RecentEine ausgezeichnete Sammlung für moderne UI und flüssige Animationen.recent.design
- HttpsterFokus auf Typografie-Trends und edgy Web-Styles.httpster.net
- itsnicethatEin ordentliches Stück über den Tellerrand, aber umso schöner!itsnicethat.com
- D and AdKreative Exzellenz in Design und Werbung.dandad.org
- CSS Design AwardsAuszeichnungen für herausragendes Webdesign und die Arbeit talentierter Entwickler.cssdesignawards.com
02 · 8 Links
UX-Logik, App-Screens und Patterns
Diese Quellen helfen dir, komplexe User Flows und Mobile-Patterns zu verstehen.
- MobbinDie wohl beste Bibliothek für Mobile & Web App UX und echte App-Screenshots.mobbin.com
- ReferoEine riesige Sammlung von UI-Design-Patterns für fast jeden Anwendungsfall.refero.design
- PageflowsHier kannst du echte User-Flows und Interaktionen in Videoform analysieren.pageflows.com
- ScreenlaneEine Galerie für App- und Web-Screenshots, ideal für das Benchmarking.screenlane.com
- SubstratumFokus auf modernstes Interface Design und Systematik.substratum.app
- Navbar GallerySpezielle Inspiration nur für Header- und Menü-Strukturen.navbar.gallery
- Design SpellsMagische Design-Details.designspells.com
- Footer.designGalerie für Footer – nicht mehr und nicht weniger.footer.design
03 · 5 Links
Marketing und Landingpages
Diese Seiten zeigen dir, wie modernes Marketing-Design aussieht.
- Lapa NinjaSpezialisiert auf Landingpages und SaaS-Produkte.lapa.ninja
- Land-bookEine klassische Galerie für hochwertige Marketing-Seiten.land-book.com
- One Page LoveDie beste Adresse für Single-Page-Layouts und Einseiter.onepagelove.com
- SupaheroWenn du Inspiration für den perfekten „Hero-Sektor“ deiner Seite brauchst.supahero.io
- OG Image GalleryInspiration für Social Media Previews (Open-Graph-Bilder).ogimage.gallery
04 · 6 Links
Minimalismus und Struktur
Diese Galerien feiern die Klarheit und das reduzierte Design.
- Minimal GalleryEine kuratierte Auswahl für Liebhaber des minimalistischen Webdesigns.minimal.gallery
- SiiimpleFokus auf extrem reduzierte und saubere Layouts.siiimple.com
- Curated.designEine Galerie für saubere, moderne Web-Ästhetik.curated.design
- Site of SitesKompakte und punktgenaue Web-Inspiration.siteofsites.co
- Brutalist WebsitesFür alle, die es roh, unangepasst und mutig mögen.brutalistwebsites.com
- Afresh WebsiteFrische, unverbrauchte Web-Layouts abseits des Mainstreams.a-fresh.website
05 · 6 Links
Communities und Kreativ-Hubs
Die Klassiker.
- BehanceDie größte Community für kreative Portfolios weltweit.behance.net
- DribbblePerfekt für kleine Design-Snapshots, Icons und schnelle Trends.dribbble.com
- MuzliEin Aggregator, der dir täglich frische Design-News direkt in den Browser liefert.muz.li
- Inspiration GridEin Online-Magazin für visuelle Inspiration aus allen kreativen Disziplinen.inspirationgrid.com
- DesignspirationBesonders nützlich für die farbbasierte Bildsuche.designspiration.com
- Mindsparkle MagEin schickes Magazin für Design-Highlights.mindsparklemag.com
06 · 5 Links
Typografie, Branding und Details
Der Teufel steckt im Detail.
- TypewolfDie Bibel für Web-Typografie und Schriftkombinationen.typewolf.com
- Fonts In UseArchiv für Typografie, wie sie im echten Leben (analog & digital) eingesetzt wird.fontsinuse.com
- The Brand IdentityAlles rund um Grafikdesign und Branding-Fokus.the-brandidentity.com
- Hoverstat.esEine Galerie, die sich auf Interaktionen und Hover-Effekte spezialisiert.hoverstat.es
- OchiInspiration für visuelle Präsentationen und Storytelling.ochi.design
07 · 4 Links
Website-Sections und Patterns
Kuratierte Galerien echter Websites – ideal für Moodboards und Pattern-Recherche.
- UnsectionKuratierte Sammlung von Website-Sections (Hero, Features, Pricing, FAQ, Footer …), filterbar nach Section-Typ, Stil und Branche.unsection.com
- CTA.galleryInspiration für Call-to-Action-Elemente: Buttons, Formulare, Newsletter, Pricing, Kontakt. Filterbar nach Branche und Hell/Dunkel.cta.gallery
- Bento GridsKuratierte Sammlung von Bento-Layouts (Kachel-Raster) aus Websites, Apps und Grafikdesign.bentogrids.com
- RipplixBibliothek mit über 7.000 UI-Animationen und Micro-Interactions aus mehr als 1.000 Apps und Websites – jeweils mit KI-Prompt zum Nachbauen (Cursor, Lovable, v0).ripplix.com
08 · 6 Links
UI-Komponenten und Kits
Fertige React- und Tailwind-Bausteine zum Kopieren – und Referenz für Interaktionen.
- Aceternity UIReact- und Tailwind-Bibliothek mit auffälligen animierten Effekten (Spotlight, 3D-Karten, Hintergründe) und fertigen Landingpage-Blöcken. Copy-Paste-Code, auch per MCP für KI-Agenten.ui.aceternity.com
- 21st.devMarktplatz mit über 12.000 React/Tailwind-Komponenten, Templates und shadcn-Themes von Design Engineers. Live-Vorschau, Installation mit einem Befehl.21st.dev
- Kokonut UIKostenlose Open-Source-Komponenten für React, Tailwind und Motion (shadcn-kompatibel). Per CLI installierbar, direkt nutzbar aus Claude Code oder Cursor.kokonutui.com
- React Bits – Magic BentoSammlung animierter React-Komponenten, Texteffekte und Hintergründe. „Magic Bento“ ist ein Bento-Grid mit Glow-, Tilt- und Partikel-Effekten, live konfigurierbar.reactbits.dev
- ComponentryAnimierte React-Komponenten (Tailwind, TypeScript, Framer Motion) mit eingebautem Styling und Motion, z. B. Spectral Ribbon, Liquid Glass, Image Ripple.componentry.dev
- HorizonXKostenpflichtige Bibliothek (Abo) mit UI-Kits, Komponenten, Texturen, Shadern, Mockups und Figma-Dateien für Vibe-Coding-Projekte.horizonx.so
09 · 7 Links
WebGL, Shader und 3D
Für Hero-Visuals und räumliche Effekte.
- Unicorn StudioNo-Code-Tool für interaktive WebGL-Grafiken: Ebenen mit Shadern, Effekten und Animationen kombinieren und in Websites einbetten (Webflow, Framer, Code).unicorn.studio
- Spline3D-Design-Tool im Browser: Szenen modellieren, animieren und interaktiv machen. Export als Web-Embed, Code oder Video, mit Beispielbibliothek zum Remixen.spline.design
- Originkit – ChromafluxBibliothek mit WebGL-Hintergründen, Sections und Templates. Farben, Tempo und Hover im Editor anpassen, dann den Code übernehmen.originkit.dev
- Figma Shader „Moving Blobs“Shader-Effekt aus der Figma Community: animiertes Rauschen, das Bilder verzerrt (Brechung, Verschiebung, Wölbung, Farbverschiebung). Direkt in Figma anwendbar.figma.com
- AI Particle Simulator3D-Partikel-Simulator im Browser: Formen als Partikelschwarm darstellen (z. B. eine Kugel), Parameter und Farben anpassen und exportieren.particles.casberry.in
- React Three Fiber – ExamplesReact-Renderer für Three.js: 3D-Szenen als React-Komponenten bauen. Beispielgalerie mit Live-Demos und Code.r3f.docs.pmnd.rs
- pmndrs – Scroll & Lens RefractionDemo aus der pmndrs-Sammlung: scrollgesteuerte Bildergalerie mit einer Glaslinse, die das Bild bricht. Vorlage für scrollbasierte 3D-Effekte.pmndrs.github.io
10 · 3 Links
Animation und Scroll
Code-Bibliotheken als technische Grundlage für Bewegung auf Websites.
- GSAP – ShowcaseWeit verbreitete JavaScript-Animationsbibliothek (inkl. ScrollTrigger und SplitText, kostenlos). Der Showcase zeigt preisgekrönte Websites, die damit gebaut wurden.gsap.com
- Anime.jsLeichtgewichtige JavaScript-Animations-Engine für CSS, SVG und DOM mit Timelines, Easing und Stagger. Doku mit Live-Beispielen.animejs.com
- Lenis – ShowcaseSmooth-Scroll-Bibliothek von darkroom.engineering. Der Showcase sammelt Websites mit herausragenden Scroll-Erlebnissen.lenis.dev
11 · 4 Links
Motion Design und KI-Kreativtools
Animationen, Videos und Bilder erstellen – ganz ohne Code.
- JitterBrowserbasiertes Motion-Design-Tool (ähnlich Figma) für UI-Animationen, Social Clips und Produktvideos. Export als MP4, GIF oder Lottie, inzwischen mit KI.jitter.video
- SwishyKI-Motion-Designer: Animationen, animierte Typo und Motion Graphics per Prompt, ganz ohne After Effects. Export als MP4, MOV oder GIF.swishy.ai
- LumaKI-Plattform für Video und Bild (Dream Machine): erzeugt Clips und Bilder aus Text oder Bildern, inzwischen mit Agenten für kreative Arbeit.lumalabs.ai
- ManusAutonomer KI-Agent, der Aufgaben selbstständig erledigt: recherchieren, Websites bauen, Präsentationen und Dateien erstellen.manus.im
12 · 4 Links
KI-Prompts und Agent-Skills
Vorlagen und Regeln, mit denen KI-Tools bessere Frontends bauen.
- sitereelWebsite-Inspiration mit interaktiven Vorschauen und kopierbaren KI-Prompts (Portfolio, Produkt, Luxus, Landingpage).sitereel.ai
- MotionSites AIPremium-Prompts für animierte Websites: Template aussuchen, Prompt kopieren und mit KI-Tools nachbauen. Mit Hintergründen und Effekt-Bibliothek.motionsites.ai
- Taste SkillOpen-Source-Skill-Dateien für Claude Code, Cursor, Codex und andere, die KI-Agenten von generischem Frontend-Design wegbringen. Installation per npx.tasteskill.dev
- Prompt MotionSammlung von Motion-Videos, die mit Claude Opus 5.5 entstanden sind – samt den Prompts und Skills dahinter. Filterbar nach Themen wie Product UI, Kinetic Type, Partikel oder Musik.prompt-motion.com
13 · 2 Links
Wissen und Branding
Hintergrundlektüre zu Interface-Qualität und ein Test für Logos.
- InterfacesDesign-Engineering-Magazin über großartige Interfaces: Animation, Typografie, Layout und Farbe, mit interaktiven Beispielen.interfaces.dev
- SymblLogo-Test: Bildmarke hochladen und prüfen, wie sie in jeder Größe funktioniert – vom Favicon bis zur Plakatwand. Lesbarkeit, Kontrast, visuelles Gewicht.symbl.space
14 · 8 Links
Organisation, Kuratierung und Moodboarding
Inspiration zu finden ist das eine – sie zu behalten das andere.
- MilanoteVisuelle Projektplanung und Moodboarding in einem.Unser Über-Tool überhaupt. Moodboards, Ideen, digitale Workshops – wir machen ALLES damit und ❤️ es!milanote.com
- CosmosEin modernes, ästhetisches „Pinterest“ für Designer.cosmos.so
- SaveeEin Tool, um Bilder effizient zu sammeln und zu kuratieren.savee.it
- NiiceIdeal für Marken-Moodboards und Team-Kollaboration.niice.co
- EagleEine mächtige Desktop-App zur Verwaltung deiner eigenen Bild- und Asset-Library.eagle.cool
- MymindKI-basiertes Merken von Inhalten, ohne sie manuell sortieren zu müssen.mymind.com
- FabricEin intelligenter digitaler Wissensspeicher für all deine Fundstücke.fabric.so
- Same EnergyEine visuelle Suchmaschine, die auf KI basiert und ähnliche Stimmungen findet.same.energy
In all diesen Websites steckt viel Liebe und Handarbeit. Ich hoffe, dass sie weiter gepflegt werden und nicht das Schicksal von Pinterest, Instagram und Co. erleiden. Inspiration bedeutet für mich, gewohnte Wege zu verlassen, neue Dinge zu kombinieren und das Auge auf eine Reise zu schicken.