awesome-web-design
Design resource hub
A curated collection of resources for digital designers and developers.
🎨 A curated list of awesome resources for digital designers.
2k stars
123 watching
345 forks
last commit: about 1 year ago
Linked from 3 awesome lists
designui-designux-designwebdesign
Awesome Web Design / Blog & News | |||
| Web Designer News | : The best curated stories for designers | ||
| Marvel Blog | : The latest news, resources and thoughts from the Marvel team | ||
| The Next Web | : International technology news, business & culture | ||
| Medium | : A community of readers and writers offering unique perspectives on ideas large and small | ||
| Creative Bloq | : Art & design inspiration | ||
| Smashing Magazine | : For professional web designers & developers | ||
| Sitepoint | : A hub for web developers & designers to share their passion for building incredible internet things | ||
| Designer News | : Where the design community meets | ||
| Reddit Web Design | : A place for designers to contribute useful posts, ask questions or engage in discussion | ||
| Morning Reader | : Breaking tech news | ||
| Google design | : Youtube channel featuring videos for designers about Google design | ||
Awesome Web Design / Inspiration | |||
| Awwwards | : Best web design trends | ||
| One Page Love | : Design gallery showcasing the best Single Page websites | ||
| Inspired UI | : Mobile apps design patterns | ||
| Behance | : Showcase & discover creative work | ||
| Dribbble | : Show and tell for designers | ||
| Product Hunt | : The place to discover your next favorite thing | ||
| UI Movement | : The best UI design inspiration, every day | ||
| Pttrns | : The finest collection of design patterns, resources and inspiration | ||
Awesome Web Design / Colors | |||
| Brandcolors | : Official colors for the world's biggest brands | ||
| Adobe Color CC | : Create color schemes with the color wheel or browse thousands of color combinations from the Kuler community | ||
| Paletton | : A designer tool for creating color combinations that work together well | ||
| Coolors | : Generate infinite color palettes for your designs | ||
| Lol Colors | : Curated color palette inspiration | ||
| Colordot | : A color picker for humans | ||
| Gradients.io | : Curated gradients for designers & developers | ||
| UI Gradients | : Beautiful color gradients | ||
| Colorzilla | : Eyedropper, color picker, gradient generator | ||
Awesome Web Design / Typography | |||
| Google Web Fonts | : Offering an intuitive and robust directory of open source designer web fonts | ||
| Font Face Ninja Browser Extension | : You’re browsing a website and you want to find the name of a font? Here comes the ninja! | ||
| Fontpair | : Beautiful Google Font combinations and pairs | ||
| Type Anything | : Create great font combinations | ||
| Type Scale | : Preview and choose the right type scale for your project | ||
| WhatTheFont | : Seen a font in an image and want to know what it is? WhatTheFont will find the closest match | ||
| Typewolf | : Comprehensive web typography info, suggestions for font alternatives, and links to usage in the wild | ||
| Typ.io | : Typography inspiration from real websites | ||
Awesome Web Design / Icons | |||
| Flat Icon | : Thousands of free flat icons | ||
| Font Awesome | : The iconic font and CSS toolkit | ||
| Icon Finder | : 1 million free and premium icons | ||
| The Noun Project | : Icons for Everything | ||
| Favicon Generator | : Favicon & app icon generator | ||
| Freepik | : Free vectors in different formats | ||
| Vecteezy | : A collection of free vector art, vector graphics, illustrator backgrounds, etc | ||
| Material Icons | : Free to use material design icons from Google | ||
| Ionicons | : The premium icon font for Ionic Framework | ||
Awesome Web Design / Images | |||
| Pexels | : Best free stock photos in one place | ||
| Unsplash.it | : Placeholders using a beautiful image gallery | ||
| Pixabay | : High quality photos and illustrations free for commercial use | ||
| Placehold.it | : A quick and simple image placeholder service | ||
| Imgur | : The most awesome images on the internet | ||
| Flickr | : The home for all your photos | ||
Awesome Web Design / Guidelines | |||
| iOS Human Interface Guidelines | : Offers everything you need to design beautiful, engaging iOS apps | ||
| Google Material Design | : A close look at the design, components & resources for Google's brand | ||
| Laws of UX | : A collection of the maxims and principles that designers can consider when building user interfaces | ||
| Ultimate Guide | : The ultimate guide to mobile app design principles that make your app shine | ||
| GoodUI | : 5 Ways You Can Get A Better UI | ||
Awesome Web Design / Design Tools | |||
| Sketch | : A lightweight program for digital design for Mac | ||
| Figma | : The collaborative interface design tool | ||
| Adobe XD | : Prototyping & wireframing Tool | ||
| inVision Studio | : Rapid prototyping, animation, built-in design systems, and collaboration | ||
| Canva | : Amazingly simple graphic design software | ||
| Framer X | : Interaction Design and UX design software | ||
Awesome Web Design / Prototype Tools | |||
| Zeplin | : A great collaboration tool between designers and developers | ||
| Avocode | : A workspace open to all designers and developers | ||
| inVision | : The world's leading prototyping, collaboration & workflow platform | ||
| Justinmind | : Prototype faster, communicate better, for web and mobile apps | ||
| Marvel App | : Free mobile & web prototyping for designers | ||
| Atomic.io | : Free in Browser interactive design Tool | ||
| Flinto | : App to create interactive and animated prototypes of designs | ||
Awesome Web Design / Tutorials | |||
| Treehouse | : Brings affordable, technology education to people everywhere | ||
| Tuts Plus Web Design Tutorials | : Free web design and development tutorials | ||
| Springboard | : Personalized approach, designed to help you achieve your goals and advance your career | ||
| Learn Sketch | : Short videos and compiled invaluable resources to help you get started! | ||
| Adobe XD Guide | : A 12,000-words-long comprehensive guide for XD beginners and current users | ||
Awesome Web Design / Books | |||
| Web design playground | : A step by step guide from writing your first line of HTML to creating interesting, attractive web pages | ||
| Don't make me think | |||
| The design of everyday things | |||
| 100 things every designer needs to know about people | |||
Awesome Web Design / Productivity | |||
| Pomodoro | : A cool time management technique for a more productive way to work and study | ||
| Toggl | : Time tracker to improve workplace productivity | ||
| Trello | : Organize and prioritize your projects in a fun, flexible and rewarding way | ||
| RescueTime | : Helps you understand your daily habits so you can focus and be more productive | ||
| Qbserve | : Automatic time tracking, invoicing, and real-time productivity feedback | ||
| Paste | : A smart clipboard history manager for Mac | ||
| Sip | : A color picker for Mac | ||
| Timing | : Automatic time and productivity tracking for Mac | ||
| Taskade | : Collaborative task lists and outlines for teams | ||
Awesome Web Design / Slack Teams | |||
| Team Sketch | : A community for Sketch designers powered by Slack | ||
| Designer Hangout | : A place where UXers from around the world discuss user experience | ||
| Design Talks | : A community for UI/UX design, web design, freelancing, design critiques, etc | ||
| TheDesignerShip | : A community of over 1,500+ designers and founders | ||
Awesome Web Design / Share | |||
| Share on Twitter | |||
| Share on Facebook | |||
sindresorhus/awesome
jnv/lists
0ex/more-awesome