{"id":30593093,"url":"https://github.com/darelova/Awesome-Design-Resources-List","last_synced_at":"2025-08-29T18:11:30.799Z","repository":{"id":271737426,"uuid":"914309056","full_name":"darelova/Awesome-Design-Resources-List","owner":"darelova","description":"Awesome list with design tools, resources, articles, inspiration","archived":false,"fork":false,"pushed_at":"2025-08-01T04:50:45.000Z","size":217,"stargazers_count":9,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-08-01T06:33:56.843Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/darelova.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-01-09T10:48:53.000Z","updated_at":"2025-08-01T04:50:48.000Z","dependencies_parsed_at":null,"dependency_job_id":"1466d73f-b4a7-4ed6-b29b-7bf1ccf6e067","html_url":"https://github.com/darelova/Awesome-Design-Resources-List","commit_stats":null,"previous_names":["darelova/awesome-design-resources-list"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/darelova/Awesome-Design-Resources-List","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darelova%2FAwesome-Design-Resources-List","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darelova%2FAwesome-Design-Resources-List/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darelova%2FAwesome-Design-Resources-List/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darelova%2FAwesome-Design-Resources-List/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/darelova","download_url":"https://codeload.github.com/darelova/Awesome-Design-Resources-List/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darelova%2FAwesome-Design-Resources-List/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272735079,"owners_count":24984281,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-29T02:00:10.610Z","response_time":87,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-08-29T18:11:20.372Z","updated_at":"2025-08-29T18:11:30.777Z","avatar_url":"https://github.com/darelova.png","language":null,"funding_links":[],"categories":["Other Lists","Collections","Design"],"sub_categories":["TeX Lists","UI components"],"readme":"# ❤️ Awesome Design Resources List\n\n_Tools, resources, articles, inspiration_\n\n[\u003cimg src=\"https://i.imgur.com/ifdpil8.png\"\u003e](https://discord.gg/exncPmG4tH)\n\n## 👾 Design Inspiration\n \n- [Navbar Gallery](https://www.navbar.gallery/) - find the best navigation bar examples for your design\n- [SupaHero](https://www.supahero.io/) - a curated collection of beautiful website hero sections\n- [Footer Design](https://www.footer.design/) - a curated gallery of the top website footer inspiration on earth. Find the footers you need and sort by type and style\n- [CTA.gallery](https://www.cta.gallery/) - curated gallery of Call-to-Actions (CTAs) designed to inspire creativity and maximize conversions \n- [Dark Mode Design](https://www.darkmodedesign.com/) - a showcase of beautifully designed and inspiring dark-mode websites\n- [Dark](https://www.dark.design/) - handpicked dark-mode designs\n- [Godly](https://godly.website/) - a curation of the best web design inspiration, everyday\n- [Rebrand](https://www.rebrand.gallery/) - explore the best new design systems, visual identity introductions, and rebrand videos   \n- [Bestfolios](https://www.bestfolios.com/portfolios) - the largest collection of the best portfolio websites from top designers in the industry\n- [Dribbble](https://dribbble.com/) - a place to gain inspiration, feedback, community, and jobs\n- [Behance](https://www.behance.net/) - the world's largest creative network to showcase work, find inspiration, and get hired\n- [Awwwards](https://www.awwwards.com/) - the Website Awards that recognize and promote the talent and effort of the best developers, designers, and web agencies in the world\n- [Muz.li](https://muz.li/) - a new-tab browser extension that instantly delivers relevant design stories and inspiration to keep you in the loop\n- [Savee](https://savee.it/) -  a platform where creatives find inspiration\n- [Pinterest](https://www.pinterest.com/) - discover recipes, home ideas, style inspiration, design, and other ideas to try\n- [BentoGrids](https://bentogrids.com/) - a curated collection of bento designs for your inspiration\n- [Motionimo](https://www.motionimo.xyz/) - a free tool that shares resources, tips, expressions, and inspirations around motion design\n- [App Motion](https://appmotion.design/) - explore the best, hand-picked app motion design\n- [UI Components Handbook](https://www.uiguideline.com/components) - compiled all the wisdom and best practices from the top 20 Design Systems and UI libraries in one place. We will continue to add more components week after week\n- [Mobbin](https://mobbin.com/browse/ios/apps) - the world’s largest mobile and web design library\n- [Land-book](https://land-book.com/) -  hand-picked website design inspiration\n- [BrandGuidelines](https://www.brandguidelines.net/) - handpicked curated brand guidelines from around the world  \n- [Deck.Gallery](https://www.deck.gallery/) - explore curated, beautifully designed presentation decks, slides, keynotes, and guidelines, all chosen for their exceptional design quality  \n- [Visuelle](https://visuelle.co.uk/) - an online creative showcase and feed curated by David Bennett, Creative Director at OPX Studio  \n- [Logggos](https://www.logggos.club/) - a catalog of well-designed logos  \n- [abdz](https://abduzeedo.com/) - a collective of individual writers sharing articles about design, photography, and UX as well as tutorials for Photoshop and other tools  \n- [Logo System](https://logosystem.co/) - the biggest logo design library for inspiration  \n- [Cosmos](https://www.cosmos.so/) - a discovery engine for creatives  \n- [Illustration.lol](https://www.illustration.lol/) - a curated collection of editorial illustrations and images from illustrators around the world  \n- [Appshots design](https://appshots.design/) - inspiring real-world UX designs\n- [schema.supply](https://www.schema.supply/) - branding, web, and image inspiration, providing a premium digital asset library filled with creative resources\n- [Websitevice](https://websitevice.com/) - website examples for inspiration\n\n## 📰 News \u0026 Blogs\n\n- [It's Nice That](https://www.itsnicethat.com/projects-creatives) - daily dose of creative inspiration\n- [Design Milk](https://design-milk.com/) - spotlights emerging talent, innovation, and creative living across architecture, art, and more\n- [Smashing Magazine](https://www.smashingmagazine.com/) - offers practical design and development insights to help you build better, user-friendly websites\n- [UX Collective](https://uxdesign.cc/) - a design publication sharing thoughtful insights on UX, product, and visual design\n- [The Creative Edge](https://99designs.com/blog/) - 99designs' blog offers design inspiration, tutorials, and resources for designers and entrepreneurs\n- [Creative Boom](https://www.creativeboom.com/) - delivers news, inspiration, and insights to empower the global creative community\n- [Made By James](https://themadebyjames.com/the-blog/) - design tips by James Martin\n- [Nielsen Norman Group Articles \u0026 Videos](https://www.nngroup.com/articles/) - provides research-based insights on user experience, interaction design, and usability\n- [The DESK Magazine](https://vanschneider.com/blog/) - the design blog of Tobias von Schneider\n\n## 👓 Newsletters\n\n- [It's Nice That](https://www.itsnicethat.com/newsletters) - featuring top creative stories, industry news, and cultural highlights each week\n- [Design Milk](https://design-milk.com/subscriptions/) - get the latest design news and fresh design finds\n- [Smashing Magazine](https://www.smashingmagazine.com/the-smashing-newsletter/) - useful tips and techniques on front-end and UX\n- [UX Collective](https://newsletter.uxdesign.cc/) - provides weekly insights and resources to help designers think critically about their work\n- [Dense Discovery](https://www.densediscovery.com/) - offers a curated selection of links across design, technology, art, urbanism, and sustainability\n- [Creative Boom](https://www.creativeboom.com/news/) - a curated selection of inspiring stories, news, and insights from the creative industries\n- [NN/g Newsletter](https://www.nngroup.com/articles/subscribe/) - the latest articles about usability, design, and UX research from the Nielsen Norman Group\n- [HeyDesigner](https://heydesigner.com/) - the go-to newsletter for product people, UXers, PMs, and design engineers\n- [Interaction Design Foundation](https://www.interaction-design.org/newsletter) - stay updated with high-quality educational material every week\n\n## 👨‍🎓 Learning UI/UX\n\n- [Visual Design in UX: Study Guide](https://www.nngroup.com/articles/visual-design-in-ux-study-guide/) - article\n- [Interaction Design Foundation: The Encyclopedia of Human-Computer Interaction, 2nd Ed.](https://www.interaction-design.org/literature) - article\n- [Lows of UX](https://lawsofux.com/) - a collection of best practices that designers can consider when building user interfaces\n- [Humane by Design](https://humanebydesign.com/) - guidance for designing humane digital products and services focused on digital well-being\n- [Practical UX skills and tools](https://uxtools.co/) - practical lessons, resources, and news in just 5 minutes a week\n- [Laws of UX](https://lawsofux.com/) - a collection of best practices that designers can consider when building user interfaces\n- [Design Principles](https://principles.design/) - аn open source collection of Design Principles and methods\n- [The Psychology of Design](https://growth.design/psychology#fitts-law) - 106 Cognitive Biases \u0026 Principles That Affect Your UX\n- [Data Table Design Patterns](https://medium.com/design-bootcamp/data-table-design-patterns-4e38188a0981) - article\n- [UX Resources \u0026 Bookmarks](https://simonasmaciulis.gumroad.com/l/ux-resources) - 200+ resources that will help you to learn more about UX\n- [Memorisely](https://www.memorisely.com/) - live and on-demand immersive Figma training plans\n- [User-Interface Elements: Glossary](https://www.nngroup.com/articles/ui-elements-glossary/?utm_campaign=\u0026utm_source=linkedin\u0026utm_medium=social#Ribbon) - use this glossary to clarify definitions for key graphical user-interface elements and controls quickly\n- [Design Patterns Catalogue](https://catalogue.projectsbyif.com/) - design pattern guideline resources to help you build better websites and apps\n\n## 🤩 Branding Inspiration\n\n- [Starbucks Creative Expression](https://creative.starbucks.com/)\n- [Dropbox Brand Guidelines](https://brand.dropbox.com/)\n- [IBM Design Language](https://www.ibm.com/design/language/)\n- [Apple - Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/)\n- [Spotify Design \u0026 Branding Guidelines](https://developer.spotify.com/documentation/design)\n- [Pepsi Global Redesign](https://design.pepsico.com/case-studies/pepsi-global-redesign)\n- [Instagram Brand Identity](https://about.instagram.com/brand)\n- [Wise Design Identity](https://wise.design/)\n\n## 💫 Awesome lists\n\n- [Awesome Design](https://github.com/gztchan/awesome-design) - curated design resources from all over the world\n- [Awesome Design Systems](https://github.com/alexpate/awesome-design-systems) - a collection of awesome design systems\n- [Tools.Design](https://www.toools.design/) - a growing archive of 1,500+ design resources, frequently updated for the community\n- [Checklist Design](https://www.checklist.design/) - a collection of the best design practices\n- [Untools](https://untools.co/) - thinking tools and frameworks to help you solve problems, make decisions and understand systems\n- [Resource.fyi](https://resource.fyi/) - products, Resources, and Tools handpicked for developers, designers, marketers, tech enthusiasts, and professionals\n- [The Product Design Resources Library](https://www.adhamdannaway.com/design-resources-library) - design resources for UX and product designers including tools, articles, books, plugins, and more by Adham Dannaway\n\n## 🛠️ Component references and inspiration\n\n- [The Component Gallery](https://component.gallery/components/accordion/) - an up-to-date repository of interface components based on examples from the world of design systems\n\n## 📚 Component libraries\n\n- [Tailwind components](https://tailwindui.com/components) - in-depth industry-standard compilation of components\n- [shadcn/ui](https://ui.shadcn.com/) - Beautifully designed components that you can copy and paste into your apps\n- [Radix UI](https://www.radix-ui.com/) - An open-source component library optimized for fast development, easy maintenance, and accessibility\n- [Elastic UI](https://eui.elastic.co/#/) - design library in use at Elastic to build internal products that need to share our aesthetics\n- [Material Design/Components](https://m3.material.io/components) - Google’s interactive building blocks for creating a user interface\n- [Fluent UI/Components](https://react.fluentui.dev/?path=/docs/concepts-introduction--docs) - Microsoft’s component library (react) \n- [Nuxt UI](https://ui.nuxt.com) - A UI library for building modern web apps, powered by Vue.js and Tailwind CSS, designed for simplicity and flexibility\n- [Untitled UI](https://www.untitledui.com/) - the largest UI kit and design system for Figma\n- [Preline UI](https://preline.co/) - an open-source Tailwind CSS components library\n- [Simple Design System](https://www.figma.com/community/file/1380235722331273046) - a UI kit built by Figma to help you get started faster using pre-built examples and components\n\n## 📝 Design System Resources\n\n- [The Design System Guide](https://thedesignsystem.guide/) - all the essential resources for setting up the design system\n- [Hey Design Systems!](https://heydesign.systems/) - your introduction to design systems\n- [Design System Knowledge Base](https://thedesignsystem.guide/knowledge-base) - resource for design system questions\n\n## ⚙️ Design Systems\n\n- [Material Design](https://m3.material.io/) - Google's open-source design system, provides comprehensive guidelines, styles, \u0026 components to create user-friendly interfaces\n- [Fluent UI](https://developer.microsoft.com/en-us/fluentui#/) - Microsoft’s collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior\n- [Carbon Design System](https://carbondesignsystem.com/) - IBM's open-source design system for digital experiences, with a focus on accessibility, modularity, and flexibility  \n\n## 📦 No-code tools\n\n- [Framer](https://www.framer.com/)\n- [Webflow](https://webflow.com/)\n- [Subframe](https://www.subframe.com/)\n- [PeachWeb](https://peachweb.io/)\n\n## 🤓 Аccessibility\n\n- [How type influences readability](https://fonts.google.com/knowledge/readability_and_accessibility/how_type_influences_readability) - article\n- [Accessibility Weekly](https://a11yweekly.com/) - a weekly dose of web accessibility to help you bring it into your everyday work. Delivered to your inbox each Monday, curated by David A. Kennedy\n- [Best Practices for Cognitive Accessibility in Web Design](https://www.a11y-collective.com/blog/cognitive-accessibility/) - article\n- [Microsoft Inclusive Design](https://inclusive.microsoft.design/) - methodology, born out of digital environments, that enables and draws on the full range of human diversity\n\n## 🖊️ Typography articles\n\n- [28 Best Free Fonts for Modern UI Design in 2025 (+ Typography Best Practices)](https://www.untitledui.com/blog/best-free-fonts) - article\n- [Font trends for 2025 that creatives should keep in mind](https://www.lummi.ai/blog/font-trends)\n\n## 🅰 Typography tools\n\n- [Typescale](https://typescale.com/) - A simple tool that allows you to preview and adjust typography scales with different fonts and ratios  \n- [Typespiration](https://typespiration.com/) - a complete guide to matching typefaces, styling techniques, improving readability, and more\n\n## 🔤 Fonts\n\n- [Google Fonts](https://fonts.google.com/)\n- [Adobe Fonts](https://fonts.adobe.com/)\n- [Free Faces Gallery](https://www.freefaces.gallery/?fbclid=IwAR0z5NvxCSwOIEuwL8Ox6wROg1mqkn76V5HxE44HU-kOMKyq185U2Vsf10M) - a curated collection of typefaces that are available under a variety of free licenses somewhere on the interwebs\n- [Collletttivo](https://www.collletttivo.it/) - an open-source type foundry and a network of people promoting the practice of type design through mutual exchange and collaboration\n- [UNCUT.wtf](https://uncut.wtf/) - a free typeface catalogue, focusing on somewhat contemporary type. There are currently 163 typefaces featured\n- [Nerd Fonts](https://www.nerdfonts.com/font-downloads) - advanced fonts for programmers with special glyphs \n- [Typefaces.today](https://typefaces.today/) - handpicked typefaces for your creative projects  \n- [Fontshare](https://www.fontshare.com/) - a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessible to all  \n- [DaFont](https://www.dafont.com/) - archive of freely downloadable fonts\n- [YouWorkForThem](https://www.youworkforthem.com/) - free high-quality fonts and graphics\n\n## 🎨 Illustrations\n\n- [MapSVG](https://mapsvg.com/maps) - download a free SVG map of any country in the world, free for commercial use\n- [Open Doodles](https://www.opendoodles.com/) - a library of sketchy illustrations of people free for personal and commercial use\n- [SVG Doodles](https://svgdoodles.com/) - a free collection of different editable SVGs to spice up your online and offline designs\n- [unDraw](https://undraw.co/illustrations) - free open-source SVG illustrations\n- [DrawKit](https://www.drawkit.com/) - hand-drawn 2D \u0026 3D illustrations, icons and animations\n- [ManyPixels](https://www.manypixels.co/gallery) - a royalty-free illustrations gallery\n- [coolshapes](https://coolshap.es/) - 100+ abstract shapes with cool grainy gradient\n- [Shapes](https://shapes.framer.website/) - SVG shapes that you can easily copy and paste into your designs\n- [Creattie](https://creattie.com/) - a curated library of Lottie animations and animated icons created by award-winning artists\n- [Abstract 3d vol.2](https://abstract-vol2.wannathis.one/) - playful set of different shapes to enhance your design projects\n- [Absurd Design](https://absurd.design/) - free Surrealist Illustrations\n\n## 👾 Avatars\n\n- [Boring Avatars](https://boringavatars.com/) - an open-source React library that generates custom, SVG-based user avatars\n- [DiceBear Avatars](https://dicebear.com/) - A free avatar library offering customizable, SVG-based avatar styles\n\n## 😊 Icons\n\n- [Remix Icon](https://remixicon.com/) - open-source neutral-style system symbols elaborately crafted for designers and developers\n- [pqoqubbw/icons](https://icons.pqoqubbw.dev/) - beautifully crafted _animated_ icons\n- [Font Awesome](https://fontawesome.com/search) - Font Awesome is a font and icon toolkit based on CSS and Less\n- [3dicons](https://3dicons.co/) - open-source \u0026 free premium 3D icons\n- [Streamline](https://www.streamlinehq.com/) - free PNG \u0026 SVG icons\n- [Game Icons](https://game-icons.net/) - a collection of free game icons\n- [Lucide](https://lucide.dev/icons/) - icon toolkit\n- [Radix Icons](https://www.radix-ui.com/icons) - a crisp set of 15×15 icons\n- [Feather](https://feathericons.com/) - simply beautiful open-source icons\n- [Material Symbols](https://fonts.google.com/icons) - Google’s Material Design icons pack\n- [Weather Icons](https://erikflowers.github.io/weather-icons/) - icon font and CSS with 222 weather-themed icons, ready to be dropped right into Bootstrap, or any project that needs high-quality weather, maritime, and meteorological-based icons\n- [Icones](https://icones.js.org) - A powerful icon explorer with over 100,000 icons from various libraries, supporting on-demand import and easy customization  \n- [Iconmonstr](https://iconmonstr.com/) - free simple icons collection  \n- [Iconoir](https://iconoir.com/) - a high-quality selection of free icons  \n- [Iconhub](https://iconhub.io/) - diverse Icon set to complete your awesome design  \n- [OpenMoji](https://openmoji.org/) - open-source emojis for designers, developers  \n- [Tabler Icons](https://tabler.io/icons) - free and open-source icons designed to make your website or app attractive, visually consistent, and simply beautiful  \n- [Phosphor](https://phosphoricons.com/) - a flexible icon family for interfaces, diagrams, presentations\n- [Hugeicons](https://hugeicons.com/) - a modern icon library designed for designers and developers who need scalable, customizable, and visually balanced icons\n- [Heroicons](https://heroicons.com/) - hand-crafted SVG icons, by the makers of Tailwind CSS\n- [Icons for AI](https://iconsforai.com/) - free 16x16 icons made for AI projects!\n\n## 🌈 Colors\n\n- [Coolors](https://coolors.co/) - generate or browse beautiful color combinations for your designs\n- [Tailwind CSS Color Generator | UI Colors](https://uicolors.app/create) - generate, edit, save, and share Tailwind CSS color shades based on a given hex code or HSL color\n- [Randoma11y](https://randoma11y.com/?color=%2300ffff) - an endless collection of accessible color combos\n- [MyMind](https://access.mymind.com/colors) - a collection of unique color combinations for your design projects\n- [Color Box](https://colorbox.io/) - generate, preview, and organize color palettes  \n- [Colorsinspo](https://colorsinspo.com/) - an all-in-one resource to find everything about colors with extreme ease  \n- [Color Hunt](https://colorhunt.co/) - hand-picked color palettes  \n- [Happy Hues](https://www.happyhues.co/) - a color palette inspiration site that acts as a real-world example of how the colors could be used in your design project  \n- [Goodpalette](https://goodpalette.io/ed330e-3cc3de-b3adab) - a curated color palette generator that provides aesthetically pleasing color combinations  \n- [Tone](https://t-o-n-e.com/) - Color Inspiration - explores natural color schemes of beautiful places on Earth through photography  \n- [Adobe Color](https://color.adobe.com/) - gives you the power to extract a beautiful gradient from any image you choose  \n- [Spectrum Art](https://spectrum.art/) - Explore perfect color shades for website design updated in line with trends\n- [BrandColors](https://brandcolors.net/) - the biggest collection of official brand color codes around\n\n\n## 🖼️ Images \u0026 backgrounds\n\n- [Unsplash](https://unsplash.com/) - a wide variety of high-quality photos contributed by photographers\n- [Pexels](https://www.pexels.com/) - free stock photos and videos\n- [Pixabay](https://pixabay.com/) - photos, illustrations, vectors, and videos available\n- [Burst by Shopify](https://www.shopify.com/stock-photos) - business-oriented images, especially for e-commerce\n- [Grainient](https://grainient.supply/) - offers 1000+ awesome gradients, noisy textured, and AI-generated backgrounds\n- [Dupe](https://dupephotos.com/) - relevant royalty-free imagery submitted by a community of creators that can be used commercially under their license\n- [Kaboompics](https://kaboompics.com/) - authentic and always consistent free stock photos\n- [Picjumbo](https://picjumbo.com/) - free images, backgrounds, and free photos for your projects  \n- [Barnimages](https://barnimages.com/) - free stock photos that are high-quality and royalty-free  \n- [Openverse](https://openverse.org/) - an extensive library of free stock photos, images, and audio, available for free use  \n- [Gratisography](https://gratisography.com/) - royalty-free HD stock photos and images  \n- [Shotstash](https://shotstash.com/) - free stock photos for creative professionals  \n- [FOCA](https://focastock.com/) - free stock photos for commercial use; design and create for free with FOCA Canvas  \n- [Life of Pix](https://www.lifeofpix.com/) - free high resolution photography\n- [Lummi](https://www.lummi.ai/photos/guitar) - a collection of unique, royalty-free AI stock photos, illustrations, and 3D\n- [The Pattern Library](http://thepatternlibrary.com/#maze) - a collection of background patterns\n\n## ✂️ Image tools\n\n- [TinyPNG](https://tinypng.com/) - the online compressor empowers you to optimize your images easily\n- [Remove.bg](https://www.remove.bg/) - instantly removes image backgrounds with AI, perfect for creating transparent images  \n\n## 📍 Animation\n\n- [GSAP](https://gsap.com/) - JavaScript animation library\n- [Modyfi](https://www.modyfi.com/modifiers) - 40+ built-in effects, all of which are real-time editable, non-destructive, animatable, and completely free to use\n- [Jitter](https://jitter.video/) - a tool to create professional animated content - on-brand animated UIs, videos, social media posts, websites, apps, logos, and more\n- [unicorn.studio](https://www.unicorn.studio/) - elevate your web designs with enchanting WebGL effects, motion, and interactivity — with no code  \n- [Content Core](https://contentcore.xyz/) - render unlimited images and videos in your browser on any compatible device   \n- [Phase](https://www.phase.com/) - web application to create and edit animations\n- [Paper](https://liquid.paper.design/) - see your logo in liquid\n- [MageCDN](https://magecdn.com/tools/svg-loaders) - free 100+ open source SVG spinners\n\n## 🌐 3D Visualization\n\n- [three.js](http://three.js) -  cross-browser JavaScript library and application programming interface (API) used to create and display animated 3D computer graphics in a web browser using WebGL\n- [Spline](https://spline.design/) - a free 3D design software with real-time collaboration to create web interactive experiences in the browser\n- [Pixcap](https://pixcap.com/mockups) - 3D mockups and animations\n\n## 🔌 Figma plugins \u0026 resources\n\n- [Fig Mayo](https://www.figmayo.com/) - effortless design system docs\n- [Specs (formerly, EightShapes Specs)](https://www.figma.com/community/plugin/1205622541257680763/specs-formerly-eightshapes-specs) - automate production of page and component design specifications (“specs”) of selected components, instances and frames.\n- [Contrast Grid](https://www.figma.com/community/plugin/993414361395505148/Contrast-Grid) - a plugin to check the contrast of multiple foreground and background color combos for a11y with WCAG 2.1 minimum contrast\n- [Mockuuups Studio](https://www.figma.com/community/plugin/786250770157843670/mockuuups-studio) - mockup plugin with 4500+ device mockups\n- [iOS 16 UI Kit for Figma](https://www.figma.com/community/file/1121065701252736567) - contains hundreds of components, templates, demos, and everything else needed to help you start designing for iOS\n- [Translator](https://www.figma.com/community/plugin/743218037112142643/translator) - enables you to translate your text layers to other languages right in Figma\n- [Setproduct](https://www.setproduct.com/freebies) - free Figma Templates - UI kits, app templates, design systems (freebies as included)\n- [Attention Insight](https://www.figma.com/community/plugin/968765016617421513/attention-insight) - Artificial Intelligence instantly predicts where users will look after engaging with your design so you can save time and avoid fixes after the launch\n- [Design Lint](https://www.figma.com/community/plugin/801195587640428208/design-lint) - a plugin that finds missing styles within your designs\n- [Simple Sort](https://www.figma.com/community/plugin/931578032226522167/simple-sort) - automatically applies a basic structure to your component sets (variants), which can be customized to your liking\n- [Super Tidy](https://www.figma.com/community/plugin/731260060173130163/super-tidy) - keep your design tidy by easily aligning, renaming, and reordering your frames based on their canvas position\n- [Styles \u0026 Variables Organizer](https://www.figma.com/community/plugin/816627069580757929/styles-variables-organizer) - link values used in your design file to all types of styles and variables easily\n- [Typography Style Guide Generator](https://www.figma.com/community/plugin/1209900339618349575/typography-style-guide-generator) - this plugin allows you to generate a typography style guide based on your defined local styles\n- [Delete Hidden Layers](https://www.figma.com/community/plugin/750292779381900360/delete-hidden-layers) - delete all hidden layers (also locked) at current or inside selected frame page except layers in components\n- [Humaan Annotations](https://www.figma.com/community/widget/1253154577300925316) - a helpful widget for annotating/commenting on designs within the Figma canvas\n- [To Do: Just a task on your canvas](https://www.figma.com/community/widget/1229395149230714315) - the tool for keeping track of tasks and managing workflow without ever leaving the design environment\n- [Ticket Sync](https://www.figma.com/community/plugin/1073234730618485706/ticket-sync) - effortlessly link your project management tool (Jira, ClickUp, Monday) and Figma with Ticket Sync\n- [Faker](https://www.figma.com/community/plugin/833836762121994814/faker) - quickly generates realistic placeholder text. Names, emails, URLs, headlines, and more\n- [Curve Text](https://www.figma.com/community/plugin/1331748701210388011/curve-text) - from circles, squares, arches, to custom paths – bend your text any way you want\n- [Displace – pattern glass, noise and glitch effects](https://www.figma.com/community/plugin/1415463691038193181/displace-pattern-glass-noise-and-glitch-effects) - create stunning reeded glass, noise, and glitch effects with real-time adjustments\n- [3D Wave: Soften everything like fabric](https://www.figma.com/community/plugin/1026141971534783843/3d-wave-soften-everything-like-fabric) - make Everything into 3D wave\n- [Randomiser](https://www.figma.com/community/plugin/1189284785668093844/randomiser) - randomise the positions, sizes, and colors of elements within a frame with just a few clicks\n- [Trace Images](https://www.figma.com/community/plugin/1291512177354533481/trace-images) - convert JPEGs and PNGs to vibrant SVG vectors in a single click, all within Figma\n- [Progressive Blur](https://www.figma.com/community/plugin/1362669306042132547/progressive-blur) - create real progressive blurs to your files, all in Figma\n- [Stark - Contrast \u0026 Accessibility Checker](https://www.figma.com/community/plugin/732603254453395948/stark-contrast-accessibility-checker) - a powerful combination of integrated tools that help you streamline your accessibility workflow\n- [Lummi](https://www.figma.com/community/plugin/1326615072959029075/lummi) - offers an access a world of stunning, AI-generated images crafted by talented digital artists\n- [Unipaste](https://www.figma.com/community/plugin/964930640501844415/unipaste) - delivers the easiest way to work with special characters in Figma\n- [Breakpoints](https://www.figma.com/community/plugin/824289601590456356/breakpoints) - preview responsive layout inside a Figma frame and share animated prototype\n- [Cleaner](https://www.figma.com/community/plugin/1264993877076633643/cleaner) - tidies up selected or current page elements by removing unused and unnecessary items\n- [Organize Layers](https://www.figma.com/community/plugin/786286754606650597/organize-layers) - organizes all layers on the current page based on layer name\n\n## 📦 Mockups\n\n- [Pacdora](https://www.pacdora.com/) - an online packaging design tool that integrates editing, 3D preview, rendering\n- [Mockuuups Studio](https://mockuuups.studio/) - drag-and-drop tool for creating beautiful app previews or any marketing materials. Easily insert your screenshot into device mockups for free\n- [Angle.sh](http://angle.sh) - vector device mockups for Sketch, Figma, and XD\n- [Shots.so](http://shots.so) - any mockup that you need. Choose a mockup that suits your needs drag and drop your screenshot, design or any image to get started\n- [Mockupworld](https://www.mockupworld.co/) - source of photo-realistic free PSD Mockups online  \n- [Pixeden](https://www.pixeden.com/) - exclusive graphic, web, and design assets club (free and paid)  \n- [Mockups Design](https://mockups-design.com/) - source of free \u0026 high-quality mockups  \n- [Mr. Mockup](https://mrmockup.com/free-mockups/) - a huge collection of high-quality free mockups for Photoshop  \n- [LS Graphics](https://www.ls.graphics/) - a vast collection of free and premium mockups for Photoshop and Figma  \n- [Mockup Hunt](https://mockuphunt.co/) - a huge collection of the best free mockups hand-curated from the most trusted mockup websites  \n- [Minimal Mockups](https://www.minimalmockups.com/) - free high-quality mockups  \n- [Unblast](https://unblast.com/) - fine and free design resources made by the world's best designers  \n- [Flyerwrk](https://www.flyerwrk.com/en-com/collections/freebies) - mockup freebies collection  \n- [Mockup Cloud](https://www.mockupcloud.com/) - premium \u0026 free mockup templates  \n- [Akoya](https://akoyamockups.com/) - photorealistic mockups\n\n## 🕹️ Games \u0026 tasks to help you master your design skills\n\n- [The Bézier Game](https://bezier.method.ac/) - a game to help you master the pen tool (requires keyboard and mouse)\n- [What Should I Design](http://www.whatshouldidesign.com/) - a set of design challenges to practice design\n- [Sharpen Design](https://sharpen.design/) - millions of practice design prompts to challenge you to think outside the box\n- [UX Design Challenges](https://uxtools.co/challenges) - a set of real-world challenges to practice crucial UX design skills\n\n## ✨ AI\n\n#### AI chatbots:\n\n- [ChatGPT](https://openai.com/index/chatgpt/) - developed by OpenAI, ChatGPT is renowned for its human-like conversational abilities and is widely used for various applications, including drafting emails, writing code, and answering questions  \n- [Google Gemini](https://gemini.google.com/app) - formerly known as Google Bard, Gemini is Google's AI chatbot that leverages the company's extensive search capabilities to provide accurate and up-to-date information  \n- [Copilot](https://copilot.microsoft.com/chats/kpJMM6jmhXFpecA1qmK3X) - Microsoft's Copilot integrates seamlessly with Office applications, assisting users by generating content, summarizing information, and enhancing productivity  \n- [Grok](https://x.ai/grok) - an AI chatbot developed by xAI, a company founded by Elon Musk, Grok is integrated into X (formerly Twitter) and is known for its real-time data access and a personality described as rebellious and sarcastic  \n- [Claude](https://claude.ai/login) - created by Anthropic, Claude is designed with a focus on AI safety and reliability, offering users a trustworthy conversational experience\n\n#### Image scaling\n\n- [Topaz](https://www.topazlabs.com/topaz-photo-ai) - sharpen, denoise, and upscale your images\n\n#### For image generation\n\n- [Midjourney](https://www.midjourney.com/home)\n- [Dall-E](https://openart.ai/home)\n- [Stable Defusion](https://stability.ai/stable-image)\n- [Adobe Firefly](https://www.adobe.com/products/firefly.html)\n- [Runway ML](https://runwayml.com/) - a platform to create AI-generated images and videos\n\n#### For music\n\n- [Suno](https://suno.com/) - building a future where anyone can make great music\n\n#### For videos\n\n- [Captions](https://www.captions.ai/) - creates videos from captions with AI\n\n#### Emojis\n\n- [AI Emojis](https://www.emojis.com/) - turn your ideas into emojis with AI\n- [The Thiings Collection](https://www.thiings.co/things) - a collection with 2800+ 3D AI generated emojis\n\n#### Creating landing pages\n\n- [Musho](https://musho.ai/) - turns your prompts into nearly complete, dev-ready websites with simple layouts\n\n#### Website building\n\n- [Relume](https://www.relume.io/) -[ ](https://library.relume.io/)websites designed and built faster with AI\n- [Dora AI](https://www.dora.run/ai) - generate, customize, and deploy 3D websites with AI\n- [Visily AI](https://www.visily.ai/) - wireframe tool that swiftly transforms screenshots, templates, or text prompts into editable wireframes and prototypes, powered by AI\n- [Readdy AI](https://readdy.ai/) - turns your product requirements into beautiful, professional designs in minutes\n- [Softgen AI](https://try.softgen.ai/) - transform your ideas into stunning web applications\n- [Wegic](https://wegic.ai/) - create custom websites in seconds\n\n#### Copy\n\n- [Relume Ipsum](https://www.relumeipsum.com/) - a fast way to write AI copy for a website\n\n#### Colors\n\n- [AI colors](https://aicolors.co/) - create cool and unique color palettes with an AI-powered color palette generator\n- [Palette Maker](https://palettemaker.com/) - create unique color schemes with AI and see them come to life in real design examples\n\n#### Vectorizing\n\n- [Vectorizer AI](https://vectorizer.ai/) - trace pixels to vectors in full color\n\n#### Branding\n\n- [Glorify](https://glorify.com/) - easily create marketing visuals that turn browsers into buyers\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarelova%2FAwesome-Design-Resources-List","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdarelova%2FAwesome-Design-Resources-List","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarelova%2FAwesome-Design-Resources-List/lists"}