Live-Index422 Tools17 Bereiche132 PersonenUnterstützt von Motionsites

Design- & Frontend-Tools, handverlesen.

UI-Komponentenbibliotheken, Animationstools, KI-Coding-Agents, Icon-Sets und Inspirationsgalerien – für alle, die im Code gestalten. Fahr mit der Maus über einen Frame, um ihn in Bewegung zu sehen; drück Space.Scroll, um jeden Frame in Bewegung zu sehen; tipp einen an, um ihn genauer zu betrachten.

422 Tools · 17 Bereiche · 5 Hubs

Der vollständige Index

Alle Tools, nach Hub und Bereich gruppiert. Filtere beim Tippen oder spring über die Ebenen-Leiste zu einem Bereich.

422 Tools

Inspiration

Galerien für Webdesign-Inspiration

78Bereichsseite

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.

Interface-Design-Tools und UI-Labs

11Bereichsseite

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.

Webdesign-Ressourcen: Blogs, Bücher und Kurse

33Bereichsseite

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.

Komponenten

React-UI-Komponenten-Bibliotheken

109Bereichsseite

ForgeUI preview

ForgeUIKomponenten-BibliothekenAnimierte React- und Tailwind-Komponenten sowie fertige Templates, um Interfaces schneller zu bauen.

RewampUI preview

RewampUIKomponenten-BibliothekenEin Dashboard, das fertige UI-Komponenten zeigt, die du durchstöbern und wiederverwenden kannst.

shadcn/ui preview

shadcn/uiKomponenten-BibliothekenUI-Komponenten, die du direkt in deine eigene Codebasis kopierst, anstatt sie als Paket zu installieren.

Base UI preview

Base UIKomponenten-BibliothekenUngestylte, stylefertige Komponenten-Primitive von den Machern von Radix und MUI.

Radix preview

RadixKomponenten-BibliothekenBarrierefreie, ungestylte UI-Primitive, die du beim Bau von React-Interfaces frei stylen kannst.

21st.dev preview

21st.devKomponenten-BibliothekenEin Community-Registry im shadcn-Stil, in dem du Komponenten interaktiv vorab testest, bevor du sie hinzufügst.

motion-primitives.com

Motion Primitives preview

Motion PrimitivesKomponenten-BibliothekenAnimierte React-Komponenten auf Basis der Motion-Bibliothek, um Interfaces Bewegung zu verleihen.

React Bits preview

React BitsKomponenten-BibliothekenEine Sammlung animierter, kreativer Komponenten zum Einsetzen in deine React-Projekte.

component.gallery

Component Gallery preview

Component GalleryKomponenten-BibliothekenEine Referenz, die Komponenten über verschiedene Designsysteme hinweg zusammenträgt und vergleicht.

number-flow.barvian.me

NumberFlow preview

NumberFlowKomponenten-BibliothekenEine Komponente, die sich ändernde Zahlen flüssig animiert und über moderne Frameworks hinweg funktioniert.

fancycomponents.dev

Fancy Components preview

Fancy ComponentsKomponenten-BibliothekenVerspielte React-Komponenten, die physikbasierte Effekte für lebendigere Interaktionen nutzen.

opensourceui.in

Opensource UI preview

Opensource UIKomponenten-BibliothekenReact-UI-Komponenten und Geräte-Mockups zum Kopieren und direkten Einsetzen in Projekte.

ui.spectrumhq.in

Spectrum UI preview

Spectrum UIKomponenten-BibliothekenAusgefeilte UI-Komponenten, speziell für den Bau von SaaS-Websites gestaltet.

amicro.vercel.app

Amicro preview

AmicroKomponenten-BibliothekenLeichtgewichtige, sofort einsetzbare Primitive, um React-Interfaces mit Mikroanimationen zu versehen.

painterly.design-tools.workers.dev

Painterly preview

PainterlyKomponenten-BibliothekenKünstlerische, Canvas-basierte Ladeanimationen, als Komponenten für React verpackt.

Bencho preview

BenchoKomponenten-BibliothekenInteraktive UI-Blöcke, deren Physik du anpassen kannst, um genau einzustellen, wie sie sich anfühlen.

shadcnblocks.com

shadcnblocks preview

shadcnblocksKomponenten-BibliothekenTausende saubere, sofort einsetzbare Website-Blöcke, gebaut im shadcn-Stil.

blocks.so preview

blocks.soKomponenten-BibliothekenOpen-Source-Website-Blöcke, die du direkt über die Kommandozeile installierst.

8bitcn preview

8bitcnKomponenten-BibliothekenRetro-UI-Komponenten im 8-Bit-Stil, bereit zum Einsetzen in deine shadcn-Projekte.

Evil Charts preview

Evil ChartsKomponenten-BibliothekenAnimierte SVG-Diagrammkomponenten, gestaltet, um sich nahtlos in shadcn/ui-Projekte einzufügen.

coss ui preview

coss uiKomponenten-BibliothekenUI-Komponenten zum Kopieren, aufgebaut auf der Primitiv-Bibliothek Base UI.

Rare UI preview

Rare UIKomponenten-BibliothekenEine Sammlung markanter, animierter UI-Komponenten für den Bau von React-Interfaces.

beUI preview

beUIKomponenten-BibliothekenAnimierte React-Komponenten, gestylt mit Tailwind CSS für schnellere Interface-Arbeit.

butter-nav.vercel.app

Butter Nav preview

Butter NavKomponenten-BibliothekenEine Mega-Menü-Komponente, deren Layout sich beim Wechsel zwischen den Sektionen flüssig verwandelt.

Cult UI preview

Cult UIKomponenten-BibliothekenAnimierte React-Komponenten, angetrieben von Framer Motion für geschmeidige Interface-Bewegung.

daisyUI preview

daisyUIKomponenten-BibliothekenEine Bibliothek von Komponenten-Klassen, die Tailwind CSS für schnelleres Styling erweitert.

HeroUI preview

HeroUIKomponenten-BibliothekenEine moderne React-UI-Komponentenbibliothek, früher unter dem Namen NextUI veröffentlicht.

Kibo UI preview

Kibo UIKomponenten-BibliothekenEin Komponenten-Registry, bestückt mit Bausteinen, die auf den Bau von KI-Interfaces zugeschnitten sind.

Magic UI preview

Magic UIKomponenten-BibliothekenAnimierte UI-Komponenten, die speziell für den Aufbau von Landingpages gestaltet wurden.

ui.aceternity.com

Aceternity UI preview

Aceternity UIKomponenten-BibliothekenAngesagte animierte Komponenten und Hero-Sections für den Aufbau auffälliger Webseiten.

Animate UI preview

Animate UIKomponenten-BibliothekenBarrierefreie shadcn-Komponenten, die mit der Animationsbibliothek Motion zum Leben erweckt werden.

