Latest resources for frontend developers #17
In episode number 17 of the latest resources for frontend developers, we list 17 helpful resources, including Javascript libraries, code snippets, icon tools, and much more.

Material symbols
Material Icons by Google is a robust icon collection of 2500 icons in font format with three different styles and four adjustable variable font styles.
Free
Icon tool
Visit Website

Coverview
Coverview is a useful tool to create cover images for your blogs easily, you can customize different parameters and download the image for free.
Free
Cover image generator
Visit Website

Stacks
Stacks is the design system with everything you need to build products for the company Stack Overflow.
Free
Design system
Visit Website

HyperUI
HyperUI is a free CSS component library built with Tailwind CSS to help you speed up the creation of your next project.
Free
CSS components library
Visit Website
Visily
Visily is an AI-powered user interface design software to help non-designers create eye-catching mockups faster.
Freemium
Design software
Visit Website

Linear style cursor glow
A code fragment of a group of cards with an attention-grabbing hover effect that makes the part where the cursor is located glow.
Free
Code snippet
Visit Website
Befront
Befront is a tool to learn to design by practicing with the help of a Figma plugin, suitable for inexperienced designers.
Freemium
Design course
Visit Website
DopeUI
DopeUI is a website where you can download beautiful user interface templates made with Figma, Photoshop, and HTML with TailwindCSS.
Freemium
Website templates
Visit Website

Haunted Library
A code snippet of a complex and quality CSS illustration depicting an enchanted library with some animations and without using javascript.
Free
Code snippet
Visit Website

Remotion
Remotion is a free set of libraries for creating real MP4 videos using React library.
Freemium
Javascript library
Visit Website

Animated hamburger menus
In this CodePen you will find four different animations for a hamburger menu with customizable icon sizes and 2 variants.
Free
Code snippet
Visit Website

Frappe Gantt
Frappe Gantt is a Javascript library for creating modern, interactive Gantt charts for the web with simplicity.
Free
Javascript library
Visit Website

Plaidish patterns
A code snippet of 6 different CSS Plaid patterns using linear gradients, a really impressive result just using 66 lines of SCSS.
Free
Code snippet
Visit Website

View Source
View Source is an online tool where you can enter a web page and view the source code from it, a useful tool especially if you are on a mobile device.
Free
Source code viewer
Visit Website

Yellow Lab
Yellow lab is a free and open-source tool to analyze performance and best practices by detecting HTML, CSS, JS, images, and font issues that may affect your page speed.
Free
Performance tool
Visit Website

Bonsai
Bonsai is a web browser oriented to programmers, some of its remarkable features are fast performance and a distraction-free user interface. Available on Mac, Windows, and Linux.
Free
Web browser
Visit Website

Colorful
Colorful is a browser-based collaborative 3D image editor to easily create 3D photos.
Freemium
3D Image tool
Visit Website