
Latest resources for frontend developers #36
In episode 36 of the latest resources for frontend developers, we list 16 helpful hand-picked resources, including a design system, a gradient generator, a web performance tool, and more.

GradientArt
An online editor for creating highly customizable and complex gradients.
Free
Gradient generator
Visit Website

Token CSS
A tool for incorporating design tokens into your development process within your CSS styles.
Free
Design tokens tool
Visit Website

Vanilla framework
A lightweight, composable, open-source CSS framework written in Sass.
Free
CSS framework
Visit Website

Animated colorful 3D font
A code snippet of a colorful 3d font with eye-catching animation.
Free
Code snippet
Visit Website

Peeps avatar builder
An interactive, highly customizable 3D avatar generator built by the UI8 team.
Free
Avatar generator
Visit Website

Tylify
An online tool to create repetitive patterns using images or emojis.
Free
Pattern generator
Visit Website

Bulk core web vitals check
An online performance monitoring tool to check the Core Web Vitals of up to 500 URLs.
Free
Web performance tool
Visit Website

Progress button
A code fragment of a progress button with a beautiful border animation to indicate progress.
Free
Code snippet
Visit Website

MVP.css
A tool to add minimalist styles to your HTML without adding class names.
Free
CSS tool
Visit Website

Illustrationz
A library of 3D illustrations of adults, children, elders, and pets with more than 160 million combinations.
Paid
Illustration set
Visit Website

Ok! So...
An online drawing tool for creating your designs without registration.
Free
Drawing tool
Visit Website

Sliced text effect
A CodePen of a beautiful sliced text effect using only CSS.
Free
Code snippet
Visit Website

DRUIDS
The design system of the user interface fundamentals for the Datadog platform.
Free
Design system
Visit Website

Remix Icon
An open-source icon library with over 2200 neutral-style icons.
Free
Icon library
Visit Website

UX Challenges
A collection of UX challenges to practice your design skills with real-world examples.
Free
Design challenges
Visit Website

Tweetlet
A free online tool to create beautiful images from tweets, images, text, or code.
Free
Image generator
Visit Website