A curated list of the tools we use to enhance our design wokflow
- ExcaliDraw - (⭐ Open Source ⭐) Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
- Adobe XD - Wireframe, design, prototype, present, and share amazing experiences for web, mobile, voice, and more.
- Figma - Figma helps teams create, test, and ship better designs from start to finish.
- Sketch - A digital design toolkit that helps you work and collaborate faster in design, wireframing and prototyping projects.
- Lunacy - Free of charge Windows graphic design app that works offline and offers all the power of Sketch (inlcuding reading sketch files).
- Grabient - Beautiful and simple UI for generating web gradients.
- Blob Maker - Make organic svg shapes for your next design.
- Coolors - Generate perfect color combinations for your designs.
- Metatags - Edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
- Css filters - Visual playground for generating CSS for custom and Instagram like photo filters.
- CSS Gradient Editor - You may only need this tool for creating CSS gradient backgrounds and patterns.
- Pigment - A unique way to generate fresh and vibrant colors based on lighting and pigment, instead of math.
- Cool Backgrounds - Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers.
- Toptal subtle patterns - Free high quality patterns for your next web project.
- Trianglify.io - A tool for generating low poly triangle patterns that can be used as wallpapers and website assets.
- Flaticon Patterns - Mesh up flaticon's icons to form colorful background patterns.
- Heropatters - A collection of repeatable SVG background patterns for you to use on your digital projects.
- Css Gradient - As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.
- Patterninja - Combine images to create patterns that can be downloaded in high resolution and used for printing and the web.
- uiGradient - This website has a bunch of gradient suggestions. You can get the CSS code or get inspiration of various colour combinations for gradients.
- Colordesigner - the main purpose of this tool is to help with building a color palette and generate tints and shades based on it. Just pick a color, and the app does the rest.
- Adobe Color - Adobe Color is a web app and creative community where you can create and share color themes and inspiration. You can also create new colour palettes and themes, extract a colour theme from an image, normalize colour contrasts as well as convert colours to different colour models, maintaining brightness and colour accuracy.
- Dribbble - Where designers gain inspiration, feedback and is your best resource to discover and connect with designers worldwide.
- Mobbin Design - Check out the hand-picked collection of latest mobile design patterns from apps that reflect the best in design.
- Evernote Design 🔥 - All in One Bookmark Links for Designer.
- Page Flows - User flow videos & screenshots to inspire you when you're stuck.
- Designspiration - Cool designs and hd pictures.
- Codepen - CodePen is a social development environment for front-end designers and developers.
- Landing Folio - Landingfolio features the best landing page designs on the web, updated weekly.
- Behance - Showcase and discover the latest work from top online portfolios by creative professionals across industries.
- Lapa Ninja - The best landing page design inspiration from around the web. The contents are selected from the best designs, and daily updated.
- Codrops - Resource and Inspiration for creative minds, ranging from tutorials on new and experimental concepts, source, icons and tutorials.
- Land Book - Design gallery with the best and most carefully collected websites. We help creatives find inspiration & motivation to do rad stuff.
- Nicelydone - Nicely done is a place for User interface inspiration. A tool made by a designer for designers.
- Awwwards - The awards of design, creativity and innovation on the internet.
- Absurd Design - Download Surrealist illustrations with sense. Use free for your landing pages and apps. These illustrations combines the absurdity and a deep sense of childishness and naivety.
- Undraw - Open-source illustrations for every project you can imagine and create.
- Humaaans - Mix-&-match illustrations of people with a design library for InVIsion Studio and Sketch.
- IRA Design - Build your own amazing illustrations.
- DrawKit - MIT licensed SVG illustrations for you to use on your next project, in two different styles, for free!
- Mixkit - Mixkit Art is a curated gallery of beautiful art and illustration, made by some of the world’s most talented creators, it’s all completely free to use commercially.
- Lotties Files - LottieFiles is a library for Adobe After Effects animations that can be used with AirBnB's Lottie Library. There is a selection of free animations and then a marketplace for animations on sale.
- Emojipedia 😊 - If you need some emojis to add to your UI. You can search them from here and copy paste them that easy 👍🏽.
- Zondicons - A set of free premium SVG icons for you to use on your digital products.
- Icomoon - WebApp that lets you create your own package of icons from different sources there are both paid and free sources.
- Material icons - Material icons are delightful, beautifully crafted symbols for common actions and items.
- Flaticon - A repostitory of scalable vector icons and icon packs. The site gives you the ability to search for related icons to a selected icon/asset.
- Basicons - Basic icons for product design & development. Designed with care & precision. Updated & refined weekly.
- Heroicons - Free, open source icons from the creators of Tailwind CSS.
- Fontpair - Font Pair helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.
- Fontpairingsbypeople - Check typefaces and font pairings with this interactive tool.
- Type-scale - Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.
- Archetype - Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser.
- Google Fonts - Making the web more beautiful, fast, and open through great typography.
- Open Foundry - A new platform for open-source fonts in a noise-free environment, to highlight their beauty, extend functionality and encourage further exploration.
- Open-Source Types - Various sources for open license fonts, which means free for personal and commercial use.
- Font Awesome - Get vector icons and social logos on your website with Font Awesome.
- Mixkit - HD videos for you to use, completely free of charge.
- Pexel Videos - The best free stock videos shared by the Pexels community.
- Pexels - Collections of High Definiton stock images an some videos shared by talented creators.
- Pixabay - Stunning free images & royalty free stock images and videos shared by our talented community.
- Unsplash - Beautiful Free Images & Pictures; royalty free - oh, you just have to credit the creator.
- Burst by Shopify - Browse thousands of beautiful copyright-free images. All our pictures are free to download for personal and commercial use, no attribution required.
- Material Design - A design language that Google developed in 2014.
- Fluent Design System - A design system developed in 2017 by Microsoft as a revamp of Microsoft Design Language 2.
- Design Systems Repo - Design Systems Gallery; A comprehensive and curated list of design systems, style guides and pattern libraries that you can use for inspiration.
Contributions welcome! Read the contribution guidelines first.