
Latest Resources for Frontend Developers #49
In episode 49 of the latest resources for frontend developers, we list 12 helpful hand-picked resources, including a graphic generator, an animation tool, a JavaScript game engine, and more.

MagicPattern
More than ten tools to create nice customizable graphics such as patterns, gradients, or shapes.
Paid
Graphic generator
Visit Website

Flatuicolorpicker
A collection of gorgeous colors filterable by its most suitable sector or the goal you want to achieve, among other options.
Free
Color tool
Visit Website

Cattocss
A website with a set of appealing animations with the source code available for copying.
Free
Animation tool
Visit Website

Mad Max text effect
An eye-catching text with a zoom and color change effect made only with CSS.
Free
Code snippet
Visit Website

RippleUI
A collection of beautiful and reusable components made with Tailwind CSS to build modern interfaces.
Free
UI components library
Visit Website

UI Content
A compilation of relevant and realistic placeholder text on different content categories.
Free
Text placeholder tool
Visit Website

MelonJS
A lightweight, open-source JavaScript game engine using ES6 syntax and bundled with Rollup.
Free
JavaScript game engine
Visit Website

Gallery mouse effect
A photo gallery with an impressive effect when revealing the next photo and a stunning effect on mouse-over.
Free
Code snippet
Visit Website

Refero
A collection of over 8000 pages and 40000 screens with the designs of top-quality products to get inspired.
Free
Web design inspiration
Visit Website

Plasmo framework
A framework to speed up the development of browser extensions with React and Typescript support.
Free
Browser extension framework
Visit Website

Stripo
A simple and fast HTML template builder to speed up email design
Freemium
HTML email builder
Visit Website

SVG text animation
A Codepen of a text with a gradient color and a pleasant stretching effect on hover.
Free
Code snippet
Visit Website