Latest resources for frontend developers #14

Gradinents by Components AI is a very powerful tool to create gradients as complex as you wish and export them in different programming languages with extreme ease.

SnapDeck allows you to create screenshots of code snippets for different programming languages, customize them and export them to PNG for free with a single click.

Workbench is a quality, well-documented design system for creating a pretty and cohesive experience for Gusto's platform.

This CodePen code snippet is a toggle that changes the theme from light to dark and with an icon that changes subtly during the transition.

A free favicon maker where you can create an emoji or letter favicon, customize the size, color, and shape, export it, and generate the necessary code to add it to your website.

Color morph is a nice random mesh gradient generator that allows you to export them as SVG or CSS code.

Screendot is a low-cost API to create screenshots in different formats, in high quality, and from any device.

A CodePen with a 3D CSS illustration of a bottle with a glowing liquid that changes color from time to time in a smooth transition.

Thumbnail kit is a Figma plugin with which you can quickly generate thumbnail covers for your next Figma project.

Mdash is a web component UI library with standard HTML that works with any or no framework.

Spruce CSS is a lightweight open-source CSS framework based on Sass to give a solid foundation to your projects.

A code snippet in CodePen of a food-themed rollable menu without using JavaScript.

The Flex UI library for Tailwind CSS has over 700 ready-to-use sections and hundreds of other UI elements made with Figma to speed up the creation of your next projects.

Snip.dev is a specific search engine for code snippets with more than 15 programming languages and code-related functionalities.

Ssshape is another great tool from the Fffuel web, by giving some coordinates on a canvas you can generate an SVG shape, customize it and export it or copy the SVG.

A CodePen code snippet of a 3D smoking pipe with a parallax hover effect, is impressive for not using a single line of JavaScript.

Tailwind Elements are over 500 Bootstrap web components recreated with Tailwind CSS and enhanced design.

Design resources allow you to download design resources for Figma and Adobe XD, from web apps to 3D Illustrations.