FlyonUI preview

FlyonUIKomponenten-BibliothekenSemantische Tailwind-CSS-Komponenten, einsatzbereit mit dem neuesten Tailwind v4.

TailGrids preview

TailGridsKomponenten-BibliothekenResponsive UI-Blöcke, mit denen sich Seiten in Tailwind CSS schnell zusammenstellen lassen.

Flowbite preview

FlowbiteKomponenten-BibliothekenEine umfangreiche Komponentenbibliothek, die für die Interface-Arbeit auf Tailwind CSS aufbaut.

HyperUI preview

HyperUIKomponenten-BibliothekenKostenlose, quelloffene UI-Komponenten, die du in deine Tailwind-CSS-Projekte kopieren kannst.

Preline UI preview

Preline UIKomponenten-BibliothekenTailwind-CSS-Komponenten, die sich zum Aufbau komplexer Dashboard-Oberflächen eignen.

Float UI preview

Float UIKomponenten-BibliothekenTailwind-CSS-Komponenten für das Zusammenstellen von Seiten auf Marketing-Websites.

Meraki UI preview

Meraki UIKomponenten-BibliothekenTailwind-CSS-Komponenten, die von Haus aus Sprachen mit Schreibrichtung von rechts nach links unterstützen.

Tremor preview

TremorKomponenten-BibliothekenEin modulares Set aus React-Komponenten für den Aufbau vollständiger Dashboard-Oberflächen.

Headless UI preview

Headless UIKomponenten-BibliothekenUngestylte, barrierefreie UI-Komponenten, entwickelt vom Team bei Tailwind Labs.

Base CN preview

Base CNKomponenten-BibliothekenBase-UI-Primitive, neu verpackt, damit sie sich nahtlos in den shadcn-Komponenten-Workflow einfügen.

Easy UI preview

Easy UIKomponenten-BibliothekenEine Copy-and-paste-Komponentenbibliothek, mit der sich Oberflächen schnell zusammensetzen lassen.

Eldora UI preview

Eldora UIKomponenten-BibliothekenAnimierte UI-Komponenten, zugeschnitten auf den schnellen Aufbau von Web-Landingpages.

velora.colorlib.com

Velora UI preview

Velora UIKomponenten-BibliothekenEin kostenloses Set aus Tailwind-CSS-Komponenten und vorgefertigten Seitenabschnitten zur Wiederverwendung.

Watermelon UI preview

Watermelon UIKomponenten-BibliothekenEine React-Komponentenbibliothek, die sich in das shadcn-Ökosystem einfügt.

beautifului.dev

Beautiful UI preview

Beautiful UIKomponenten-BibliothekenAusgefeilte Copy-and-paste-UI-Komponenten für das Frontend von Web-Apps.

Hexter UIKomponenten-BibliothekenEine aufgeräumte, saubere Sammlung von Komponenten für den Einsatz in deinen shadcn-Projekten.

Lightswind preview

LightswindKomponenten-BibliothekenTailwind-CSS-Komponenten mit Licht- und Glüheffekten für eine herausstechende UI.

Reverse UI preview

Reverse UIKomponenten-BibliothekenEine Komponentenbibliothek für den Aufbau von Oberflächen mit React und Tailwind CSS.

Smooth UI preview

Smooth UIKomponenten-BibliothekenBewegungsreiche React-Komponenten, die du direkt in deine eigenen Projekte kopieren kannst.

Tailark preview

TailarkKomponenten-BibliothekenTailwind-CSS-Seitenabschnitte und -Komponenten für den Aufbau von Marketing-Sites.

UI Layouts preview

UI LayoutsKomponenten-BibliothekenGanzseitige Layouts und Hero-Sections, bereit zum Zusammenstellen mit Tailwind CSS.

Kokonut UI preview

Kokonut UIKomponenten-BibliothekenKreative, interaktive UI-Komponenten, aufbereitet für das shadcn-Format.

Nex UI preview

Nex UIKomponenten-BibliothekenEine erweiterbare UI-Komponentenbibliothek für Teams, die moderne Startups aufbauen.

Ninja UI preview

Ninja UIKomponenten-BibliothekenLeichtgewichtige UI-Komponenten, die Websites schnell und ladefreudig halten sollen.

Sera UI preview

Sera UIKomponenten-BibliothekenReact-Komponenten, die sich direkt über das Kommandozeilen-Tool von shadcn installieren lassen.

Re UI preview

Re UIKomponenten-BibliothekenBarrierefreie UI-Komponenten, aufgebaut auf der Primitivbibliothek Base UI.

Syntax UI preview

Syntax UIKomponenten-BibliothekenAnimierte Copy-and-paste-UI-Komponenten für das schnelle Zusammenstellen von Landingpages.

shadcn-cssinjs.com

shadcn-cssinjs preview

shadcn-cssinjsKomponenten-Bibliothekenshadcn-Komponenten, überarbeitet für Projekte, die auf CSS-in-JS-Styling setzen.

transitions.dev

Transitions preview

TransitionsKomponenten-BibliothekenEin kuratiertes Set aus CSS-Übergangsrezepten und Easing-Kurven zur Wiederverwendung.

23rd preview

23rdKomponenten-Bibliothekenshadcn-artige Komponenten, die sich sowohl in React- als auch in Svelte-Projekten einsetzen lassen.

Oneko preview

OnekoKomponenten-BibliothekenEine Pixel-Art-Katze, die als Begleiter deinem Mauszeiger über die Seite folgt.

rolling.kitlangton.dev

Rolling Number preview

Rolling NumberKomponenten-BibliothekenEin React-Zahlenzähler, der seine Ziffern mit einem sanften Rolleffekt animiert.

Annnimate preview

AnnnimateKomponenten-BibliothekenProduktionsreife Motion-Komponenten, gebaut mit der Animationsbibliothek GSAP.

GetLayers preview

GetLayersKomponenten-BibliothekenEin Set aus KI-Prompts, die filmreife Seitenabschnitte für deine Site erzeugen.

Scritto preview

ScrittoKomponenten-BibliothekenEine Komponentenbibliothek für Textübergänge mit rollenden Zeichen, die du in deine UI einbinden kannst.

ogimagecn preview

ogimagecnKomponenten-BibliothekenKomponenten zum Erzeugen von Open-Graph-Bildern für Social-Media-Shares, angetrieben von Satori.

Dither Kit preview

Dither KitKomponenten-BibliothekenDiagramm-Komponenten, die mit geditherten Pixeln für eine retro, altmodische Ästhetik gerendert werden.

shieldcn preview

shieldcnKomponenten-BibliothekenREADME-Badges im Stil der shadcn-Ästhetik, um deine Projektdokumentation aufzuwerten.

unlumen UI preview

