Latest resources for frontend developers #3
Episode number 3 of the latest resources for Frontend Developers includes some gradient generators, nice CSS illustrations, useful coding interview tools, and more.

Mesh·y
Mesh.y is an online program to generate and customize nice and colorful mesh gradients and export them in different sizes easily in PNG.
Free
Gradient generator
Visit Website

Token master
Token master is a Figma plugin to help you edit, create and find your design tokens.
Free
Figma plugin
Visit Website

UX Meter
UX Meter is a website that allows you to rank and compare the design of different popular websites.
Free
UX tool
Visit Website

CSS Gradient Generator by Joshua Comeau
An online CSS gradient generator tool made by Joshua Comeau, the tool has a lot of options to find your next gradient and output the result with CSS with a single click.
Free
Gradient generator
Visit Website

Matrix of a cube with one element
A stunning abstract illustration in pure CSS using only a div container.
Free
CSS illustration
Visit Website
Floating UI
Floating UI is a javascript library to easily place tooltips, popovers, and other floating elements.
Free
JS library
Visit Website

Minimator
Minimator is a minimalist graphic editor in which all drawing is done in lines on a grid-based canvas.
Free
Graphic editor online
Visit Website

Olson Brand Identity and Style Guide
Olson is a free downloadable Figma brand identity and style guide to save you time when creating your next brand guide.
Free
Figma branding kit
Visit Website
Wanda Design System
Wanda is an open-source design system for building Wonderflow's digital products.
Free
Design system
Visit Website

Prospero
Prospero is an online tool for creating professional proposals quickly, worth a look if you want to impress your clients.
Paid
Proposal generator
Visit Website
Frontendeval
A website with useful free exercises to train for today's front-end development coding interviews.
Free
Coding interview tool
Visit Website

Responsive Houdini 3D Carousel
A CSS illustration of a responsive 3D Houdini carousel with a rotation animation.
Free
CSS illustration
Visit Website

BFE.dev
BFE.dev is a platform to practice coding interview questions and challenges for Frontend developers to prepare for your next job interview.
Free
Coding interview tool
Visit Website
Talevideo
Talevideo is a web tool that makes it easy to create a professional video of the website of your choice.
Freemium
Website recording tool
Visit Website

Clay.css
Clay.css is a CSS tool for applying an inflated 3D claymorphism style to elements.
Free
CSS tool
Visit Website
Colord
Colord is a small but powerful JavaScript tool for high-performance color manipulations and conversions.
Free
JS library
Visit Website

Understanding JavaScript Promises
Understanding JavaScript Promises is a free eBook written by Nicholas C. Zakas that teaches you everything you need to know about asynchronous programming with JavaScript promises.
Free
JS book
Visit Website

TheJam.dev 2022 conference
A free online conference about the Jamstack world will take place online on January 26 and 27, 2022.
Free
JS conference
Visit Website

Spirited Away Bathhouse (Aburaya) - 3D CSS
A pure CSS illustration of a Spirited Away bathhouse with a rotation hover effect.
Free
CSS illustration
Visit Website