Latest resources for frontend developers #25
In episode number 25 of the latest resources for front-end developers, we list 15 useful resources, including a VS Code extension, an avatar generator, some inspiring code fragments, and more.

Morflax Shift
Morflax Shift is a 3D design tool that allows you to transform any text or vector into a customizable 3D image.
Freemium
3D design tool
Visit Website

Color.js
Color.js is an open-source Javascript library made by Lea Verou to convert and manipulate colors.
Free
JavaScript library
Visit Website

Gggrain
Gggrain is a handy tool for generating customizable gradients with a grainy texture and exporting them as SVG.
Free
Gradient generator
Visit Website

SVG play buttons
This CodePen is a pretty 3D SVG illustration of a play button with a lighting effect on hover.
Free
Code snippet
Visit Website

Dynamowaves
Dynamowaves is a tool that allows you to create SVG waveforms in HTML that change each time it is rendered.
Free
SVG drawing tool
Visit Website

Sequoia theme
Sequoia is a VS Code theme with a modern, elegant and clean look.
Free
VS Code theme
Visit Website

Horizon UI PRO
Horizon UI PRO is a quality admin template built with chakra UI with 400+ elements and a dark/light theme.
Paid
Admin template
Visit Website

Super Header Slider
A code fragment of an interactive header that changes the color in a slide effect depending on the position of the mouse.
Free
Code snippet
Visit Website

Blob generator
Blob generator from superdesigner.co is a generator of customizable and exportable shapes in different formats.
Free
Shape generator
Visit Website

Hhhue
Hhhue is a collection of beautiful color palettes with the possibility to copy colors in different formats such as HEX, RGB, or HSL.
Free
Color tool
Visit Website

Saas UI
Saas UI is a library of React components to speed up the development of your SaaS products.
Freemium
Web component library
Visit Website

Pure CSS card gradient patterns
A code snippet of CSS cards with different patterns made only using gradients.
Free
Code snippet
Visit Website

Auto rename tag
Auto rename tag is a VS Code extension to auto-rename paired HTML/XML tags.
Free
VS Code extension
Visit Website

Random users
Random users is an online tool for generating random user profile names and photos for use in your projects.
Free
Avatar generator
Visit Website

Can I DevTools?
With Can I DevTools? you can check the browser support for the different features of the DevTools.
Free
Developer tool
Visit Website