unlumen UIKomponenten-BibliothekenEine minimalistische React-Komponentenbibliothek, die du über ihre Kommandozeile installierst und einbindest.

Bearnie preview

BearnieKomponenten-BibliothekenEine Sammlung von UI-Komponenten für Astro, gestylt mit Tailwind CSS.

fluidfunctionalism.com

Fluid Functionalism preview

Fluid FunctionalismKomponenten-BibliothekenUI-Komponenten, deren Bewegung von zielgerichteten, physikbasierten Animationen getragen wird.

termcn preview

termcnKomponenten-BibliothekenReact-Komponenten für den Aufbau von Oberflächen im Terminal-Stil, angetrieben von Ink und OpenTUI.

framecn preview

framecnKomponenten-BibliothekenProgrammatisches Rendern von Videos für React-Projekte, angetrieben von Editframe.

emailcn preview

emailcnKomponenten-BibliothekenResponsive E-Mail-Komponenten, die mit React Email, MJML und JSX Email funktionieren.

startercn.vercel.app

startercn preview

startercnKomponenten-BibliothekenEin sofort forkbarer shadcn/ui-Registry-Starter mit Doku, Landingpage und Agent-Unterstützung.

pdfcn preview

pdfcnKomponenten-BibliothekenReact-Komponenten zum Erzeugen von PDF-Dokumenten, aufgebaut auf Takumi und Forme.

editorcn.vercel.app

editorcn preview

editorcnKomponenten-BibliothekenSofort einsetzbare Rich-Text-Bearbeitungs-UI für React-Apps, angetrieben vom Framework Tiptap.

shadcn-labs.com

Shadcn Labs preview

Shadcn LabsKomponenten-BibliothekenEine Sammlung quelloffener Registries und Tooling für das shadcn/ui-Ökosystem.

FramebloxKomponenten-BibliothekenModulare Abschnitte und Templates, die du in Framer zu kompletten Sites zusammensetzen kannst.

Nexvyn UIKomponenten-BibliothekenAusgefeilte, sofort einsetzbare UI-Komponenten für digitale Oberflächen und Apps.

gradient-spin.vercel.app

gradient-spin.vercel.app

Gradient SpinKomponenten-BibliothekenEine drehende, mit Verlauf gefüllte Lade-Anzeige-Komponente für React-Projekte.

Libraries.dev preview

Libraries.devKomponenten-BibliothekenEine Sammlung von UI-Effekten und -Komponenten, die für den Einsatz durch KI-Agenten gedacht sind.

Sona UI preview

Sona UIKomponenten-BibliothekenAnimierte React-Komponenten, die du in deine Codebasis kopierst und vollständig besitzt und umgestaltest.

text-effects.colorion.co

Colorion Text Effects preview

Colorion Text EffectsKomponenten-BibliothekenAnimierte Texteffekte, die du direkt in deine Oberfläche kopieren und einfügen kannst.

dotmatrix.zzzzshawn.cloud

Dot Matrix preview

Dot MatrixKomponenten-BibliothekenEin Set aus über fünfzig Ladeanimationen im Dot-Matrix-Stil, gebaut für shadcn-Projekte.

sacred.computer

SRCL preview

SRCLKomponenten-BibliothekenEin Komponenten-Kit, das den Look retro-, DOS-zeitlicher Terminal-Oberflächen nachbildet.

Prompt Kit preview

Prompt KitKomponenten-BibliothekenPrimitive Komponenten für den Aufbau von Chat- und anderen KI-Interface-Erlebnissen.

Shoogle preview

ShoogleKomponenten-BibliothekenEine Suchmaschine, die UI-Komponenten über viele verschiedene shadcn-Registries hinweg indexiert.

interior.dev preview

interior.devKomponenten-BibliothekenMikrointeraktionen, sorgfältig abgestimmt, damit sie sich im Moment des Klicks reaktionsschnell anfühlen.

soundcn preview

soundcnKomponenten-BibliothekenEine Sammlung von Copy-and-paste-UI-Soundeffekten, um Oberflächen mit Audio zu versehen.

cuelume preview

cuelumeKomponenten-BibliothekenWinzige Interface-Klangsignale, die in Echtzeit mit der Web Audio API des Browsers erzeugt werden.

Canvas UI preview

Canvas UIKomponenten-BibliothekenGPU-beschleunigte Flüssigkeits-Physikeffekte und Canvas-Shader für reichhaltige UI-Visuals.

Odyssey UI preview

Odyssey UIKomponenten-BibliothekenEin Set aus animierten React-Komponenten, aufgebaut auf dem shadcn-Komponentensystem.

Spell UI preview

Spell UIKomponenten-BibliothekenSorgfältig gestaltete, interaktive UI-Komponenten für den Aufbau moderner Webanwendungen.

Skiper UI preview

Skiper UIKomponenten-BibliothekenAnimierte UI-Primitive, die mit Tailwind CSS komponiert und gestylt werden können.

devl preview

devlKomponenten-BibliothekenMinimalistische, experimentelle UI-Komponenten für den Aufbau moderner Weboberflächen.

Uiuno preview

UiunoKomponenten-BibliothekenEin KI-gestützter Workspace zum Organisieren und Verwalten deiner shadcn-Komponenten.

vengeanceui.com

Vengeance UI preview

Vengeance UIKomponenten-BibliothekenAnimierte React-Komponenten rund um scroll-gesteuerte Interaktionen und Effekte.

sensory-ui preview

sensory-uiKomponenten-BibliothekenEin Sound-Design-System, das shadcn/ui-Komponenten um akustisches Feedback ergänzt.

amacro.vercel.app

Amacro preview

AmacroKomponenten-BibliothekenSofort einsetzbare Seiten-Einblend-Animationen, die du React-Apps mit wenig Aufwand hinzufügst.

evilbuttons.com

Evil Buttons preview

Evil ButtonsKomponenten-BibliothekenButton-Komponenten, die sich im Moment des Drückens interaktiv und griffig anfühlen.

componentry.dev

Componentry preview

ComponentryKomponenten-BibliothekenAnpassbare UI-Primitive und -Komponenten für den Aufbau von React-Oberflächen.

Great UI preview

Great UIKomponenten-BibliothekenCopy-and-paste-Komponenten, gebaut mit React und gestylt mit Tailwind CSS.

Ruru UI preview

Ruru UIKomponenten-BibliothekenBarrierefreie, anpassbare UI-Komponenten für den Aufbau von React-Anwendungen.

shadcnstudio.com

Shadcn Studio preview

Shadcn StudioKomponenten-BibliothekenEine Bibliothek aus shadcn/ui-Komponenten, vorgefertigten Blöcken und kompletten Templates.

shadcn-animated.vercel.app

Animated shadcn/ui preview

Animated shadcn/uiKomponenten-BibliothekenMit Motion versehene Versionen der standardmäßigen shadcn/ui-Komponenten für animierte Oberflächen.

