Latest resources for frontend developers #1
This first article with the latest resources for Frontend Developers includes Icon libraries, patterns, illustration tools, and more.

Iconsax
Iconsax is an icon library for the Vuewsax framework, this library contains 1000 icons and 6 different styles, so in total this website has 6000 FREE icons!
Free
Icon library
Visit Website
CSS background patterns
On this website, you will find a collection of more than 100 free CSS patterns.
Free
Pattern tool
Visit Website

Box Shadow Generator
Generate CSS3 multi-layer box-shadow and get inspired by box-shadow examples with this web tool.
Free
CSS tool
Visit Website

Erase.bg
Remove the background from images of people, animals, or objects and download free high-resolution images.
Free
Image tool
Visit Website

Doodle Ipsum
Doodle Ipsum is the lorem ipsum of illustrations. Just customize your doodles, grab the code and use them in your next project.
Free
Illustration tool
Visit Website
Lorem.space
Lorem.space is an image placeholder generator with a lot of real themes to choose from like movies, shoes, video games, and more.
Free
Image tool
Visit Website

Blobity
Blobity is a library that allows you to create different types of animations with the cursor, in the documentation you can see the different types of animations available.
Freemium
JS library
Visit Website
Next.js 12
Next.js 12 adds to the already good react framework a Rust compiler, Middleware, React 18 Support, Native ESM Support, URL imports, and React Server.
Free
React framework
Visit Website
React conf 2021
The React Conf 2021 is a React conference taking place online on December 8 for free.
Free
Conference
Visit Website
Measure
Test your pages in a lab environment with the help of PageSpeed Insights and get tips and recommendations to improve your user experience.
Free
Performance tool
Visit Website
Backlight.dev
All-in-one design system platform, manage everything related to your design system in one place.
Freemium
Design system tool
Visit Website

Analyze CSS
Analyze your website's CSS in this quick and insightful analyzer. Enter a URL or paste your raw CSS and get a nearly instant analysis.
Freemium
CSS Audit
Visit Website

Life of Discipline
Life of discipline is a habit tracker that uses GitHub-style calendar heat maps to help you keep track of anything.
Freemium
Habit tracker
Visit Website
Cleanup.pictures
With cleanup.pictures you can remove objects, people, text, and errors from any image for free.
Free
Image tool
Visit Website
Lunacy
Lunacy by Icons8 is a free design software for Windows, macOS, and Linux. You can easily open and edit sketch files. Built-in vectors, photos, UI kits, and more.
Free
Design software
Visit Website

Flowbite
Flowbite is a set of open-source web components and interactive elements built on top of the Tailwind CSS and Figma utility classes.
Free
Web components library
Visit Website

Animated Gradient Background Generator
Animated Gradient Background Generator is an online tool for creating animated background gradients in pure CSS.
Free
Gradient generator
Visit Website
Nord Design System
Take a look at Nordhealth's official design system and get inspired.
Free
Design system
Visit Website

2021 Design Tools Survey
Find your next tool from the answers of thousands of designers from all over the world.
Free
Design survey
Visit Website

3D Stack Overflow logo with CSS
A Codepen of a 3D logo of the Stack Overflow logo
Free
CSS logo
Visit Website

Wavier
With this Wavy Divider generator, you can easily generate the code to create wavy dividers for your next web page.
Free
CSS shape generator
Visit Website
Tailwind CSS Cheat Sheet
Cheatsheet with a quick and interactive reference to all CSS utility classes and properties in Tailwind CSS.
Free
Documentation
Visit Website