Latest resources for frontend developers #2

Vanta.js is a simple way to add easily customizable 3D backgrounds and WebGL animations to your website.

Box Shadows for TailwindCSS is a selected list of TailwindCSS box shadows. Click to copy the style, paste it into the div section of your HTML, and the box-shadow will be applied instantly.

Designgradients is a free platform of 48 designer-selected linear gradients that can be used as content backgrounds for any piece of digital art.

With Nnnoise you can use create subtle SVG noise textures and use these textures as background images to add an organic feel to your web pages/elements.

Throos is a javascript library to create product walkthroughs easily.

A growth agency landing page UI template free to download.

Pexel is a Canva-style social media kit that will help you quickly create social media creatives.

Cccolor is a clean, simple, and elegant color picker with color values automatically available in RGB, HSL, hexadecimal, and 8-digit (with alpha), ideal for CSS and HTML.

Shoelace offers a collection of professionally designed, everyday-use user interface components built with framework-independent technology.

Doodle CSS is a simple CSS theme with a handwritten style.

Glitch image generator is a web application that allows you to generate and save unique glitchy images.

Open Props are open-source custom CSS properties that help you to speed up responsive and consistent designs.

SVGcode is a web application that converts raster images like JPG, PNG, GIF, WebP, and AVIF into SVG format.

Beautiful 3D Christmas illustrations in high resolution, perfect for promotional landings, storytelling and other design projects.

CSSO is a CSS minifier that performs 3 transformations to your CSS: remove redundant code, compress, and restructure your CSS, this results in a much smaller size of your file.

Want to learn more about typography? Google presents a library with a large number of guides written by typography experts completely free of charge.

Ffflux is a fluid gradient SVG background generator, highly customizable to achieve truly impressive results.

Pika is a free and open-source web application to quickly generate beautiful screenshots.

Pico.CSS is a minimalist CSS framework for semantic HTML, it can style all native HTML elements without any class and also enables dark mode automatically.

This tool runs Lighthouse performance tests at various network speeds. You can see how bandwidth and round-trip latency affect your site's performance metrics.

A codepen of a Christmas elm illustrator only with the help of CSS (multiple gradients, masks, and clip-path).

The popular CSS framework Tailwind CSS has released a new version with a lot of new features, such as faster build times, new and improved color palettes, shadows, and much more.