Pin UI preview

Pin UIKomponenten-BibliothekenMarkante Copy-and-paste-Komponenten, gebaut mit React und Tailwind CSS.

loading.dev preview

loading.devKomponenten-BibliothekenEine leichtgewichtige Bibliothek aus Lade-Anzeigen und Spinnern für React-Apps.

Animations-Bibliotheken für React und das Web

11Bereichsseite

Motion preview

MotionAnimationEine produktionsreife Animationsbibliothek, um Bewegung in React-Apps im Web einzubauen.

GSAP preview

GSAPAnimationEine JavaScript-Animations-Engine, die in der Branche weit verbreitet und rund um Timelines aufgebaut ist.

Rive preview

RiveAnimationEin Tool zum Erstellen interaktiver Vektoranimationen, die von State Machines gesteuert werden.

lottiefiles.com

Lottie preview

LottieAnimationEin leichtgewichtiges, JSON-basiertes Format, um Vektoranimationen ins Web auszuliefern.

easingwizard.com

Easing Wizard preview

Easing WizardAnimationEin visueller Generator zum Erstellen eigener CSS-Spring-Easings für Webanimationen.

Morphrig preview

MorphrigAnimationEin interaktives Handbuch, das Schritt für Schritt erklärt, wie Icon-Morphing-Animation funktioniert.

Theatre.js preview

Theatre.jsAnimationEin visueller Sequencer, um Motion Design über DOM-Elemente hinweg zu choreografieren.

morphicons preview

morphiconsAnimationEine Animationsbibliothek, die Icons mithilfe von Spring-Physik für natürliche Bewegung morpht.

glimm preview

glimmAnimationShader-gesteuerte Seitenübergänge, um die Navigation in Next.js-Projekten zu animieren.

devouringdetails.com

Devouring Details preview

Devouring DetailsAnimationEin interaktives Buch, das das Handwerk des Gestaltens von Mikrointeraktionen vermittelt.

textmotion preview

textmotionAnimationEin abhängigkeitsfreies Primitive, um rollende Textanimationen ins Web einzubauen.

Dev-Tools

KI-Code-Editoren und Entwickler-Tools

24Bereichsseite

Claude Code preview

Claude CodeEntwickler-ToolsEin agentischer Coding-Assistent, der direkt in deinem Kommandozeilen-Terminal arbeitet.

Cursor preview

CursorEntwickler-ToolsEin KI-zentrierter Code-Editor, der das Schreiben und Ausliefern von Software beschleunigt.

Zed preview

ZedEntwickler-ToolsEin leistungsstarker Code-Editor, entwickelt für reaktionsschnelles Editieren mit geringer Latenz.

v0 preview

v0Entwickler-ToolsEin generatives KI-Tool, das Klartext-Prompts in funktionierenden shadcn/ui-Code verwandelt.

Bolt.new preview

Bolt.newEntwickler-ToolsEine In-Browser-Sandbox zum Bauen und Ausführen von Full-Stack-Anwendungen.

Vite preview

ViteEntwickler-ToolsEin schnelles Frontend-Build-Tool und ein Entwicklungsserver für moderne Webprojekte.

Biome preview

BiomeEntwickler-ToolsEin schneller Code-Formatter und Linter, in Rust gebaut für Webentwicklungsprojekte.

Playwright preview

PlaywrightEntwickler-ToolsEin Framework zum Automatisieren von Browsern und zum Ausführen zuverlässiger End-to-End-Testsuiten.

buildertools.sh

BuilderTools preview

BuilderToolsEntwickler-ToolsEin Set fokussierter Entwickler-Tools, das dir hilft, Software schneller auszuliefern.

nuqs preview

nuqsEntwickler-ToolsEine React-Bibliothek zum typsicheren Lesen und Schreiben von URL-Suchparametern.

better-t-stack.dev

Better T Stack preview

Better T StackEntwickler-ToolsEin Kommandozeilen-Tool, das moderne Full-Stack-TypeScript-Projekte aufsetzt.

AI Stack preview

AI StackEntwickler-ToolsEin Verzeichnis, das die modernen Technologie-Stacks zum Bauen von KI-Apps vergleicht.

Alumnium preview

AlumniumEntwickler-ToolsSchreibe End-to-End-Tests in natürlicher Sprache, bereitgestellt über MCP.

vercel-doctor.com

Vercel Doctor preview

Vercel DoctorEntwickler-ToolsEin Diagnose-Tool, das Performance-Engpässe in Next.js-Apps aufspürt.

OSS Perks preview

OSS PerksEntwickler-ToolsEin Hub mit kostenlosen Cloud-Credits und Vergünstigungen für Maintainer von Open-Source-Projekten.

Vinext preview

VinextEntwickler-ToolsEin Vite-Plugin, mit dem du Next.js-Anwendungen auf Cloudflare bauen und ausführen kannst.

evlog preview

evlogEntwickler-ToolsEin strukturiertes Logging-Framework zum Erfassen von Events in Webanwendungen.

audio.raphaelsalaja.com

@web-kits/audio preview

@web-kits/audioEntwickler-ToolsEine deklarative Bibliothek zum Hinzufügen und Steuern von Sound in Webanwendungen.

Nue preview

NueEntwickler-ToolsEin leichtgewichtiges Web-Framework, das sich als schlankere Alternative zu React positioniert.

Umami preview

UmamiEntwickler-ToolsEin datenschutzfreundliches Web-Analytics-Tool, das ohne Cookie-Zustimmungsbanner auskommt.

torph.lochie.me

Torph preview

TorphEntwickler-ToolsEine abhängigkeitsfreie Bibliothek zum Animieren von Text mit Morphing-Übergängen.

x.ai/bot preview

x.ai/botEntwickler-ToolsDokumentation, die die Spezifikationen für den Web-Crawler von xAI darlegt.

Tracwell preview

TracwellEntwickler-ToolsEin fokussiertes Analytics-Tool zum Verfolgen der Besucher und Conversions deiner Site.

DialKit preview

DialKitEntwickler-ToolsEine schwebende In-App-Toolbar, mit der du Parameter live während der Arbeit anpasst.

KI-Coding-Agenten und MCP-Server

35Bereichsseite

Dray preview

DrayAgenten & MCPEin einheitlicher Desktop-Workspace zum Ausführen und Verwalten mehrerer Coding-Agenten.

styles.refero.design

Refero preview

ReferoAgenten & MCPStrukturierte DESIGN.MD-Spezifikationsdateien, die KI-Agenten bei Designentscheidungen anleiten.

designmd.me preview

designmd.meAgenten & MCPErzeugt maschinenlesbare Design-Spezifikationen, die KI-Coding-Agenten parsen und als Grundlage nutzen können.

Open Design preview

