Latest resources for frontend developers #22
In episode number 22 of the latest resources for front-end developers, we list 15 useful resources, including a favicon creator, a gradients shadow with CSS, some illustration tools, and more.

Random favicon generator
Random Favicon Generator is a favicon generator, with the tool you can choose a nice random favicon from a set of over 1950 icons and customize it to give it a unique look.
Free
Favicon maker
Visit Website

Preline UI
Preline UI is an open-source web component library based on the Tailwind CSS framework with over 250 examples of fully responsive components built for React and Vue.
Free
Web component library
Visit Website

Symbols to Copy
Symbols to Copy is a website to quickly and easily find various symbols and copy them into different formats with a single click.
Free
Icon tool
Visit Website

The Turin Horse CSS illustration
A code snippet of a CSS-only animated illustration based on the movie The Turin Horse.
Free
Code snippet
Visit Website

JSON Hero
With the JSON Hero extension for Chrome, you can quickly view your JSON content with an excellent navigation interface with some additional features to make browsing your JSON files easier.
Free
Chrome extension
Visit Website

Felt
Felt is a free online tool that allows you to build maps using data, collaboratively and share them with a single click.
Free
Map maker
Visit Website

Color generator by superdesigner.co
The superdesigner.co color generator is an online tool to generate and preview color palettes on mobile and desktop with one click for free.
Free
Color tool
Visit Website
CropScore
CropScore allows you to crop images very easily and has a list of useful predefined sizes to choose from.
Free
Image tool
Visit Website

CSS only cool hover effect
A nice image hover effect in which the image lights up while the surrounding border moves smoothly, and without using JavaScript.
Free
Code snippets
Visit Website

Illustrations.to
Illustrations.to allows you to search and download free illustrations of different themes in SVG and PNG.
Free
Illustration tool
Visit Website

CSS gradient shadows
With this tool, you can easily generate and copy customizable gradients for your shadows with pure CSS.
Free
CSS tool
Visit Website

Komi-san CSS Illustration
This nice CSS illustration of the anime character komi has different hover effects depending on the hover zone.
Free
Code snippets
Visit Website

Absurd illustrations
Absurd Illustration is a collection of different black and white illustrations in a handmade abstract style.
Paid
Illustration tool
Visit Website

Scale8
Scale8 is an open source, privacy-oriented alternative to Google Tag Manager and Google Analytics to monitor your website without relying on third parties.
Free
Web analytics tool
Visit Website

UI Coach
UI Coach is a learning tool that will help you become a better UI designer by generating real-world design challenges for you to practice.
Free
Design learning tool
Visit Website