contributing guidelines bevor Sie neue Ressourcen einreichen. Websites und Ressourcen mit modernen UI-Komponenten in verschiedenen Formaten wie PSD, Sketch, Figma usw. Sie eignen sich hervorragend für Ideen für Webkomponenten/UI
| Webseite | Beschreibung |
|---|---|
| SVG-Sinuswellen | Exportieren Sie perfekte Sinuswellen als SVG für Ihre Frontend-Projekte |
| UI-Design täglich | Fantastische UI-Komponenten aller Art |
| 100 tägliche Benutzeroberfläche | Kostenlose Figma-Bibliothek mit Produkten, Elementen und Bildschirmen |
| App-Quellen skizzieren | Skizzieren Sie Benutzeroberflächen, Wireframes, Symbole und vieles mehr |
| Humaans | Coole Illustrationen von Menschen mit der Fähigkeit, alles zu kombinieren |
| Muster | Kostenlose Sammlung wunderschöner Muster für alle Vektorformate |
| 404 Abbildung | Kostenlose Illustrationen für 404 Seiten |
| Drawkit.io | Illustrationen für Designer und Startups |
| Absurdes.Design | Kostenlose surrealistische Illustrationen für Designer und Entwickler |
| Undraw.co | Open-Source-Illustrationen für jede Idee, die Sie sich vorstellen und umsetzen können |
| Manypixels.co | Monochromatische, isometrische Illustrationen in hoher Qualität |
| Öffnen Sie Peeps | Handgezeichnete Illustrationsbibliothek |
| InvisionApp | Bibliothek mit kostenlosen, hochwertigen UI-Kits, Icon-Packs und Mockups |
| Öffnen Sie Doodles | Ein kostenloser Satz skizzenhafter Illustrationen |
| Avatare | Kostenlose Skizzenbibliothek mit Avatar-Illustrationen von Pablo Stanley |
| Erröten | Kostenlose anpassbare Illustrationen mit dem Figma-Plugin |
| Heldenmuster | Eine Sammlung wiederholbarer SVG-Hintergrundmuster |
| BEAUBUS-Muster | Ein Satz von über 150 kostenlosen SVG-Mustern (Hintergründen) |
| IRA-Design | Eine Open-Source-Sammlung von Verlaufsillustrationen von Creative Tim. |
| Transparente Texturen | Eine Sammlung transparenter Texturhintergrundmuster. |
| icons8.com/illustrations | Vektorillustrationen zur Klassifizierung Ihres Projekts |
| Patternico | Nahtloser Musterersteller |
| Pixeltreue Illustrationen | Kostenlose animierte Illustrationen |
| Abstrakte Benutzer-Avatar-API | API zum Erstellen einfacher, aber flexibler Benutzeravatare aus Benutzernamen oder E-Mails |
| Sketchvalley | Laden Sie die kostenlose PNG-, SVG- oder AI-Datei herunter. |
| PatternPad | Kostenlose und unbegrenzte einzigartige Musterdesigns. |
| Abmessungen | Dimensions.com ist eine fortlaufende Referenzdatenbank mit bemaßten Zeichnungen, die die Standardmaße und -größen von Alltagsgegenständen und -räumen dokumentieren |
| Freebiesbug | Handverlesene Ressourcen für Webdesigner und Entwickler, ständig aktualisiert. |
| Flexibel | Jeden Tag eine neue hochwertige Open-Source-Illustration. |
| Cooler Text | Cool Text ist ein KOSTENLOSER Grafikgenerator für Webseiten und überall dort, wo Sie ohne großen Designaufwand ein beeindruckendes Logo benötigen |
| Illustrationsset | Täglich hinzugefügte Premium-Open-Source-Illustrationen |
| Doodad-Mustergenerator | Erstellen Sie einzigartige, nahtlose und lizenzfreie Muster. |
| Mustermonster | Ein einfacher Online-Mustergenerator zum Erstellen wiederholbarer SVG-Muster |
| Exemplar | Kostenlose Avatar-Bibliothek für Figma und Sketch |
| UI-Paket | Tausende kostenlose Designressourcen wie UI-Kits, Mockups, Illustrationen, Symbole, Schriftarten, 3D-Assets, Vorlagen und mehr. |
| openby.design | Maßgeschneiderte kostenlose UI-Designressourcen für persönliche und kommerzielle Projekte. Es ist keine Namensnennung erforderlich. |
| Designstreifen | Erstellen Sie wunderschöne Illustrationen, keine Designkenntnisse erforderlich. |
| HOLA SVG! | Ein SVG-Spielplatz zum Teilen von SVG-Sachen. |
| symu.co | Kostenlose Vorlagen, UI-Kits, Symbole, PSD |
| Mesh-Verlauf | Generieren und laden Sie wunderschöne Mesh-Verläufe herunter. |
| CSS-Schattenverläufe | Generieren Sie CSS-Verläufe für Schatten. |
| Creatica | Generieren Sie einzigartige schöne und einzigartige Hintergründe und Muster. |
| Langweilige Avatare | Zufällige, niedliche SVG-Avatarsammlungen |
| HTML zum Design | Konvertieren Sie jede Website in vollständig bearbeitbare Figma-Designs |
| ffKraftstoff | Sammlung von Farbwerkzeugen und kostenlosen SVG-Generatoren für Verläufe, Muster, Texturen, Formen und Hintergründe |
Websites, die kostenlose Schriftarten sowie schriftbasierte Tools anbieten
| Webseite | Beschreibung |
|---|---|
| Google-Schriftarten | Bibliothek mit rund 1000 kostenlos lizenzierten Schriftfamilien |
| DaFont | Archiv kostenlos herunterladbarer Schriftarten |
| Verwenden und ändern | Persönliche Auswahl schöner, klassischer, punkiger, professioneller, unvollständiger und seltsamer Schriftarten |
| 1001 kostenlose Schriftarten | Ich denke, der Name spricht für sich? |
| Schriftart Eichhörnchen | Font Squirrel durchsucht das Internet nach hochwertigen, rechtmäßig kostenlosen Schriftarten |
| Schriftstoff | Eine digitale Schriftgießerei, die Schriftarten für den Einzelhandel und individuelle Typografie für verschiedene Marken herstellt |
| Nur kostenlose Schriftarten | Eine handverlesene Sammlung von Freeware-, Open-Source- und Public-Domain-Schriftarten für die kommerzielle Nutzung |
| Tiff | Ein Typvergleichstool, das die Unterschiede zwischen zwei Schriftarten visuell gegenüberstellt |
| TypeKit-Praxis | Erfahren Sie mehr über typografische Praktiken |
| Fontjoy | Generieren Sie Schriftartenpaare mit einem Klick |
| Goldener Schnitt | Typografie-Rechner für den Goldenen Schnitt |
| FontGet | Bietet eine Vielzahl von Schriftarten zum Herunterladen und ist übersichtlich mit Tags sortiert |
| FontPair | Hilft Ihnen, Google Fonts miteinander zu koppeln |
| Schriftraum | Eine auf Designer ausgerichtete kostenlose Schriftarten-Website mit schnell anpassbaren Vorschauen |
| Abstrakte Schriftarten | Kostenlose Schriftarten für den persönlichen und kommerziellen Gebrauch |
| Kostenlose Typografie | Eine Liste hochwertiger Schriftarten |
| Leon Sans | Eine geometrische serifenlose Schriftart, die mit Code erstellt wurde |
| Lexend | Es wurde empirisch nachgewiesen, dass eine variable Schriftart die Lesekompetenz erheblich verbessert |
| Schriftarten für Apple-Plattformen | Erhalten Sie die Details, Frameworks und Tools, die Sie benötigen, um Systemschriftarten für Apple-Plattformen in Ihren Apps zu verwenden |
| SFWin | San Francisco-Schriftarten für Windows 10 und Nicht-Apple-Plattformen |
| Schriftart Flipper | Sehen Sie sich über 800 Google-Schriftarten zusätzlich zu Ihren eigenen Designs in der Vorschau an, ohne die Schriftarten herunterladen zu müssen |
| Schriftarten-Arena | Kostenlose kuratierte Schriftarten |
| Beschriftet | Hochwertige Schriftarten kostenlos |
| Arabische Schriftarten | Arabische Schriftarten kostenlos |
| FontDrop | Einfache und unkomplizierte Möglichkeit, den Inhalt von Schriftartdateien anzuzeigen |
| Offene Gießerei | KOSTENLOSE Plattform für kuratierte Open-Source-Schriftarten |
| Glyphter | Laden Sie Ihre eigenen SVGS-Dateien hoch und wandeln Sie sie in Schriftartdateien um. Nützlich, wenn Sie eine kleinere Bibliothek laden möchten |
| Google Webfonts-Helfer | Eine problemlose Möglichkeit, Google Fonts selbst zu hosten |
| Grobe Schriftart, großartig | Wenn RoughJS auf Font Awesome trifft |
| Schriftarten | Stilvolle Schriftarten kostenlos |
| Malayalam-Schriftarten | Kostenlose Malayalam-Schriftarten, die von Swathanthra Malayalam Computing (SMC) verwaltet werden. |
| Dev-Schriftarten | Finden und nutzen Sie die Codierungsschriftarten kostenlos |
| Schriftart M | Kostenlose Schriftart, die Sie für die Materialkodierung und das Design herunterladen können |
| W-Schriftarten | Laden Sie kostenlose Schriftarten herunter |
| Moderner Editor für flüssige Typografie | Flüssige Typografie ist eine moderne Herangehensweise an responsive Typografie. |
| UrbanFonts | Eine Sammlung von über 8000 kostenlosen Schriftarten und Dingbats |
| Typspiration | Inspirierende Schriftkombinationen und Farbpaletten |
| Schriftartquelle | Selbsthostende Open-Source-Schriftarten in übersichtlich gebündelten NPM-Paketen. |
| FontBolt | Entdecken und generieren Sie Ihre Lieblingsschriftarten aus der Popkultur. |
| Fontshare | Fontshare ist ein kostenloser Schriftartendienst der Indian Type Foundry (ITF), der hochwertige Schriftarten für alle zugänglich macht. |
Websites und Ressourcen, die bei der Auswahl von Farben helfen
| Webseite | Beschreibung |
|---|---|
| Farblabor | Erstellen Sie Farbpaletten, Farbverläufe und Farbskalen und prüfen Sie den Kontrast – alles an einem Ort. |
| Farbbrauer 2 | Der ursprüngliche Farbpalettengenerator, der auch Farbenblindheit unterstützt. Wahrscheinlich die wissenschaftlich beste Option. Auch wahrscheinlich nicht das Schönste. |
| Huetone | Ein Werkzeug zum Erstellen zugänglicher Farbsysteme. |
| Colormind.io | Farbpalettengenerator |
| ColorCurves.app | Farbpalettengenerator, der Kurven zum Generieren von Farbpaletten verwendet |
| Farbverlauf | Ein kostenloses Tool zum visuellen Erstellen einfacher und komplexer CSS-Verläufe |
| Kühler | Erstellen Sie die perfekte Palette oder lassen Sie sich von Tausenden wunderschöner Farbschemata inspirieren |
| UI-Farben | Tailwind CSS-Farbpalettengenerator |
| HTML-Farbcodes | Erhalten Sie HTML-Farbcodes, Hex-Farbcodes, RGB- und HSL-Werte mit unserem Farbwähler, Farbdiagramm und HTML-Farbnamen |
| Farben und Schriftarten | Eine kuratierte Bibliothek mit Farben, Schriftarten und Ressourcen |
| Palettenliste | Wählen Sie zwei Farben aus, die Ihnen gefallen, und das Tool generiert Tausende von Paletten für Sie. |
| Google Material Color Tool | Offizielles Material-Farbpaletten-Tool von Google |
| Materialpalette | Freie Auswahl von Paletten, Symbolen und Farben für Material Design |
| Farbraum | Generieren Sie schöne Farbpaletten aus einer Farbe |
| FlatUIColors | Wunderschönes Set an Farbpaletten in verschiedenen Geschmacksrichtungen |
| Adobe Color | Erstellen Sie Farbpaletten, extrahieren Sie Farbverläufe aus Bildern usw. |
| Farbeninspo | All-in-One-Ressource, um alles über Farben zu finden |
| ColorsWall | Ort zum Speichern Ihrer Farbpaletten und zum Generieren einer Palette mit einem Klick |
| Happyhues | Happy Hues ist eine Inspirationsseite für Farbpaletten, die als reales Beispiel dafür dient, wie die Farben in Ihren Designprojekten von Mackenzie Child verwendet werden könnten |
| Adobe-Trends | Entdecken Sie aktuelle Farbtrends in verschiedenen Branchen aus den kreativen Communities auf Behance und Adobe Stock |
| Farbjagd | Eine kostenlose und offene Plattform für Farbinspiration mit Tausenden trendigen, handverlesenen Farbpaletten |
| Gradientenjagd | Eine kostenlose und offene Plattform für Farbverlauf-Inspiration mit Tausenden trendigen, handverlesenen Farbverläufen |
| Webverläufe | Eine kostenlose Website, um gute CSS-Verläufe zu finden |
| ColorBox | Eine kostenlose Website zum Erstellen von Farbsets |
| CSS-Verlauf | Eine kostenlose Website zum Erstellen benutzerdefinierter Farbverläufe und einige Beispiele für Farbverläufe |
| Farbverlauf | Ein reiner CSS- und JPG-Verlauf |
| UI-Verläufe | Farbgenerator für UI-Verläufe |
| Palettengenerator | Erzeugen Sie mit jedem Drücken der Leertaste eine neue Farbpalette |
| Materialpaletten | Über 1000 Materialdesign-Paletten |
| Grabient | Verlaufsauswahl |
| ShadeSwash | Erzeugen Sie schnell Schattierungen jeder Farbe |
| Markenfarben | Die größte Sammlung offizieller Markenfarbcodes |
| MARKENPALETTEN | Logo-Farbcodes und -Paletten |
| Materialdesign-Palettengenerator | Generieren Sie Themen und Farbpaletten im Materialdesign-Stil |
| Kolorieren | Farbschema-Tool für Designer und Entwickler. Dies wird Ihnen dabei helfen, Inspiration zu schöpfen und als Ressource für Ihre Farbarbeit zu dienen. |
| 0 bis 255 | Ein Farbwerkzeug, das das Aufhellen und Abdunkeln von Farben erleichtert. Es eignet sich perfekt für Schwebezustände, Grenzen, Farbverläufe und mehr. |
| Farbmischer | Ein Werkzeug, das die Mittelpunktfarben zwischen zwei Farben anzeigt |
| Farbverlaufsschaltflächen | Gebrauchsfertige Schaltflächen zum Kopieren/Einfügen von Farbverläufen |
| Chroma | Khroma nutzt KI, um zu lernen, welche Farben Ihnen gefallen, und erstellt unbegrenzte Paletten, die Sie entdecken, durchsuchen und speichern können. |
| Wer kann es gebrauchen? | Ein Tool, das die Aufmerksamkeit und das Verständnis dafür weckt, wie sich Farbkontraste auf verschiedene Menschen mit Sehbehinderungen auswirken können. |
| Färbbar | Kontrasttester für Farbkombinationen |
| Hex-Farbauswahl | Tool zum Abrufen des Hex-Codes zusammen mit dem Namen der Farbe. |
| Saruwakakun | Das atemberaubende Farbschema für Website- und App-Designs mit Vorschau |
| Paletton | Paletton.com ist ein Designer-Farbtool zum Erstellen gut zusammenarbeitender Farbkombinationen. |
| Colorzilla | Ein leistungsstarker Online-CSS-Verlaufseditor im Photoshop-Stil |
| CSS-Verlaufseditor | Möglicherweise benötigen Sie dieses Tool nur zum Erstellen von CSS-Verlaufshintergründen und -Mustern. |
| Bildfarbauswahl | Bildfarbauswahl und Palettengenerator |
| Kombinieren Sie FARBEN | Farbmischwerkzeug |
| Farbliebhaber | Es werden die Farbschemata angezeigt, die in der Außenwelt beliebt sind. |
| HTML-CSS-Farbe | Kostenlose Online-Tools für Farbe (USA) oder Farbe (Britisch): Informationen, Verlaufsgenerator, Farbräder usw. |
| HEX-Farbcodes | Es erhält HTML-Farbcodes, Hex-Farbcodes, RGB- und HSL-Werte mit unserem Farbwähler, Farbdiagramm und HTML-Farbnamen. |
| CoolHue 2.0 | Ein kostenloses Tool, das verschiedene Verlaufsbeispiele im CSS- und PNG-Format anzeigt |
| Farben.lol | Interessante Farbpaletten, die von einem Twitter-Bot generiert wurden. Für jede Farbe gibt es Hex-Codes und beschreibende Namen. |
| Farben.dopely | Superschneller und einfacher Farbpalettengenerator, Paletten können in Sekundenschnelle gespeichert und geteilt werden. |
| UIColor Picker | Eine Sammlung von UI-Farben mit Hex-Codes, die mit nur einem Klick kopiert werden können. |
| Farbe Hex | Color-hex liefert Informationen zu Farben einschließlich Farbmodellen (RGB, HSL, HSV und CMYK) und generiert einen einfachen CSS-Code für die ausgewählte Farbe. |
| FarbVelo | Ein zufälliger Farbpalettengenerator |
| Verandafarbe | Durchsuchen Sie Farbpaletten anderer Designer, erstellen Sie Ihre eigenen und reichen Sie sie ein |
| Duo | Duo ist eine Sammlung von Farbkombinationen, die ich aus persönlichen Projekten zusammengestellt habe oder die ich im Internet gefunden habe. |
| Liste der Lospec-Paletten | Die Lospec-Palettenliste ist eine Datenbank mit Paletten für Pixelkunst. |
| Paletten-App | Erstellen Sie sanfte Farbschemata, die von einer Farbe zur anderen übergehen. |
| Eierradienten | Hintergrundfarben mit Farbverlauf und Eiern. |
| Farbverläufe | Verläufe einfach finden und testen. |
| Enzyklopädie | Website zur Referenzierung von Webfarben. Farbwissen, Webfarben, Hex-Farbcodes. |
| Croma | Leistungsstarke Farbwerkzeuge, einschließlich Pipette, Farbwähler und Palettengenerator. |
| Farbdesigner | Ein Farbverlaufsgenerator aus einer Farbe. |
| Duoton | Finden Sie wunderschöne kostenlose Duotone-Bilder, die Sie in jedem Projekt verwenden können, oder erstellen Sie benutzerdefinierte Duotone-Bilder, indem Sie Ihr eigenes Bild hochladen und in Sekundenschnelle einen Duotone-Effekt anwenden. |
| Coolbackgrounds-Generator | Entdecken Sie eine wunderschön kuratierte Auswahl an coolen Hintergründen, die Sie zu Blogs und Websites hinzufügen können. |
| Farbtongenerator | Wir können schnell Farbtöne unserer Lieblingsfarben oder beliebiger Farben generieren, um Vorlagen oder CSS-Komponenten mit mehreren Farbtönen und weiteren nützlichen Tools zu erstellen, die auf derselben Website verfügbar sind |
| Huemint | Huemint nutzt maschinelles Lernen, um einzigartige Farbschemata für Ihre Marke, Website oder Grafik zu erstellen |
| Ersteller der InclusiveColors-Palette | Erstellen Sie benutzerdefinierte, zugängliche Farbpaletten im Tailwind-Stil, in denen Sie HSL-Kurven über ganze Farbfelder hinweg ändern, den WCAG/APCA-Kontrast prüfen und dann nach Tailwind/CSS/Figma/Adobe exportieren können |
Ressourcen für Symbole, einschließlich PNG, SVG und mehr
| Webseite | Beschreibung |
|---|---|
| Circum-Symbole | Durchgängige Open-Source-Icons als SVG für React, Vue und Svelte |
| UXWing | Gut optimierte, kostenlose Icons für die kommerzielle Nutzung |
| Shapedfonts Iconclub | Über 8000 kostenlose Symbole |
| Federsymbole | Wunderschöne, anpassbare Open-Source-Symbole |
| Tabler-Symbole | Über 3500 hochgradig anpassbare Open-Source-SVG-Symbole mit React-, Preact-, Vue-, Svelte- und SolidJS-Unterstützung |
| Xicons | SVG Vue/React-Komponenten integriert aus Fluentui-System-Icons, Ionicons usw. (Vue3, Vue2, React, SVG). |
| Ikonoir | Kostenlose Bibliothek mit über 900 Open-Source-Symbolen |
| Einfache Symbole | 1307 kostenlose SVG-Symbole für beliebte Marken |
| Lineare Symbole | Über 1000 gestochen scharfe Vektorsymbole |
| Symbole8 | Kostenlose Icons, Fotos, Vektoren und Tools |
| Flaches Symbol | Die größte Datenbank mit kostenlosen Symbolen in den Formaten PNG, SVG, EPS, PSD und BASE 64 |
| Das Nomen-Projekt | Über 2 Millionen kuratierte Symbole, erstellt von einer globalen Community |
| Iconscout | Laden Sie Icons-Illustrationen kostenlos an einem Ort herunter |
| IconSear.ch | Suchmaschine mit über 50.000 indizierten SVG-Symbolen |
| Nucleo-App | Nucleo ist eine wunderschöne Bibliothek mit 27.500 Symbolen und eine leistungsstarke Anwendung zum Sammeln, Anpassen und Exportieren aller Ihrer Symbole. (Kostenlos und kostenpflichtig) |
| Icon-icons.com | Kostenlose Icons PNG, ICO, ICNS und Vektordatei SVG |
| Bootstrap-Symbole | Kostenlose Icons, die für Bootstrap erstellt wurden, aber in jedem Projekt funktionieren |
| Remix-Symbol | Einfach entzückendes Icon-System |
| Ikonmonstr | Entdecken Sie über 4496 kostenlose Icons in 313 Sammlungen |
| Vivid.js | Gebrauchsfertige kostenlose und Open-Source-SVG-Icons-Pack-JavaScript-Bibliothek. |
| Iconfinder | Kostenlose und Premium-Vektorsymbole im SVG-, PNG-, CSH- und AI-Format |
| Lordicon | 50 kostenlose animierte interaktive Symbole |
| Verwenden Sie Animationen | Kostenlose animierte Icons im SVG- und Json-Format (für Lottie) |
| css.gg | Über 700 Open-Source-CSS-, SVG- und Figma-UI-Symbole, verfügbar in SVG Sprite, Styled-Components, NPM und API |
| IconBros | Über 7843 kostenlose Icons, gruppiert in 182 Sammlungen |
| Materialdesign-Ikonen | Eine Symbolsammlung, die es Designern und Entwicklern für verschiedene Plattformen ermöglicht, Symbole in dem Format, der Farbe und der Größe herunterzuladen, die sie für jedes Projekt benötigen. |
| Heroicons | Kostenlose Open-Source-Symbole von den Entwicklern von Tailwind CSS. |
| Zondicons | Eine Reihe kostenloser Premium-SVG-Symbole, die Sie auf Ihren digitalen Produkten verwenden können. |
| Endlose Ikonen | Eine Website, die eine Reihe kostenloser Symbole anbietet. Symbole werden mit Tags versehen und auch in Kits komprimiert. |
| Icomoon | Durchsuchen Sie über 5500 kostenlose Icons. Fügen Sie ein beliebiges Set hinzu, um die Symbole einfach zu durchsuchen und zu durchsuchen. |
| Eva-Symbole | Eva Icons ist ein Paket mit mehr als 480 wunderschön gestalteten Open-Source-Symbolen für allgemeine Aktionen und Gegenstände. |
| Kryptoikonen | Ein Satz von 430 Krypto- und Fiat-Währungssymbolen. Völlig kostenlos. |
| Ikonate | Vollständig anpassbare und zugängliche Vektorsymbole |
| appicon | Generieren Sie schnell App-Symbole in verschiedenen Größen für Ihre IOS-, macOS- und Android-Projekte |
| Liniensymbole | Über 2000 wesentliche Liniensymbole für Designer und Entwickler |
| Evericons | Evericons ist ein großes Paket mit über 460 kostenlosen Icons, entworfen von Aleksey Popov. |
| SVG-Repo | Laden Sie kostenlose SVG-Vektoren für die kommerzielle Nutzung herunter. |
| Convertio | Konvertieren Sie PNG-Dateien online und kostenlos in SVG. (Einer der von ihm bereitgestellten Dienste.) |
| CSS-SYMBOL | Icon-Set mit reinem CSS-Code, ohne Abhängigkeiten, „Grab-and-Go“-Icons |
| Einheitliche Symbole | Tausende Symbole, ein einheitliches Framework. Eine Bibliothek, über 40.000 Vektorsymbole. |
| System-UIcons | Über 220 Symbole in einer wachsenden Sammlung. |
| IconPark | Verwandeln Sie ein SVG-Symbol in mehrere Themen und generieren Sie React-Symbole, Vue-Symbole und SVG-Symbole |
| Radix-Symbole | Ein gestochen scharfer Satz von 15×15 Icons, entworfen vom Modulz-Team. Alle Symbole sind als einzelne Reaktionskomponente, SVG und mehr verfügbar. |
| EOS-Symbole | Eine pixelgenaue, ikonische Open-Source-Schriftart, verfügbar als Ligatur und SVG. |
| Ionicons | Wunderschön gestaltete Open-Source-Symbole zur Verwendung in Web-, iOS-, Android- und Desktop-Apps. |
| Phosphor-Symbole | Phosphor ist eine flexible Symbolfamilie für Schnittstellen, Diagramme und Präsentationen |
| Teeny-Ikonen | TeenyIcons ist eine Reihe von Symbolen im SVG-Format, die einfach in HTML verwendet werden können |
| Lucide | Lucide ist eine Open-Source-Icon-Bibliothek, eine Abzweigung von Feather Icons. |
| Ikonen | Icon Explorer mit Sofortsuche, unterstützt von Iconify. |
| Beschissene Ikonen | Sammlung kostenloser Icons. |
| Iconspedia | Iconspedia ist eine Website, die eine große Sammlung hochwertiger kostenloser Icons enthält. |
| iconhub | Einfach praktische, atemberaubende Symbole für jedermann |
| 3DICONS | Wunderschön gestaltete Open-Source-3D-Symbole |
| IconsDb | Kostenlose benutzerdefinierte Symbole |
| Emoji-Leitfaden | Die Sammlung von 3300 Emojis mit ihren HTML-Codes zur einfachen Verwendung. |
| Einhorn-Ikonen | Über 100 anpassbare, verspielte animierte Symbole. Verfügbar im JSON- und SVG-Format. |
| Sargam-Ikonen | Eine Sammlung von über 275 Open-Source-Symbolen, verfügbar für Figma, SVGs und React. |
| Icon-Kumpel | Eine Sammlung von über 100.000 Open-Source-SVG-Symbolen, vollständig anpassbar für Designer und Entwickler. |
| Runde Symbole | Die weltweit größte Premium- und kostenlose Symbolpaketbibliothek mit flachen Symbolen, Liniensymbolen, gefüllten Umrissen, isometrischen und einfarbigen Stilen. |
| Vektopus | Top kuratierte kollektive Ressourcen für Elite-Designer. |
Ressourcen für Logos
| Webseite | Beschreibung |
|---|---|
| LogoSear.ch | Suchmaschine mit über 200.000 indizierten SVG-Logos |
| SVGPorn | Über 1000 hochwertige SVG-Logos |
| Logos von Zahlungssystemen | Logos für Zahlungssysteme verfügbar in PNG und SVG |
| Browser-Logos | Hochauflösende Webbrowser-Logos |
| VectorLogoZone | Konsistent formatierte SVG-Logos |
| Welt-Vektor-Logo | Laden Sie Vektorlogos von Marken herunter, die Sie lieben |
| Logo-Ersteller | Erstellen Sie benutzerdefinierte Logos |
| Kostenloser Logo-Maker | Schneller All-in-One-Logo-Generator |
| LOGOWein | Kostenloser Download von Markenlogos im SVG-Vektor- und PNG-Dateiformat |
Ressourcen für Favicons
| Webseite | Beschreibung |
|---|---|
| Favicon.io | Generieren Sie ein Favicon aus Text, einem Bild oder einem Emoji. Download in den Formaten .ico und .png |
| Favicomatic | Generieren Sie Favoriten in allen Größen und Formaten sowie den HTML-Code, der zur Unterstützung aller möglichen Browser und Geräte erforderlich ist |
| Favicon-Generator | Generieren Sie Favicon-ICO-Dateien für Ihre Website |
| RealFaviconGenerator | Generieren Sie Symbole für alle Plattformen (Windows, iOS, Android) |
| FontIcon | Generieren Sie Favoriten und Bilder aus Font Awesome-Symbolen |
| Favicon.cc | Zeichnen Sie online ein Favicon und durchsuchen Sie eine Bibliothek mit Favicons, die von anderen Benutzern erstellt wurden |
| Maskable.app-Editor | Generieren Sie maskierbare PWA-Symbole basierend auf Ihrem vorhandenen Symbol |
| Favicon-Generator | Generieren Sie die Favicon-Assets der Website. SVG, maskierbar, Bildminimierung unterstützt. Reines Frontend. Kein Datenschutzrisiko. Schnell. |
Ressourcen für Symbolschriftarten
| Webseite | Beschreibung |
|---|---|
| Schriftart Super | Das beliebteste Icon-Set und Toolkit im Internet |
| Linie Super | Ersetzen Sie Font Awesome durch moderne Liniensymbole |
| Materielle Symbole | Symbolbibliothek für Materialdesign |
| IonIcons | Wunderschön gestaltete Open-Source-Symbole vom Ionic-Team |
| Symbole der Zurb-Stiftung | Anpassbare Foundation-Symbole |
| Fontisto-Symbole | Fontisto, das ikonische Schriftarten- und CSS-Toolkit · 616+ kostenlose Symbole |
| Boxicons | Boxicons ist eine kostenlose Sammlung sorgfältig erstellter Open-Source-Symbole |
| Icofont | Über 2100 kostenlose Symbole, um Ihre kreativen Designs aufzupeppen |
| Materialpalette | Freie Auswahl von Paletten, Symbolen und Farben für Material Design |
| Ikonische Schriftart des Materialdesigns | Schriftart für Materialdesign-Symbole |
| Vscode-Codicons | Die Symbolschriftart von Visual Studio Code |
| Devicon | Devicon ist eine Reihe von Symbolen, die Programmiersprachen, Design- und Entwicklungstools darstellen |
| PaymentFont | Eine elegante Webschriftart für Zahlungsanbieter und -methoden. Mit 116 Symbolen |
| Wettersymbole | Weather Icons ist die einzige Symbolschriftart mit 222 Symbolen zum Thema Wetter |
| Schlaganfall 7 | 202 dünne Strichsymbole, inspiriert von iOS 7 |
| Jam-Symbole | Über 890 handgefertigte Symbole, die Ihre Web-App großartig machen |
| Fontello | Über 200 Websymbole, bei denen Sie die Namen oder Codes der Symbole anpassen können. |
| Linea | Linea: Mit über 750 kostenlosen Icons |
| Unicons | Ein Satz von über 1100 kostenlosen Linienstilsymbolen, verfügbar als Webschriftart, SVG-Symbole und als Komponenten für JS-Frameworks wie React, Vue und React Native. |
| Mobirise-Symbole | Ein kostenloser Open-Source-Satz von 150 eleganten, pixelgenauen linearen Symbolen, verfügbar als Web-Icon-Schriftart und SVG-Icons. |
| Heldensymbole | Kostenlose Open-Source-SVG-Symbolbibliothek |
| Reaktionssymbole | Als Open-Source- und kostenlose SVG-Symbolbibliothek handelt es sich um eine Sammlung Ihrer bevorzugten Symbolbibliotheken wie Font Awesome und Material Icons, die Ihnen eine große Auswahl an SVG-Symbolen zur Verfügung stellt. |
Websites, die kostenlose Stockfotos aller Art für Ihre Websites und Apps anbieten
| Webseite | Beschreibung |
|---|---|
| Pexels | Kostenlose Stockfotos, die von talentierten Entwicklern geteilt werden |
| Unsplash | Die Quelle für frei nutzbare Bilder im Internet |
| Pixabay | Über 1,7 Millionen hochwertige Bilder und Videos |
| Magdeleine | Jeden Tag eine Galerie und kostenlose hochauflösende Fotos |
| Picspree | Lizenzfreie Bilder, Stockfotos, Illustrationen und Vektoren |
| Platzen | Kostenlose Stockfotos-Sammlungen |
| Gratisographie | Kostenlose Sammlung kostenloser hochauflösender Bilder |
| Leben von Pix | Kostenlose hochauflösende Fotografie |
| Stock Snap | Wöchentlich werden Hunderte hochwertige Fotos hinzugefügt |
| Leichenschauhausakte | Über 350.000 kostenlose Stockfotos zur kommerziellen Nutzung |
| Kaboom-Bilder | Stockfotos und Farbpaletten. Gut für Produktbilder |
| Neuer alter Bestand | Stock-Vintage-Fotos |
| Bild Jumbo | Gute Sammlungen verschiedener Arten von Fotos |
| Public Domain-Bilder | Public Domain-Bilder aller Art |
| Finden Sie ein Foto | Durchsucht mehrere Stockfoto-Websites |
| Lagerraum | Kategorisierte Stockfotos |
| Platzhalter | Ein kostenloser Bildplatzhalterdienst für das Web. Sie können Bildgröße und -format angeben |
| Realistische Aufnahmen | Kostenlose hochauflösende Stockfotos |
| Negativer Raum | Hochauflösende kostenlose Stockfotos |
| SkitterFoto | Kostenlose hochauflösende Fotografie |
| PicoGraphy | Wunderschöne, hochauflösende, kostenlose Fotos |
| Wunder Stock | Atemberaubend tolle kostenlose Fotos |
| PxHere | Kostenlose Bilder und kostenlose Stockfotos - PxHere |
| Piqsels | Lizenzfreie Stockfotos |
| FoodiesFeed | Fotoarchiv für Lebensmittel |
| Windel | Eine Website mit wunderschönen, hochauflösenden Fotos von schwarzen und braunen Menschen. |
| Generierte Fotos | Einzigartige, von der KI generierte Modellfotos |
| Neuaufnahme | Einzigartig kostenlose Fotos. Handverlesene, nicht aufdringliche Bilder. |
| Kostenlose Bilder | Finden Sie kostenlose Stockfotos und laden Sie sie herunter – alles kostenlos für den persönlichen und kommerziellen Gebrauch |
| Lorem Picsum | Eine einfach zu verwendende API, um schöne Platzhalterbilder zu erhalten. Größe und andere Parameter können angegeben werden. |
| Wissenschaftsbild | Eine auf Wissenschafts- und Naturbilder spezialisierte Bildbibliothek |
| Bildbibliothek für Integrations- und Anwendungsnetzwerke | Kostenlose Bilder, um Wissenschaftlern, Ressourcenmanagern, Regierungsbehörden, Community-Gruppen und Grafikfachleuten eine Ressource zur Verbesserung der Wissenschaftskommunikation zur Verfügung zu stellen. |
| Steinbrech | Kostenlose Naturbilder |
| Creative Commons | Suchen Sie nach kostenlosen Bildern zur Wiederverwendung. |
| AllTheFreeStock | eine kuratierte Liste mit kostenlosen Bildern, Audiodateien und Videos. |
| Lorem.space – Platzhalterbildgenerator | API für Platzhalterbilder, aber nützlich! |
| Openverse | Openverse ist eine Suchmaschine für öffentlich lizenzierte Medien |
| ISO-Republik | Erhalten Sie Tausende kostenlose hochauflösende CC0-Fotos |
Websites, die kostenlose Stockvideos aller Art für Ihre Websites und Apps anbieten
| Webseite | Beschreibung |
|---|---|
| Pexels | Größte Bibliothek mit kostenlosen Videos, gespendet von der Community |
| Pixabay | Große Bibliothek mit kostenlosen Videos, gespendet von der Community, ähnlich wie Pexels |
| Coverr.co | Wunderschönes kostenloses Stockvideomaterial |
| Videezy | Kostenloses HD-Stockmaterial und 4K-Videos |
| Mix-Kit | Stock-Videoclips und Musik |
| Leben der Videos | Kostenlose Videoclips und Loops |
| Video | Kostenlose und erstklassige Stockvideos |
| Loopvidz | Kostenlose Verwendung von mit der VIMAGE-App erstellten Kinodiagrammen |
| SplitShire | Wunderschöne und exklusive kostenlose Stockvideos und Fotos |
| Kostenloses Stockvideo | Kostenlose Filmmaterial-Stockvideos |
Websites, die kostenlose Musik und/oder Soundeffekte anbieten
| Webseite | Beschreibung |
|---|---|
| YouTube Studio-Audiobibliothek | Lizenzfreie Audiobibliothek zum Herunterladen von Musik und Soundeffekten. Für die YouTube-Monetarisierung freigegeben. |
| Kostenlose Stockmusik | Gemafreie Stockmusik für YouTube-Videos, Podcasts usw |
| Bensound | Laden Sie lizenzfreie Musik kostenlos herunter und verwenden Sie sie in Ihrem Projekt |
| Mixkit | Kostenlose Musik für Ihre Projekte |
| Freesound | Kostenlose Stockmusik und Sounds |
| Kostenloses Musikarchiv | Kollaborative Datenbank mit Creative-Commons-lizenziertem Sound für Musiker und Soundliebhaber |
| Musopen | Eine urheberrechtsfreie Online-Bibliothek für klassische Musik |
| Pixabay | Kostenlose Musik-Downloads für Ihr Projekt wie YouTube-Videos, Musik, Vlog, Film, Podcast usw. |
| Unminus | Kostenlose Premium-Musik für Ihre Projekte? Lizenzfrei. Für YouTube freigegeben. |
Kostenlose Vektoren, Cliparts, Illustrationen, Muster und mehr
| Webseite | Beschreibung |
|---|---|
| Vecteezy | Finden und laden Sie kostenlose Vektorgrafiken herunter |
| Freepik | Kostenlose Vektoren, Stockfotos, PSDs und Symbole |
| Kostenlose Vektoren | Community von Vektorliebhabern, die kostenlose Vektorgrafiken teilen |
| PNGTree | PNG, Hintergründe, Vorlagen, Texteffekte |
| Vector4Free | Kostenlose Vektorgrafiken |
| Freeble | Vektoren, Muster, Mockups und mehr |
| Lukaszadam | Kostenlose Vektorgrafiken |
| Illustrationen | Wunderschöne 100 Illustrationen - PNG, SVG |
| Clipart | Wählen Sie aus der kostenlosen Sammlung tolle Cliparts, PNGs, Malvorlagen, Zeichnungen und mehr für Ihre Projekte! |
| Growwkit-Illustrationen | Ein Satz von 8 einfachen, stilvollen Schwarz-Weiß-Illustrationen |
| trianglify.io | Generieren Sie Low-Poly-Hintergründe, Texturen und Vektoren |
| Klecks | Generieren Sie Blob-Formen für Web- und Flutter-Apps |
| HiClipart | Eine Community für Designer zum Teilen und Herunterladen von PNG-Cliparts mit transparentem Hintergrund |
| Geschichten von Freepik | Eine Sammlung kostenloser und anpassbarer Illustrationen für Projekte |
| Schwarze Illustrationen | Wunderschöne Illustrationen von Schwarzen (kostenlos und Premium) |
| Entwerfen | Eine Sammlung kostenloser Illustrationen und mehr |
| Benutzerdefinierte Formteiler | Kostenloses Tool, das es Designern und Entwicklern erleichtert, einen schönen SVG-Formteiler zu exportieren |
| Servier Medical Art | 3000 kostenlose medizinische Bilder zur Illustration Ihrer Publikationen und PowerPoint-Präsentationen |
| Clker | Kostenlose Cliparts, die Sie für alles verwenden können, was Sie möchten |
| SVG-Welle | Ein kostenloser und anpassbarer Farbverlauf? SVG-Wellengenerator für UI-Designs. |
| BGjar | Kostenloser SVG-Hintergrundgenerator für Ihre Websites, Blogs und Apps. |
| Heritage-Bibliothek | Vintage-Illustrationen (Vektor und PNG) |
| ROBOHASH | Generieren Sie einzigartige Bilder aus jedem Text |
| Getigert | Erstellen und passen Sie minimal generierte Muster/Grafiken an, um sie für Hintergrundbilder, Drucke und andere Projekte zu verwenden. |
| Haikei | Eine fantastische Multishape-Web-App. |
| Vektor | Tolle Website für alle Arten marokkanischer Vektoren. |
| Schwer | Einzigartige Vektor-Assets innerhalb von Sekunden. |
| Mossaik | Kostenloser SVG-Generator mit verschiedenen Werkzeugen, Wellen, Kacheln, Blobs und mehr. |
Erstellen Sie Modelle von Geräten und anderen Produkten
| Webseite | Beschreibung |
|---|---|
| Scheinstadt | Erstellen Sie Massenmodelle aus PSD-Vorlagen, indem Sie Bilder automatisch in SmartObjects platzieren. Mit dem visuellen Editor können Sie SmartObject-Parameter ändern und in Echtzeit eine aktualisierte Mockup-Vorschau anzeigen. |
| Intelligente Modelle | Erstellen Sie atemberaubende Produktmodelle (kostenlos und Premium) |
| Medienmodifikator | Wunderschöner Design-Mockup-Service für Ihre Produkte (kostenlos und Premium) |
| Schnappschuss | Erstellen Sie wunderschöne Gerätemodellbilder für Ihr App- oder Website-Design |
| Screely | Verwandeln Sie Ihren Screenshot sofort in ein Modell |
| Screenshot.rocks | Erstellen Sie in Sekundenschnelle wunderschöne Browser- und Mobil-Mockups |
| Bildschirmspitze | Erstellen Sie ein Modell aus einer URL |
| Mockup-Welt | Die größte Online-Quelle für kostenlose fotorealistische Mockups |
| Collab Shot | Bildschirmaufnahmen und Bildfreigabe in Echtzeit |
| Facebook-Geräte | Bilder und Skizzendateien beliebter Geräte |
| Threed.io | Generieren Sie 3D-Modelle direkt in Ihrem Browser. |
| Mockuphone | 100 % kostenlose Mockups für alle Geräte, einschließlich IOS, Android, Windows Phone, Laptop & Desktop und TV |
| Geräteaufnahmen | Erstellen Sie kostenlos hochauflösende Gerätemodelle für soziale Medien |
| Sauberer Mock | Erstellen Sie schnell und kostenlos beeindruckende Modelle mit den neuesten Geräterahmen wie dem iPhone X und benutzerdefinierten Hintergründen, die Ihr Handy- oder Website-Design hervorheben. |
| Mock.Video | Erstellen Sie im Handumdrehen Modelle, indem Sie Ihren Videos einen Geräterahmen hinzufügen. |
| MockupBro | Erstellen Sie Produktmodelle mit dem Online-Modellgenerator! Wählen Sie einfach ein Modell aus, laden Sie Ihr Design hoch und laden Sie Ihr Bild ohne Wasserzeichen herunter. |
| Animockup | Erstellen Sie animierte Mockups im Browser. |
| Pika | Erstellen Sie sofort Browser-Mockups und wunderschöne Bilder für Marketing, Blogbeiträge und mehr |
| Wahnsinn | Erstellen Sie kostenlos Mockups von Grund auf |
Websites, die kostenlose, schöne Website-Vorlagen und Themes aller Art anbieten
| Webseite | Beschreibung |
|---|---|
| HTML5Up | Sehr moderne, einzigartige responsive HTML5/CSS3-Themes |
| Templatemo | Minimal, Lebenslauf, Galeriethemen und mehr |
| FreeHTML5 | Kostenlose und Premium-HTML5- und Bootstrap-Themen |
| StyleShout | Brillant gestaltete kostenlose Website-Vorlagen |
| Starten Sie Bootstrap | Bootstrap-Starterthemen |
| HTML5xCSS3 | Sammlung wunderbarer Vorlagen in verschiedenen Kategorien |
| ThemeWagon | Sammlung von HTML5-Bootstrap-Vorlagen aus verschiedenen Kategorien |
| Farblib | Fast jede Themenkategorie, die Sie sich vorstellen können |
| Kostenloses CSS | Riesige Sammlung kostenloser Vorlagen |
| Hubspot | Vorlagen, Infografiken, Banner und vieles mehr |
| Mobirise | Großartig aussehende HTML5/CSS3-Vorlagen |
| Bootswatch | Kostenlose Themes für Bootstrap |
| Onepagelove | Einseitige Websites, Vorlagen und Ressourcen |
| Themen für App | Kostenlose Bootstrap-Themes und Landingpages |
| BootstrapTaste | Premium- und kostenlose Bootstrap-Vorlagen |
| BootstrapMade | Elegante, saubere und schöne kostenlose Vorlagen mit Bootstrap. |
| W3Layouts | W3Layouts: Über 3784 kostenlose Website-Vorlagen für 2020 |
| Werkzeugplatte | Tooplate: Kostenlose HTML-Vorlagen für alle! |
| Kruppe | Vollständig codierte HTML-Vorlagen, die Ihnen dabei helfen, Ihre Startup-Landingpage problemlos und problemlos zu erstellen. |
| UIdeck | Kostenlose Landingpage-Vorlagen und Bootstrap-Themes |
| Splawr | Kostenlose Webvorlagen, um Ihre Idee voranzutreiben! |
| W3css_templates | Einige responsive W3.CSS-Website-Vorlagen, die Sie verwenden können. |
| Komplett kostenloser Download | Laden Sie kostenlose Website-Vorlagen herunter |
| Mashup-Vorlage | Kostenlose HTML5/CSS3-Vorlagen |
| Sneat Bootstrap 5 HTML-Admin-Vorlage | Open-Source- und einfach zu verwendende Bootstrap 5-HTML-Admin-Vorlage mit elegantem Design und einzigartigem Layout. |
| HTMLrev | Kostenlose schöne HTML5-Vorlagen und Landingpages |
| Horizon-Benutzeroberfläche | Die trendigste Open-Source-Admin-Vorlage für React |
| KeenThemes | Kostenlose und professionelle HTML/CSS3-, Bootstrap5-, Vue-, React- und Laravel-Vorlagen |
| ScrewFast | Open-Source-Astro-Website-Vorlage mit eleganten, anpassbaren TailwindCSS-Komponenten |
CSS/UI-Frameworks zur Erstellung toll aussehender Websites und Anwendungen
| Webseite | Beschreibung |
|---|---|
| Rückenwind-CSS | Low-Level-Framework, bei dem der Nutzen an erster Stelle steht |
| Bootstrap | Beliebtes UI-Framework mit unzähligen Komponenten, die sowohl CSS als auch JS verwenden |
| Materialisieren | Ein modernes responsives Frontend-Framework basierend auf Material Design |
| Material Design Lite | Leichtes Framework basierend auf Material Design. Keine JS-Abhängigkeit |
| Bulma | Modernes CSS-Framework ohne JS |
| Skeleton | Extrem leichtes Framework für grundlegende UI-Elemente |
| Einheitliches CSS | Vollständig konfigurierbarer Utility-Generator und CSS-Framework, vollständig in Sass erstellt |
| Semantische Benutzeroberfläche | Befähigt Designer und Entwickler durch die Erstellung eines gemeinsamen Vokabulars für die Benutzeroberfläche |
| Fomantische Benutzeroberfläche | Ein Community-Fork von Semantic-UI |
| Stiftung | Mobile First Framework mit sauberem Markup |
| Reines CSS | Eine Reihe kleiner, reaktionsfähiger CSS-Module |
| UIKit | Leichtes und modulares Front-End-Framework |
| Susi | Leichte Grid-Layout-Engine für Sass |
| Milligram.io | Minimalistisches CSS-Framework |
| Vanille-Framework | Einfaches, erweiterbares CSS-Framework, geschrieben in Sass |
| Spectre-CSS | Leichtes, modernes CSS-Framework |
| Picknick-CSS | Leichte und schöne Bibliothek |
| Flügel | Ein wunderschönes CSS-Framework für Minimalisten |
| Chota | Ein Mikro-CSS-Framework (~3 KB). |
| Blueprint-CSS | Eine schlanke Layoutbibliothek zum Erstellen großartiger, reaktionsfähiger Mobile-First-Benutzeroberflächen, die überall funktionieren |
| W3.CSS | Ein modernes CSS-Framework mit standardmäßiger Unterstützung für Desktop-, Tablet- und Mobildesign. Entwickelt, um unabhängig von jQuery oder einer anderen JavaScript-Bibliothek zu sein |
| 98.css | Ein Designsystem zum Erstellen originalgetreuer Nachbildungen alter Benutzeroberflächen |
| NES-CSS | CSS-Framework im NES-Stil |
| Shoelace.css | Leichte, zukunftsorientierte CSS-Bibliothek, die mit zukünftiger CSS-Syntax erstellt wurde |
| MVP.css | Ein minimalistisches Stylesheet für HTML-Elemente. Keine Klassennamen, keine Frameworks, nur semantische HTML und Sie sind fertig |
| Blaze.css | Open Source Modular CSS Toolkit bietet eine großartige Struktur für das schnelle Erstellen von Websites |
| Turm CSS | Turret CSS ist ein Styles -Framework für die Entwicklung reaktionsschneller Websites. |
| Cutestrap | Ein starker, unabhängiger CSS -Rahmen. |
| Xp.css | XP.CSS ist eine Erweiterung von 98.css. Eine CSS -Bibliothek zum Erstellen von Schnittstellen, die wie alte Benutzeroberfläche aussehen. |
| Framework7 | Framework7 - ist ein kostenloses und Open -Source -Framework, um mobile, Desktop- oder Web -Apps mit nativem Erscheinungsbild und Gefühl zu entwickeln. |
| Hint.css | Eine reine CSS -Tooltip -Bibliothek für Ihre schönen Websites. |
| ImageHover.io | Pure CSS Image Hover Effect Library |
| mini.css | Ein minimales, reaktionsschnelles, style-agnostisches CSS-Framework |
| Tachyonen | Erstellen Sie schnelle Lade-, hoch lesbare und 100% reaktionsschnelle Schnittstellen mit so wenig CSS wie möglich. |
| Material Bootstrap | Materialdesign mit Bootstrap |
| Elfenbein | Ein modernes CSS -Framework zur Entwicklung leistungsstarker Web -Schnittstellen schneller und einfacher |
| Halbmoon UI | Ein reaktionsschnelles und leichtes Rahmen, das für den schnellen Aufbau wunderschöner Dashboards und Produktseiten ausgelegt ist. |
| Metro 4 | Erstellen Sie Ihre Website schnell und effektiv mit der Metro 4. beeindruckende Komponentenbibliothek, die auf HTML, CSS, JavaScript basiert. |
| CSS-Doodle | Eine Webkomponente zum Zeichnen von Mustern mit CSS |
| latex.css | Lassen Sie Ihre Website wie ein Latexdokument aussehen |
| Papier CSS | Front-End-Drucklösung |
| Windi CSS | Compiler der nächsten Generation für Rückenwind -CSS |
| Cirrus CSS | Ein Komponenten- und Dienstprogramm -zentrales SCSS -Framework für schnelle Prototypen. |
| Gutenberg | Modernes Framework, um das Web richtig zu drucken. |
| lit | Der kleinste reaktionsschnelle Feuer CSS -Gerüst der Welt (395 Bytes). |
| Arwes | Arwes ist ein Web -Framework, um Benutzeroberflächen auf der Grundlage futuristischer Science -Fiction -Designs, Animationen und Soundeffekte zu erstellen. |
| Bojler | Bojler ist ein E -Mail -Framework für die Entwicklung reaktionsschneller und leichtgewichtiger E -Mail -Vorlagen, die über die beliebtesten E -Mail -Clients korrekt rendert. |
| Stillschweigend | Primitive CSS -Framework für Dummies ohne Klassen. |
| Terminal CSS | Ein moderner und minimaler CSS -Rahmen für Terminalliebhaber. |
| Sakura | Ein minimales klassenloses CSS -Framework / -Thema. |
| PSONE | CSS -Framework im PS1 -Stil, inspiriert von NES.CSS. |
| Marx | Marx ist der klassenlose CSS -Reset, der in Projekten (nämlich kleine) verwendet werden soll. |
| Tufte | Stylen Sie Ihre Webseite wie die Handzettel von Edward Tufte. |
| Axentix | Axentix ist ein Open -Source -Framework, das auf CSS -Raster unter Verwendung von HTML, CSS und JS basiert. |
| Raster Simple Grid System | Minimales und einfaches CSS-Gittersystem unter Verwendung deskriptiven HTML anstelle semantischer CSS. |
| Flownt | Flowrift ist eine Bibliothek aus wunderschön gestalteten Rückenwind -CSS -UI -Blöcken. |
| twind | Die kleinste, schnellste, die meisten bieten eine vollständige Lösung für den Rückenwind-in-Js |
| Pico.css | Elegante Stile für alle HTML -Elemente der Eingeborenen ohne. Klassen und Dunkelmodus automatisch aktiviert. |
| Clay.css | Erweiterbare und konfigurierbare Micro -CSS -Util -Klasse und SASS -Mixin zum Hinzufügen von Claymorphism -Stilen zu Ihren Komponenten. |
| Beercs | Bauen Sie Materialdesign -Schnittstellen in Rekordzeit ohne Spannung für Entwickler? Das erste CSS -Framework, das das Material Design 3 implementiert. |
| UnoCSS | UNOCSS ist der sofortige Atom -CSS -Motor, der flexibel und erweiterbar ist. Der Kern ist nicht optimiert und alle CSS-Dienstprogramme werden über Voreinstellungen bereitgestellt. |
| Neptun CSS | Neptun CSS ist ein leichtes CSS -Framework. Verwenden Sie es, um Ihre Websites schneller zu entwickeln. |
| Stylex | Stylex ist eine einfache, benutzerfreundliche JavaScript-Syntax und Compiler für Styling-Web-Apps. |
| Orbit | Orbit ist das erste CSS -Framework zum Erstellen einfacher oder komplexer radialer Schnittstellen. |
CSS -Methoden zum Schreiben modularer, wiederverwendbarer und skalierbarer Code
| Webseite | Beschreibung |
|---|---|
| Oocss | OOCSS -Konzepte helfen uns, Komponenten zu schreiben, die flexibel, modular und austauschbar sind. |
| Atomic CSS | Atomic CSS ist der Ansatz zur CSS-Architektur, der kleine Einzelpur-Klassen mit Namen beruht, die auf visuellen Funktionen basieren. |
| Bem | Blockelement-Modifikator ist eine Methodik, mit der Sie wiederverwendbare Komponenten und Codefreigabe in der Front-End-Entwicklung erstellen können. |
| SMACSS | SMACSS ist eine Möglichkeit, Ihren Entwurfsprozess zu untersuchen und diese starren Frameworks in einen flexiblen Denkprozess einzubeziehen. |
| WÜRFEL | Cube CSS ist eine CSS -Methodik, die sich auf Einfachheit, Pragmatismus und Konsistenz orientiert. |
CSS -Animationen, um großartige Animationen für Websites und Anwendungen zu erstellen
| Webseite | Beschreibung |
|---|---|
| Animate.css | Just-Add-Water CSS-Animationen |
| Bounce.js | Bounce.js ist ein Tool und eine JS -Bibliothek, mit der Sie wunderschöne CSS3 -Animationen erstellen können |
| Anime.js | Anime.js (/ˈæn.ə.meɪ/) ist eine leichte JavaScript -Animationsbibliothek mit einer einfachen, aber leistungsstarken API. Es funktioniert mit CSS -Eigenschaften, SVG, DOM -Attributen und JavaScript -Objekten |
| Magische Animationen | Animationen waren eine der beeindruckendsten Animationsbibliotheken verfügbar |
| Zdog | Runde, flache, designer-freundliche Pseudo-3D-Motor für Canvas & SVG |
| CSSHake | CSShake liefert genau das, was auf der Box steht - eine CSS -Bibliothek, die speziell zum Schütteln von Elementen innerhalb Ihrer Webseite entwickelt wurde |
| Hover.css | Hover.css ist eine CSS -Animationsbibliothek, die für die Verwendung mit Schaltflächen und anderen UI -Elementen auf Ihrer Website entwickelt wurde |
| Anijs | ANIJS ist eine Animationsbibliothek, mit der Sie Elementen in einer einfachen "saftigen" Struktur Animationen hinzufügen können |
| Animista | CSS -Animationen auf Nachfrage |
| Tachyons-Animate | Tachyons selbst ist eine Atomic CSS -Bibliothek mit einer Menge Versorgungsklassen, um im Wesentlichen irgendetwas zu entwerfen, indem Sie das, was Sie brauchen, Klassen hinzufügen |
| Sequenz.js | Sequence.js ist eine JavaScript-Bibliothek, die ein reaktionsschnelles CSS-Framework für die Erstellung einzigartiger Schieberegler, Präsentationen, Banner und anderer stufenbasierter Anwendungen bietet |
| Unendlich | Diese Animationen, wie Rotationen und Impulse, die speziell für immer ausgeführt und wiederholt wurden |
| Widerlich.css | Animationen für die Starken des Herzens und den Schwachen des Geistes |
| Bewegung UI | Eine SASS -Bibliothek zum Erstellen flexibler CSS -Übergänge und -animationen |
| Keyframes.app | Eine grafische Benutzeroberfläche zum Generieren benutzerdefinierter CSS -Keyframe -Animationen |
| Gedankenbot | CSS -Übergänge und -Transformationen für Anfänger |
| SVG Artista | Ein nützliches Werkzeug zum Animieren von Schlaganfällen und Füllen von Eigenschaften in SVG -Bildern mit einfachem CSS -Code |
| Animxyz | Animxyz hilft Ihnen, Animationen für Ihre Website zu erstellen, anzupassen und zu komponieren. Gebaut für Vue, React, SCSS und CSS |
| Wirbeln | CSS laden Animationen mit minimalem Aufwand! |
| Hamburger | Hamburgers ist eine Sammlung leckerer CSS-animierter Hamburger-Ikonen. Ebenfalls enthalten ist die Quelle als Sass -Bibliothek. Es ist modular und anpassbar. Kochen Sie also Ihren eigenen Hamburger. |
| CSS -Lader & Spinner | Dies ist eine Bibliothek mit einer Sammlung verschiedener Arten von CSS -Ladern, Spinnern |
| Bewegung eins | Eine neue Animationsbibliothek, die in der Webanimations -API für die kleinste Dateigröße und die schnellste Leistung aufgebaut ist. |
| Pocoloco | Generieren Sie dynamische Hintergründe für Ihre Website |
| Anix | Super einfache und leichte CSS -Animationsbibliothek. |
| Aos | Animate in Scroll Library. |
| Animatopie | Just-Add-Water CSS-Animationen Snippets |
JavaScript -Animationsbibliotheken, um großartige Animationen für Websites und Anwendungen zu erstellen
| Webseite | Beschreibung |
|---|---|
| Greensock | Eine JavaScript-Bibliothek zum Aufbau von Hochleistungsanimationen, die in jedem großen Browser funktionieren |
| Velocity.js | Geschwindigkeit ist eine leichte Animations -Engine mit derselben API wie Jquerys $ .animate () |
| lax.js | Einfaches & leichtes Vanille -JavaScript -Plugin, um reibungslose und schöne Animationen beim Scrollen zu erstellen! |
| Rellax.js | Eine butterartige glatte, superleichte Vanille -JavaScript -Parallax -Bibliothek |
| three.js | Eine einfach zu bedienende, leichte 3D -Bibliothek mit einem Standard -WebGL -Renderer. |
| Atropos | Atropos ist eine leichte, kostenlose und offene JavaScript-Bibliothek, um atemberaubende Touch-freundliche 3D-Parallaxe-Schwebeffekte zu erzeugen. |
| wow.js | Enthüllen Sie Animationen, wenn Sie scrollen. |
| Chocolat.js | Kostenloses Lightbox -Plugin. |
| Animierung bei Scrollen | Animieren Sie die Scroll -Bibliothek, um Animationen beim Scrollen zu enthüllen. |
| Tilt.js | Ein winziger RequestAnimationFrame -Antrieb von 60+FPS Leichtes Parallaxe -Schweber -Tilt -Effekt für JQuery. |
| Roughnotation | Rough Notation ist eine kleine JavaScript -Bibliothek, um Anmerkungen auf einer Webseite zu erstellen und zu animieren |
| tspartikel | Eine leichte Bibliothek zum Erstellen von Partikeln, eine verbesserte Version der verlassenen und veralteten Partikel.js |
| Partikel.js | Eine leichte JavaScript -Bibliothek zum Erstellen von Partikeln |
| Mo.js | Der Motion Graphics Toolbelt für das Web |
| Lightbox2 | Eine kleine JS -Bibliothek zur Überlagerung von Bildern oben auf der aktuellen Seite. |
| Glatt | Volles reaktionsschnelles Karussell |
| Barba.js | Erstellen Sie zwischen den Seiten Ihrer Website fließende und reibungslose Übergänge. |
| Lokomotive -Schriftrolle | Eine einfache Scrollbibliothek, die die Erkennung von Elementen im Ansichtsfenster und das reibungslose Scrolling mit Parallaxe ermöglicht. |
| Eulen Karussell | Kostenlos reaktionsschnell jQuery karousel |
| Swiperjs | Kostenlos, Open Source, Modern Slider ohne jQuery. Verfügbar für Vanille -JS und alle modernen Gerüsts wie React, Vue, Angular usw. |
| Splide | Kostenlose, reine JS -Bibliothek für Karussell und Schieberegler |
| Einfache Parallaxe | Der einfachste Weg, um einen parallaxen Effekt mit JavaScript zu erzielen |
| Kute.js | Kute.js ist eine JavaScript -Animations -Engine für moderne Browser. |
| Granim.js | Erstellen Sie mit dieser kleinen JavaScript -Bibliothek flüssige und interaktive Gradientenanimationen. |
| Popmotion | Einfache Animationsbibliotheken für herrliche Benutzeroberflächen. |
| Vivus | Vivus ist eine leichte JavaScript -Klasse (ohne Abhängigkeiten), mit der Sie SVGs animieren können, wodurch sie das Erscheinen des Zeichnens verleiht. |
| Typed.js | Eine JavaScript -Animationsbibliothek. |
| Progress bar.js | Reaktionsschnelle und glatte Fortschrittsbalken mit animierten SVG -Pfaden. |
| Mitternacht.js | Mit Mitternacht. Mitjs können Sie die festen Header im laufenden Fliegen wechseln |
| Tingle.js | Tingle ist ein einfaches modales Plugin, das in reinem JavaScript geschrieben wurde |
| Theatre.js | Theatre.js ist eine JavaScript -Animationsbibliothek mit einer GUI. Es animiert DOM, WebGL und jede andere JavaScript -Variable. |
| Splidejs | Splide ist ein leichter, flexibler und zugänglicher Schieberegler/Karussell, der in TypeScript geschrieben wurde. Keine Abhängigkeiten, keine Leuchtturmfehler. |
| Schöne Wellen | Schöne animierte Wellen |
| Vanta.js | Animierte Website -Hintergründe in einigen Codezeilen. |
| Spaltend.js | Durch die Aufteilung werden Elemente erstellt und CSS -Variablen hinzugefügt, um erstaunliche Möglichkeiten für die Animation von Text, Gitter und vielem mehr freizuschalten! |
Bibliotheken, die Entwicklern helfen, Daten in Diagramme zu visualisieren