Open DesignAgenten & MCPVerpackt Designsysteme in ein standardisiertes Format, das KI-Agenten lesen und anwenden können.

designmd.supply

designmd.supply preview

designmd.supplyAgenten & MCPEine Bibliothek von DESIGN.MD-Vorlagen, die KI-Assistenten zu deinem gewünschten Look und deinen Regeln lenken.

getdesign.md preview

getdesign.mdAgenten & MCPEin interaktiver Generator, der Designregeln erstellt, an die sich KI-Coding-Agenten halten.

design-md.hyperbrowser.ai

Hyperbrowser Design.md preview

Hyperbrowser Design.mdAgenten & MCPErzeugt eine DESIGN.MD-Datei, indem Designregeln direkt aus bestehenden Websites gezogen werden.

Aura preview

AuraAgenten & MCPBaut ein strukturiertes Designsystem auf, das KI-Agenten klare Richtlinien für die Arbeit liefert.

Neuform preview

NeuformAgenten & MCPKI-gestütztes Interface-Design, das aus deinen Layouts sauberen, nutzbaren Code erzeugt.

typeui.sh preview

typeui.shAgenten & MCPEin Kommandozeilen-Tool, das ein Gerüst für typisierte UI-Komponenten erstellt, damit du von einem sauberen Setup aus startest.

Webclaw preview

WebclawAgenten & MCPVerwandelt jede Webseite in sauberes, strukturiertes Markdown, das KI-Agenten mühelos lesen können.

Ghostex preview

GhostexAgenten & MCPFührt und koordiniert mehrere Coding-Agent-Sitzungen im Hintergrund gleichzeitig von einem Ort aus.

is-agentic.com preview

is-agentic.comAgenten & MCPBewertet, wie gut eine bestimmte Website Crawler und automatisierte Agenten unterstützt.

Herdr preview

HerdrAgenten & MCPEin verteilter Runner, der Jobs für deine Coding-Agenten verwaltet und plant.

soubi.vercel.app

Soubi preview

SoubiAgenten & MCPEin Compiler, der Agent-Skill-Definitionen in einen nutzbaren Build umwandelt.

agentcn preview

agentcnAgenten & MCPProduktionsreife, anpassbare KI-Agent-Rezepte, die du in ein React-Projekt einfügen kannst.

skills preview

skillsAgenten & MCPAgent-Skills, die für shadcn-Registries und alltägliche Entwickler-Workflows gebaut sind.

mcpcn preview

mcpcnAgenten & MCPReact-UI-Komponenten zum Bauen von Oberflächen für ChatGPT-, Claude- und MCP-Apps.

integrations.sh

integrations.sh preview

integrations.shAgenten & MCPEin Repository von API-Integrationsspezifikationen, auf die KI-Agenten zurückgreifen und aufbauen können.

fx preview

fxAgenten & MCPEin leistungsstarker Coding-Agent, geschrieben in Zig, der über die Kommandozeile läuft.

hyperframes.dev

HyperFrames preview

HyperFramesAgenten & MCPEine Headless-Engine, die HTML ohne sichtbaren Browser in MP4-Video rendert.

Foglamp preview

FoglampAgenten & MCPEin Observability-Tool, das Latenz und Betriebskosten im Blick behält.

Distill preview

DistillAgenten & MCPEin KI-Agent, der verstreute Recherchenotizen sammelt und in Ordnung bringt.

Agentation preview

AgentationAgenten & MCPVerwandelt UI-Annotationen auf dem Bildschirm in Kontext, auf den KI-Agenten reagieren können.

OpenCode preview

OpenCodeAgenten & MCPEin quelloffener KI-Coding-Agent, der in deinem Terminal lebt und über die Kommandozeile arbeitet.

impeccable.style

Impeccable preview

ImpeccableAgenten & MCPEin Design-Intelligence-Skill, der KI-Agenten ein besseres Gespür für gutes UI vermittelt.

SkillSync preview

SkillSyncAgenten & MCPHält deinen Agent-Kontext über die verschiedenen Code-Editoren hinweg synchron, die du nutzt.

bb preview

bbAgenten & MCPEine quelloffene Entwicklungsumgebung zum Ausführen und Testen von Coding-Agenten.

Capacity preview

CapacityAgenten & MCPEin Workspace in natürlicher Sprache, der deine Prompts in Full-Stack-Apps verwandelt.

Lafys preview

LafysAgenten & MCPEin prompt-gesteuerter Generator, der einfache Beschreibungen in UI-Komponenten für Builder verwandelt.

Efecto preview

EfectoAgenten & MCPEin agent-first visueller Web-Canvas, der sich über MCP mit verbundenen Tools verbindet.

Arc labs preview

Arc labsAgenten & MCPEine KI-Karriere-Suite, die technische Probeinterviews durchführt, damit du üben kannst.

Scira preview

SciraAgenten & MCPEine reduzierte, quelloffene KI-Suchmaschine, um Antworten im gesamten Web zu finden.

Kombai preview

KombaiAgenten & MCPEin KI-Design-Engineer, der aus dem Kontext, den du ihm gibst, UI-Code schreibt.

Causal preview

CausalAgenten & MCPEin KI-gestützter Canvas-Workspace, um Notizen festzuhalten und Pläne zu skizzieren.

Deploy- und Hosting-Plattformen

Vercel preview

VercelDeployEine Cloud-Plattform, um Next.js-Apps zu deployen und im Web bereitzustellen.

developers.cloudflare.com

Cloudflare preview

CloudflareDeployBetreibt serverlose Workers über ein globales Edge-Netzwerk, um Apps bereitzustellen.

Netlify preview

NetlifyDeployEine Webhosting-Plattform, die deine Websites über Continuous-Deployment-Pipelines ausliefert.

Railway preview

RailwayDeployEine Infrastruktur-Plattform, die das Deployen von Apps und Datenbanken vereinfacht.

Fly.io preview

Fly.ioDeployBetreibt deine Docker-Container auf Servern, die physisch nah bei deinen Nutzern stehen.

Design-Assets

Icon-Bibliotheken für React und das Web

30Bereichsseite

Lucide preview

LucideIconsEin offenes, community-geführtes Icon-Set, das von Feather geforkt wurde und Tausende Glyphen für Interfaces bietet.

phosphoricons.com

Phosphor preview

PhosphorIconsEine flexible Icon-Familie, die in sechs einheitlichen Strichstärken für Interface-Design verfügbar ist.

Iconify preview

IconifyIconsEin einheitliches Framework, das eine riesige Auswahl an Icons sofort griffbereit macht.

Rune Icons preview

Rune IconsIconsEin minimalistisches Icon-Set, das in fünf unterschiedlichen Stilen für deine Interfaces kommt.

Icon MuseumIconsEin Archiv, das die Handwerkskunst hinter herausragenden Mobile-App-Icons würdigt.

