
Latest Resources for Frontend Developers #52
In episode 52 of our series on the latest resources for frontend developers, we've curated a selection of 18 helpful resources, including a powerful visual regression tool, efficient Chrome extensions, powerful JavaScript libraries, and much more.

ReadMe.Dev
A tool to generate a well-crafted markdown for your GitHub profile README file effortlessly.
Free
GitHub tool
Visit Website

Saaspo
A website with a hand-picked and categorized collection of the best SaaS.
Free
SaaS design inspiration
Visit Website

CSS pendulum waves
A code fragment of a 3D illustration of a pendulum with a rotating effect.
Free
Code snippets
Visit Website

Logggos
Logggos is a collection of visually appealing logos sorted by industry, style, or color.
Free
Logo inspiration
Visit Website

GradienMood
A nifty tool to generate the CSS code of a gradient from a mood.
Free
Gradient generator
Visit Website

Rayst
A browser extension to discover information, statistics, and technologies used on a website.
Freemium
Chrome extension
Visit Website

Writer
A plugin to generate relevant texts with the help of AI in your Figma designs.
Freemium
Figma plugin
Visit Website

3D Walkman
A code snippet of a realistic 3D drawing of a Sony Walkman with a rotating effect.
Free
Code snippet
Visit Website

Pixelicious
An online tool for converting images to pixel art easily by just uploading an image and selecting the pixel size
Free
Pixelated image converter
Visit Website

Blockman
Visual Studio Code extension to improve code readability by highlighting code blocks in the editor.
Free
Visual Studio Code extension
Visit Website

Lazy Brush
A JavaScript library for drawing smooth curves and lines with any pointing device, such as a mouse or a finger.
Free
JavaScript library
Visit Website

OKLCH color picker & converter
OKLCH is a color encoding method with native browser support, and on this website, you have a color picker and converter for it.
Free
Color tool
Visit Website

Health icons
An extensive library of free and open-source health icons with over 1,000 options for commercial or personal use.
Free
Icon library
Visit Website

ScrollyVideo.js
A JavaScript library for creating scrollable and responsive videos, compatible with React, Svelte, Vue, and HTML.
Free
Javascript library
Visit Website

3D Card
A CodePen of a card with an eye-catching 3D hover effect.
Free
Code snippet
Visit Website

NightLight
A Code snippet of a 3D illustration of a record player with a light effect coming out of it.
Free
Code snippet
Visit Website

Atlas icons
An open-source collection of over 2000 icons in SVG formats with variable stroke and size.
Free
Icon library
Visit Website

DoneNote
Collaborate in adding notes to a web page with ease through this extension.
Freemium
Chrome extension
Visit Website