Latest resources for frontend developers #9

Ira design is a tool to build your illustrations, customize their color and download them for free.

Shuffle is an online visual editor for creating website design templates with the most popular CSS frameworks and with the help of more than 5,000 UI components.

Dopely colors is an impressive collection of high-quality color-related tools and resources, from a palette generator to a color extractor for photos.

This CodePen is an illustration of a stopwatch that works only with CSS, impressive what is possible only with CSS.

Repobeats is a tool to add interesting statistics about a repository to README.md.

Mermaid is a Javascript tool for creating complex diagrams and charts using Markdown language.

Simple and effective CSS color gradient generator created by hexacolor

Screenshot by xata.io is a javascript library for taking screenshots of a website, a tab, a window, or the entire screen with the help of the browser's native API.

LearnGitBranching is a tool to learn Git in an interactive and visual way through different challenges.

API diff is a user-friendly online tool to check the differences between 2 APIs, you can do it by uploading a file or entering a URL.

A collection of +341 pricing pages from the best SaaS companies to inspire you.

Snappify is a tool for creating easy, highly customizable, and nice screenshots of your code snippets.

Tailgrid is a collection of 300+ easy-to-use UI components built with Tailwind CSS.

Fluent icons is a collection of +4000 open-source icons with filled and outline style from Microsoft.

Penpot is an open-source web-based prototyping and design software.

Lyricsum is a dummy text generator with song lyrics.

An online survey to know the state of the frontend during 2022, take part in it!

A free product design course with over 750 resources and an organized roadmap with 16 topics.

Repos timeline is an online tool to generate a timeline of a user's Github repositories.