Tabler Icons preview

Tabler IconsIconsEine Bibliothek mit Tausenden Icons im Outline-Stil zum Bauen von Benutzeroberflächen.

Heroicons preview

HeroiconsIconsHandgefertigte SVG-Icons, erstellt vom Team hinter dem Tailwind CSS-Framework.

fonts.google.com

Material Symbols preview

Material SymbolsIconsGoogles variable Icon-Schrift, die drei wählbare Stile für Interfaces bietet.

icons.getbootstrap.com

Bootstrap Icons preview

Bootstrap IconsIconsDie offizielle SVG-Icon-Bibliothek, gebaut als Ergänzung zum Bootstrap-Framework.

Remix IconIconsEine neutral wirkende Icon-Bibliothek, die in einer Outline- und einer gefüllten Variante verfügbar ist.

Iconoir preview

IconoirIconsEin quelloffenes SVG-Icon-Set, gezeichnet mit einheitlichen, gleichmäßigen Strichstärken.

Ionicons preview

IoniconsIconsEin ausgefeiltes Icon-Pack, das für den Einsatz in Web- und Mobile-Interfaces gestaltet ist.

simpleicons.org

Simple Icons preview

Simple IconsIconsEine Sammlung von über 3.000 beliebten Markenlogos, jedes im SVG-Format verfügbar.

theSVG preview

theSVGIconsEin kuratiertes Set sauberer, einsatzfertiger Markenlogos, geliefert im SVG-Format.

feathericons.com

Feather preview

FeatherIconsEin minimalistisches, quelloffenes Icon-Set, bei dem jede Glyphe auf einem 24-Pixel-Raster gezeichnet ist.

carbondesignsystem.com

Carbon Icons preview

Carbon IconsIconsIBMs offizielle Icon-Bibliothek, gemacht für Produktdesigns auf Enterprise-Niveau.

Boxicons preview

BoxiconsIconsEin Set von Vektor-Icons, gestaltet und angeboten in drei unterschiedlichen visuellen Stilen.

mx-icons.vercel.app

MX Icons preview

MX IconsIconsEine große, anpassbare Icon-Sammlung, verpackt als React-Komponenten.

akveo.github.io

Eva Icons preview

Eva IconsIconsEin Paket mit 400 Icons, verfügbar im Outline- und im gefüllten Stil für Interfaces.

Devicon preview

DeviconIconsEin Icon-Set, das beliebte Programmiersprachen und Entwickler-Tools abdeckt.

css.gg preview

css.ggIconsEin Set von 700 leichtgewichtigen Icons, die vollständig in reinem CSS statt in SVG gerendert werden.

HugeIcons preview

HugeIconsIconsEine umfangreiche Icon-Bibliothek, die Icons im Stroke- und im Solid-Stil bietet.

Reicon preview

ReiconIconsEine tree-shakeable React-Icon-Bibliothek, die Icons in zwei unterschiedlichen Strichstärken liefert.

Iconsax preview

IconsaxIconsEin vielseitiges Icon-Set, das in sechs unterschiedlichen visuellen Stilen für UI-Arbeit kommt.

icons0 preview

icons0IconsEine Suchmaschine, mit der du Icons aus über 200.000 Optionen findest.

heroicons-animated.com

Heroicons Animated preview

Heroicons AnimatedIconsHeroicons, überarbeitet mit per Hover ausgelösten Animationen für interaktive UIs.

Icons.download preview

Icons.downloadIconsEine kuratierte Icon-Bibliothek mit sechzehn verschiedenen ästhetischen Stilen zur Auswahl.

lucide-animated.com

Lucide Animated preview

Lucide AnimatedIconsDas Lucide-Icon-Set, überarbeitet mit integrierten Mikroanimationen für lebendige Interfaces.

iconfoundry.store

Icon FoundryIconsEin durchsuchbares Archiv, das Icons aus vielen verschiedenen Familien zusammenführt.

Inkword preview

InkwordIconsGib ein einzelnes Wort ein und das Tool erzeugt eine passende Illustration dazu.

Schriften und Typografie-Tools für Websites

Fontshare preview

FontshareSchriftenEine Bibliothek professioneller Schriften, die kostenlos in kommerziellen Projekten genutzt werden dürfen.

Klim preview

KlimSchriftenEine Schriftgießerei, die zeitgenössische Schriften für den Einsatz im gesamten Web gestaltet.

Fontsource preview

FontsourceSchriftenHoste quelloffene Schriften selbst, indem du sie als npm-Pakete in deinem Projekt installierst.

wakamaifondue.com

Wakamai Fondue preview

Wakamai FondueSchriftenEin Tool, das Schriftdateien untersucht und offenlegt, welche Features jede einzelne unterstützt.

Utopia preview

UtopiaSchriftenEin Rechner für fluide Typografie, der einsatzfertige CSS-clamp-Werte ausgibt.

Velvetyne preview

VelvetyneSchriftenEine quelloffene Schriftgießerei, die experimentelle, frei lizenzierte Schriften verbreitet.

departuremono.com

Departure Mono preview

Departure MonoSchriftenEine Monospace-Schrift im Pixel-Stil, die sich im Terminal wie zu Hause anfühlt.

Farbtools für Interface-Design

OKLCH preview

OKLCHFarbeEin Color-Picker auf Basis eines wahrnehmungsgleichmäßigen Farbraums zur Auswahl von UI-Farben.

Color.review preview

Color.reviewFarbeEin Kontrastprüfer, der dir hilft, Farbpaletten zu bauen, die barrierefrei bleiben.

huetone.ardov.me

Huetone preview

HuetoneFarbeEin Palettengenerator, der Kontrastverhältnisse ausbalanciert, damit UI-Farben barrierefrei bleiben.

APCA preview

APCAFarbeEin moderner Kontrastalgorithmus, der damit übereinstimmt, wie das Auge Farbe tatsächlich wahrnimmt.

Ramps preview

RampsFarbeEin Design-Token-Tool, um sanfte Farbrampen im OKLCH-Raum zu generieren.

3D-Tools und Assets für das Web

Three.js preview

Three.js3DEine JavaScript-Bibliothek, um 3D-Grafik mit WebGL im Browser zu erstellen und darzustellen.

r3f.docs.pmnd.rs

React Three Fiber preview

React Three Fiber3DEin deklarativer React-Renderer, mit dem du Three.js-Szenen als Komponenten aufbaust.

drei.docs.pmnd.rs

Drei preview

Drei3DEine Sammlung fertiger Hilfskomponenten, die React Three Fiber-Projekte beschleunigen.

Blender preview

Blender3DEine quelloffene Suite für 3D-Modellierung, Animation und das Rendern von Szenen fürs Web.

gltf.report preview

