Adobe color : helps create color palette and uses the color wheel
Color Hunt: Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes
- Colorzilla : a Google Chrome and Mozilla extension that assists web developers and graphic designers with color related and other tasks
The awards of design, creativity and innovation on the internet
Dribble : Dribbble is the leading destination to find & showcase creative work and home to the world's best design professionals.
UI patterns: User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.
Collect UI: Daily inspiration collected from daily ui archive and beyond. Hand picked, updating daily.
Sneakpeakit:Printable Grids for Design Wireframing
Balsimiq: Fast, Approachable, Collaborative Wireframing
- Canva: Canva is a graphic design platform, used to create social media graphics, presentations, posters, documents and other visual content.
Piki Wizard : Stunning library of over 1 million stock images and videos.
Royalty free and safe for commercial use, with no attribution required
Free Illustrations : Free to use illustrations and vectors
Giphy: Search for all GIFS and generate your own animated gifs
CSS font stack: Web safe and Web Font family with HTML and CSS code - check how usability of font on given OS
Google fonts: Share and integrate typography into any design project seamlessly—no matter where you are in the world
Line Awesome : Alternative of Font Awesome Contains modern line icons .
CssIcons: Open-source CSS, SVG and Figma UI Icons. Available in SVG Sprite, styled-components, NPM & API
Flat Icon: The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.
Font Awesome: Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.
- Favicon generator : generate and draw desired favicons
CSS Button Generator : Imageless CSS Button Creator
Bootsnip : Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework
Code Ply: Codeply is the free editor that's integrated with top frameworks like Bootstrap, React, Materialize, and UIKit. Codeply makes responsive Web design & frontend development easier by enabling you to leverage the modern frameworks of your choice. Choose libraries, layouts & snippets right from the editor.
MDN Web Docs: A global community of technologists, thinkers and builders working together to keep the Internet alive and accessible, so people worldwide can be informed contributors and creators of the Web.
W3Schools: W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content.
Front End code Mentor : Improve your front-end coding skills by building real projects
Code golf and challenges : Code Golf Stack Exchange is a question and answer site for programming puzzle enthusiasts and code golfers.
Daily UI: Daily UI is a series of daily design challenges design inspiration and neat surprise rewards.
- Mobile Friendly Test : Test how easily a visitor can use your page on a mobile device. Just enter a page URL to see how your page scores.
- Stack Overflow :asynchronous knowledge management and collaboration offering developers and technologists write the script of the future
- Code Stream: CodeStream supercharges development workflows by putting collaboration tools in your IDE. It supports pull requests from GitHub, BitBucket and GitLab, issue management from Jira, Trello, Asana and 9 others, and provides code discussion that ties it all together, integrated with Slack, MS Teams, email, and in-editor notifications