From 23a40f1d166faeeba6502fb0581e31ea85d5e77c Mon Sep 17 00:00:00 2001 From: Kyle Venn Date: Wed, 17 Nov 2021 10:27:04 -0500 Subject: [PATCH 1/4] Adding design inspiration resources Mobile Patterns, UI Garage, Mobbin, scrnshts, and dribbble There weren't many resources in the design inspiration category so I added a few. All of which are free and somewhat different (and with different catalogs of content). If you'd like me to remove any, I'd be happy to do so. I took the description from their pages directly. --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index 876813a9..7d7cf6a6 100644 --- a/README.md +++ b/README.md @@ -1174,6 +1174,7 @@ Table of Contents * [cloudconvert.com](https://cloudconvert.com/) — Convert anything to anything. 208 supported formats including videos to gif. * [CodeMyUI](https://codemyui.com) - Handpicked collection of Web Design & UI Inspiration with Code Snippets. * [designer.io](https://www.designer.io/) — Design tool for UI, illustrations and more. Has a native app. Free. + * [dribbble](https://dribbble.com/) - Unique design inspiration, generally not from real applications. * [figma.com](https://www.figma.com) — Online, collaborative design tool for teams; free tier includes unlimited files and viewers with a max of 2 editors and 3 projects. * [framer.com](https://www.framer.com/) - Framer helps you iterate and animate interface ideas for your next app, website, or product—starting with powerful layouts. For anyone validating Framer as a professional prototyping tool: unlimited viewers, up to 2 editors, up to 3 projects. * [Icon Horse](https://icon.horse) – Get the highest resolution favicon for any website from our simple API. @@ -1186,6 +1187,8 @@ Table of Contents * [MagicPattern](https://www.magicpattern.design/tools) — A collection of CSS & SVG background generators & tools for gradients, patterns, and blobs. * [marvelapp.com](https://marvelapp.com/) — Design, prototyping and collaboration, free plan limited to one user and one project. * [Mindmup.com](https://www.mindmup.com/) — Unlimited mind maps for free, and store them in the cloud. Your mind maps are available everywhere, instantly, from any device. + * [Mobbin](https://mobbin.design/) - Save hours of UI & UX research with our library of 50,000+ fully searchable mobile app screenshots. + * [Mobile Patterns](https://www.mobile-patterns.com/) - A design inspirational library featuring finest UI UX Patterns (iOS and Android) for designers, developers, and product makers to reference. * [Mockplus iDoc](https://www.mockplus.com/idoc) - Mockplus iDoc is a powerful design collaboration & handoff tool. Free Plan includes 3 users and 5 projects with all features available. * [mockupmark.com](https://mockupmark.com/create/free) — Create realistic t-shirt and clothing mockups for social media and E-commerce, 40 free mockups. * [Octopus.do](https://octopus.do) — Visual sitemap builder. Build your website structure in real-time and rapidly share it to collaborate with your team or clients. @@ -1200,7 +1203,9 @@ Table of Contents * [resizeappicon.com](https://resizeappicon.com/) — A simple service to resize and manage your app icons. * [Rive](https://rive.app) — Create and ship beautiful animations to any platform. Free forever for Individuals. The service is a editor which hosts all the graphics on their servers as well. They also provide runtimes for many platforms to run graphics made using Rive. * [smartmockups.com](https://smartmockups.com/) — Create product mockups, 200 free mockups. + * [scrnshts](https://scrnshts.club/) - A hand-picked collection of the finest app store design screenshots * [UI Avatars](https://ui-avatars.com/) - Generate avatars with initials from names. Which the urls can be directly hotlinked in your web/app. Support config parameters via the url. + * [UI Garage](https://uigarage.net/) - Daily UI inspiration & patterns for designers, developers to find inspiration, tools and the best resources for your project. * [unDraw](https://undraw.co/) - A constantly updated collection of beautiful svg images that you can use completely free and without attribution. * [unsplash.com](https://unsplash.com/) - Free stock photos for commercial and noncommercial purposes (do-whatever-you-want license). * [vectr.com](https://vectr.com/) — Free Design App for Web + Desktop. From 30290266bb62f11ecb477846bb1bb2ddc68c4e67 Mon Sep 17 00:00:00 2001 From: Kyle Venn Date: Sun, 28 Nov 2021 14:06:45 -0500 Subject: [PATCH 2/4] Adding coolors --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 7d7cf6a6..b55adb32 100644 --- a/README.md +++ b/README.md @@ -1173,6 +1173,7 @@ Table of Contents * [clevebrush.com](https://www.cleverbrush.com/) — Free Graphics Design / Photo Collage App, also they offer paid integration of it as component. * [cloudconvert.com](https://cloudconvert.com/) — Convert anything to anything. 208 supported formats including videos to gif. * [CodeMyUI](https://codemyui.com) - Handpicked collection of Web Design & UI Inspiration with Code Snippets. + * [coolors](https://coolors.co/) - Color palette generator. Free. * [designer.io](https://www.designer.io/) — Design tool for UI, illustrations and more. Has a native app. Free. * [dribbble](https://dribbble.com/) - Unique design inspiration, generally not from real applications. * [figma.com](https://www.figma.com) — Online, collaborative design tool for teams; free tier includes unlimited files and viewers with a max of 2 editors and 3 projects. From 56fd08093fef87c648df9e1f25e8f812c057c9ff Mon Sep 17 00:00:00 2001 From: Kyle Venn Date: Mon, 29 Nov 2021 21:11:52 -0500 Subject: [PATCH 3/4] Creating a design inspiration section --- README.md | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index b55adb32..48b7438e 100644 --- a/README.md +++ b/README.md @@ -30,6 +30,7 @@ Table of Contents * [Data Visualization on Maps](#data-visualization-on-maps) * [DBaaS](#dbaas) * [Design and UI](#design-and-ui) + * [Design Inspiration](#design-inspiration) * [Dev Blogging Sites](#dev-blogging-sites) * [DNS](#dns) * [Docker Related](#docker-related) @@ -1175,7 +1176,6 @@ Table of Contents * [CodeMyUI](https://codemyui.com) - Handpicked collection of Web Design & UI Inspiration with Code Snippets. * [coolors](https://coolors.co/) - Color palette generator. Free. * [designer.io](https://www.designer.io/) — Design tool for UI, illustrations and more. Has a native app. Free. - * [dribbble](https://dribbble.com/) - Unique design inspiration, generally not from real applications. * [figma.com](https://www.figma.com) — Online, collaborative design tool for teams; free tier includes unlimited files and viewers with a max of 2 editors and 3 projects. * [framer.com](https://www.framer.com/) - Framer helps you iterate and animate interface ideas for your next app, website, or product—starting with powerful layouts. For anyone validating Framer as a professional prototyping tool: unlimited viewers, up to 2 editors, up to 3 projects. * [Icon Horse](https://icon.horse) – Get the highest resolution favicon for any website from our simple API. @@ -1188,8 +1188,6 @@ Table of Contents * [MagicPattern](https://www.magicpattern.design/tools) — A collection of CSS & SVG background generators & tools for gradients, patterns, and blobs. * [marvelapp.com](https://marvelapp.com/) — Design, prototyping and collaboration, free plan limited to one user and one project. * [Mindmup.com](https://www.mindmup.com/) — Unlimited mind maps for free, and store them in the cloud. Your mind maps are available everywhere, instantly, from any device. - * [Mobbin](https://mobbin.design/) - Save hours of UI & UX research with our library of 50,000+ fully searchable mobile app screenshots. - * [Mobile Patterns](https://www.mobile-patterns.com/) - A design inspirational library featuring finest UI UX Patterns (iOS and Android) for designers, developers, and product makers to reference. * [Mockplus iDoc](https://www.mockplus.com/idoc) - Mockplus iDoc is a powerful design collaboration & handoff tool. Free Plan includes 3 users and 5 projects with all features available. * [mockupmark.com](https://mockupmark.com/create/free) — Create realistic t-shirt and clothing mockups for social media and E-commerce, 40 free mockups. * [Octopus.do](https://octopus.do) — Visual sitemap builder. Build your website structure in real-time and rapidly share it to collaborate with your team or clients. @@ -1204,9 +1202,7 @@ Table of Contents * [resizeappicon.com](https://resizeappicon.com/) — A simple service to resize and manage your app icons. * [Rive](https://rive.app) — Create and ship beautiful animations to any platform. Free forever for Individuals. The service is a editor which hosts all the graphics on their servers as well. They also provide runtimes for many platforms to run graphics made using Rive. * [smartmockups.com](https://smartmockups.com/) — Create product mockups, 200 free mockups. - * [scrnshts](https://scrnshts.club/) - A hand-picked collection of the finest app store design screenshots * [UI Avatars](https://ui-avatars.com/) - Generate avatars with initials from names. Which the urls can be directly hotlinked in your web/app. Support config parameters via the url. - * [UI Garage](https://uigarage.net/) - Daily UI inspiration & patterns for designers, developers to find inspiration, tools and the best resources for your project. * [unDraw](https://undraw.co/) - A constantly updated collection of beautiful svg images that you can use completely free and without attribution. * [unsplash.com](https://unsplash.com/) - Free stock photos for commercial and noncommercial purposes (do-whatever-you-want license). * [vectr.com](https://vectr.com/) — Free Design App for Web + Desktop. @@ -1225,6 +1221,18 @@ Table of Contents **[⬆ back to top](#table-of-contents)** +## Design Inspiration + * [awwwards.](https://www.awwwards.com/) - [Top websites] A showcases of all the best designed websites (voted on by designers). + * [Behance](https://www.behance.net/) - [Desing showcase] A place where designers showcase their work. Filterable with categories for UI/UX projects. + * [dribbble](https://dribbble.com/) - [Design showcase] Unique design inspiration, generally not from real applications. + * [Mobbin](https://mobbin.design/) - [Mobile screenshots] Save hours of UI & UX research with our library of 50,000+ fully searchable mobile app screenshots. + * [Mobile Patterns](https://www.mobile-patterns.com/) - [Mobile screenshots] A design inspirational library featuring finest UI UX Patterns (iOS and Android) for designers, developers, and product makers to reference. + * [Screenlane](https://screenlane.com/) - [Mobile screenshots] Get inspired and keep up with the latest web & mobile app UI design trends. Filterable by pattern and app. + * [scrnshts](https://scrnshts.club/) - [Mobile screenshots] A hand-picked collection of the finest app store design screenshots. + * [UI Garage](https://uigarage.net/) - [Mobile and web screenshots] Daily UI inspiration & patterns for designers, developers to find inspiration, tools and the best resources for your project. + +**[⬆ back to top](#table-of-contents)** + ## Data Visualization on Maps * [IP Geolocation](https://ipgeolocation.io/) — Free DEVELOPER plan available with 30K requests/month. From c66b91033f0ccc22d5f27c4b3a14c08d116c672f Mon Sep 17 00:00:00 2001 From: Kyle Venn Date: Tue, 30 Nov 2021 10:05:50 -0500 Subject: [PATCH 4/4] Adding new line under Design Inspiration heading For formatting --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 48b7438e..33add337 100644 --- a/README.md +++ b/README.md @@ -1222,6 +1222,7 @@ Table of Contents **[⬆ back to top](#table-of-contents)** ## Design Inspiration + * [awwwards.](https://www.awwwards.com/) - [Top websites] A showcases of all the best designed websites (voted on by designers). * [Behance](https://www.behance.net/) - [Desing showcase] A place where designers showcase their work. Filterable with categories for UI/UX projects. * [dribbble](https://dribbble.com/) - [Design showcase] Unique design inspiration, generally not from real applications.