gltf.report3DEin Browser-Tool, das glTF-Assets untersucht und verschlankt, damit 3D-Modelle im Web schneller laden.

Poly Haven preview

Poly Haven3DEine öffentliche Bibliothek CC0-lizenzierter Texturen, die sich kostenlos herunterladen und in jedem Projekt wiederverwenden lassen.

WebGL-Shader und Shader-Gradienten

thebookofshaders.com

Book of Shaders preview

Book of ShadersShaderEin interaktiver, praxisnaher Leitfaden, der dir Schritt für Schritt beibringt, wie man Fragment-Shader schreibt.

compute.toys preview

compute.toysShaderEine Online-Sandbox, um WGSL-Compute-Shader zu schreiben und mit ihnen zu experimentieren.

Shaderfrog preview

ShaderfrogShaderEin node-basierter visueller Editor, um Shader durch Verbinden von Graph-Knoten zu bauen.

shadercn preview

shadercnShaderReact-Shader-Komponenten, die du in Projekte einfügen kannst, aufgebaut auf vgpu und TypeGPU.

shaders.paper.design

Paper Shaders preview

Paper ShadersShaderImportfertige Shader, die ohne jegliche Abhängigkeiten für deine Webprojekte kommen.

openshaders.com

OpenShaders preview

OpenShadersShaderEine quelloffene Bibliothek von WebGL-Shadern, die sich direkt in deine Webprojekte einfügen lassen.

orbkit.zzzzshawn.cloud

Orbkit preview

OrbkitShaderEin WebGL-gestützter Renderer, um animierte Orb-Effekte im Browser zu erstellen.

Werkzeuge

Web-Tools für Designer und Entwickler

34Bereichsseite

SVGOMG preview

SVGOMGWeb-ToolsEin grafisches, browserbasiertes Tool zum Optimieren und Bereinigen von SVG-Dateien.

RegExr preview

RegExrWeb-ToolsEin interaktiver Playground zum Schreiben und Testen regulärer Ausdrücke im Browser.

Squoosh preview

SquooshWeb-ToolsKomprimiere Bilder direkt im Browser und vergleiche Vorher und Nachher nebeneinander.

Fffuel preview

FffuelWeb-ToolsEin Browser-Toolkit zum Erzeugen von SVG-Texturen, Farbverläufen und Hintergrundmustern.

ui.camera preview

ui.cameraWeb-ToolsErstelle 3D-Mockups und inszenierte Szenen zur Präsentation von Software-Interfaces.

Ray.so preview

Ray.soWeb-ToolsVerwandle deine Code-Snippets mit wenigen Klicks in ansprechende, teilbare Bilder.

transform.tools

Transform preview

TransformWeb-ToolsEin Konverter für mehrere Formate, der JSON und Typdefinitionen in anderen Code umwandelt.

Playgrnd preview

PlaygrndWeb-ToolsEine Sammlung kreativer Tools, die vollständig offline direkt in deinem Browser laufen.

Anim8 preview

Anim8Web-ToolsWandle deine MP4-Bildschirmaufnahmen in leichtgewichtige, animierte SVG-Grafiken um.

OGFolio preview

OGFolioWeb-ToolsSieh dir in der Vorschau an, wie deine Open-Graph-Social-Cards beim Teilen aussehen werden.

dotforge.vercel.app

DotForge preview

DotForgeWeb-ToolsErzeuge Dither-Effekte in Echtzeit, bereit zum Einbinden in deine Webprojekte.

ASCIInator preview

ASCIInatorWeb-ToolsWandle Bilder in textbasierte ASCII-Art um, ohne dein Browserfenster zu verlassen.

Vessa preview

VessaWeb-ToolsVeröffentliche deine Markenrichtlinien als lebendige Webseiten, die Teams teilen können.

Icoon preview

IcoonWeb-ToolsEin AI-gestütztes Tool zum Erzeugen individueller dreidimensionaler Icons auf Abruf.

designminis.com

Design Minis preview

Design MinisWeb-ToolsEine Sammlung kleiner Design-Tools und Skalengeneratoren an einem Ort.

ascii.krackeddevs.com

ASCII (Kracked Devs) preview

ASCII (Kracked Devs)Web-ToolsWandle einfachen Text direkt im Browser schnell in stilisierte ASCII-Art um.

literate-enigma-snowy.vercel.app

Dither Lab preview

Dither LabWeb-ToolsEin Tool, um deine Fotos mit Dithering-Filtern im Vintage-Stil zu versehen.

usehallmark.com

Hallmark preview

HallmarkWeb-ToolsEin Landingpage-Builder, der handgemacht wirkende Seitendesigns hervorbringt.

Tooooools preview

ToooooolsWeb-ToolsEine Reihe browserbasierter Tools zum Dithern und Verpixeln deiner Bilder.

Screan preview

ScreanWeb-ToolsErstelle werbewirksame App-Store-Screenshot-Mockups, um deine App-Einträge in Szene zu setzen.

PostSpark preview

PostSparkWeb-ToolsVerschönere deine Screenshots mit cleanen Hintergründen, die fürs Teilen in sozialen Netzwerken gemacht sind.

Drawably preview

DrawablyWeb-ToolsEin Zeichen-Tool, das handgezeichnet wirkende Formen für Benutzeroberflächen erzeugt.

Mesurer preview

MesurerWeb-ToolsEin Bildschirmlineal zum Messen und Prüfen von Pixelabständen auf Live-Websites.

render-labs.evlog.cloud

render-labs.evlog.cloud

Render LabsWeb-ToolsEin Bild-Rendering-Tool, entwickelt vom evlog-Team für Designer und Entwickler.

Butterfly preview

ButterflyWeb-ToolsEin reduzierter Landingpage-Builder, um Produktideen schnell zu validieren.

Corne preview

CorneWeb-ToolsDokumentation und Referenzmaterial rund um die geteilte Corne-Tastatur.

Shiori preview

ShioriWeb-ToolsEin Lesezeichen-Manager, der über die Kommandozeile funktioniert und sich in Raycast integriert.

opensource-together.com

Open Source Together preview

Open Source TogetherWeb-ToolsEine Plattform, die Entwickler mit Open-Source-Projekten zusammenbringt, zu denen sie beitragen können.

asciistudio.space

ASCII Studio preview

ASCII StudioWeb-ToolsEin browserbasiertes Studio, das sowohl Bilder als auch Videos in textbasierte ASCII-Art umwandelt.

Tabbied preview

TabbiedWeb-ToolsEin generatives Tool zum Erstellen geometrischer Muster und zum Export als SVG.

studio.rynix.in

Rynix Studio preview

Rynix StudioWeb-ToolsEin Playground zum Experimentieren mit visuellen Echtzeit-Effekten für Videos.

Mascofast preview

MascofastWeb-ToolsEin AI-Tool, das animierte 3D-Maskottchen mit transparentem Hintergrund erstellt.

screenshot-studio.com

Screenshot Studio preview

Screenshot StudioWeb-ToolsVerpackt flache Screenshots in realistische 3D-Mockups – ein praktisches Browser-Tool für Designer und Entwickler.

Replay preview

ReplayWeb-ToolsZeichnet echte Besuchersitzungen auf, damit du nachvollziehen kannst, wie Menschen deine Website tatsächlich nutzen.

Desktop-Apps für Designer und Entwickler

12Bereichsseite

Raycast preview

RaycastDesktop-AppsEin erweiterbarer Mac-Launcher, der Befehle und Suche ausführt und Spotlight ersetzt.

Ghostty preview

GhosttyDesktop-AppsEin GPU-beschleunigter Terminal-Emulator, der auf Geschwindigkeit ausgelegt ist und sich an Kommandozeilen-Entwickler richtet.

Warp preview

WarpDesktop-AppsEin in Rust geschriebenes Terminal, das Befehlsausgaben in Blöcke gruppiert und AI-Unterstützung bietet.

CleanShot X preview

CleanShot XDesktop-AppsErfasst Screenshots und nimmt deinen Bildschirm auf – in einem einzigen Mac-Desktop-Tool.

Granola preview

GranolaDesktop-AppsEin AI-Notizblock, der Meeting-Zusammenfassungen erstellt, ohne einen Bot in das Gespräch zu schicken.

LocalSend preview

LocalSendDesktop-AppsÜberträgt Dateien sicher zwischen Geräten in der Nähe über ein lokales WLAN.

Canario preview

CanarioDesktop-AppsEin Terminal, das deine Kommandozeilen-Sitzungen in separate Bereiche aufteilt.

CoolDock preview

CoolDockDesktop-AppsEin zweites Desktop-Dock, das Monitoring-Widgets neben deinen Apps unterbringt.

Supaste preview

SupasteDesktop-AppsEine Mac-App, die deine Zwischenablage verwaltet und einen Verlauf vergangener Screenshots führt.

Runey preview

RuneyDesktop-AppsHilft Freelancern, Rechnungen zu versenden und ihre Kunden in einer App im Blick zu behalten.

Revone preview

RevoneDesktop-AppsFührt Zahlungskennzahlen aus all deinen Tools in einem Umsatz-Dashboard zusammen.

zen-browser.app

Zen Browser preview

Zen BrowserDesktop-AppsEin Firefox-Fork, der vertikale Tabs und eine reduzierte, auf Fokus ausgelegte Oberfläche hinzufügt.

Screen-Recording und Video-Tools

11Bereichsseite

Screen Studio preview

Screen StudioScreen-RecordingEin Bildschirmrekorder, der deinen Aufnahmen automatisch sanfte Kamera-Zooms hinzufügt.

Remotion preview

RemotionScreen-RecordingErmöglicht es, Videos programmatisch mit React-Komponenten zu erstellen und zu rendern.

blackmagicdesign.com

DaVinci Resolve preview

DaVinci ResolveScreen-RecordingEine professionelle Anwendung, die Videoschnitt und Color Grading in einem Workflow vereint.

Descript preview

DescriptScreen-RecordingEin AI-Videoeditor, mit dem du Material schneidest, indem du das Transkript wie Text bearbeitest.

Gifski preview

GifskiScreen-RecordingWandelt Videos in hochwertige GIFs um und behält dabei die ursprüngliche Bildrate bei.

Slant It preview

Slant ItScreen-RecordingVerwandelt flache Bildschirmaufnahmen in gekippte, dreidimensionale Mockups.

Remocn preview

RemocnScreen-RecordingFertige Remotion-Animationskomponenten, die du direkt in die Videoproduktion einbinden kannst.

bettershot.site

BetterShot preview

BetterShotScreen-RecordingEin Bildschirmrekorder, der deinen Aufnahmen Cursor-Zoom und Untertitel hinzufügt.

Recordly preview

RecordlyScreen-RecordingEin Bildschirmaufnahme-Tool, um ausgefeilte Entwickler-Demos zusammenzustellen.

Cursorful preview

CursorfulScreen-RecordingEin Bildschirmrekorder, der deinem Cursor während der Aufnahme automatisch folgt.

Tokokino preview

TokokinoScreen-RecordingRahme deine Aufnahmen direkt in diesem browserbasierten Editor in Geräte-Mockups ein.

Whiteboards und Sketching-Tools

tldraw preview

tldrawWhiteboardsEin Whiteboard mit unendlicher Leinwand, das du über sein React-SDK in deine eigene App einbinden kannst.

Excalidraw preview

ExcalidrawWhiteboardsEin kollaboratives Online-Whiteboard, das alles in einem handgezeichneten Skizzenstil darstellt.

Obsidian preview

ObsidianWhiteboardsEine local-first Markdown-Wissensdatenbank, die deine Notizen zu einem visuellen Graphen verknüpft.

Linear preview

LinearWhiteboardsProjektmanagement-Software zum Planen und Verfolgen von Arbeit, konsequent auf Geschwindigkeit ausgelegt.

Sammlungen

Enger gefasste Listen für die Fragen, die Leute wirklich suchen – jede aus dem vollständigen Index zusammengestellt.

Personen, denen man folgen sollte

Design Engineers, deren Portfolios, Open-Source-Arbeit und Texte prägen, wie Interfaces gebaut werden.

Alle 132 Personen

Emil Kowalski preview

Emil KowalskiDesign EngineerBekannt für die Entwicklung von Sonner, Vaul und zahlreiche Animationsarbeiten.

Rauno Freiberg preview

Rauno FreibergDesign EngineerAutor der Interaction Guidelines bei Vercel.

Paco Coursey preview

Paco CourseyDesign EngineerBekannt für die Entwicklung der Projekte cmdk und next-themes.

Gavin Nelson preview

Gavin NelsonDesign EngineerDesigner bei OpenAI, der haptische Interfaces gestaltet.

Adam Argyle preview

Adam ArgyleDesign EngineerArbeitet in den Chrome Developer Relations und treibt CSS voran.

sarahdrasner.com

Sarah Drasner preview

Sarah DrasnerDesign EngineerEngineering-Leiterin, die außerdem über Webanimation schreibt.

Jhey Tompkins preview

Jhey TompkinsDesign EngineerKreativentwickler, bekannt für verspielte Experimente mit CSS.

lynnandtonic.com

Lynn Fisher preview

Lynn FisherDesign EngineerDesignerin hinter dem Projekt Single Div.

Etwas gebaut, das hier reingehört?

Schick uns den Link. Wenn es in einen Bereich passt, bekommt es eine Vorschau-Aufnahme und einen eigenen Frame.

Tool einreichen

Designeer — Designinspiration, UI-Komponenten & Dev-Tools