Latest resources for frontend developers #29
In episode 29 of the latest resources for frontend developers, we list 16 helpful hand-picked resources, including CSS tools, SVG generators, a search engine friendly to software developers, and more.

Hypercolor
HyperColor is a website with a hand-picked collection of gorgeous gradients for Tailwind CSS with copy-and-paste functionality.
Free
Gradient tool
Visit Website

Hello
Hello is a search engine focused on software developers with built-in code snippets for some search queries.
Free
Search engine
Visit Website

UpToDate what?
UpToDate what? is a website to check the version number of different developer tools.
Free
Developer tool
Visit Website

Cascading CSS text effects
A code snippet with different impressive text effects every time you scroll to a new section.
Free
Code snippet
Visit Website

Skeleton
Skeleton is a UI component library that uses Svelte and Tailwind CSS to build mobile-friendly user interfaces quickly.
Free
UI component library
Visit Website

Flexbox playground
Flexbox playground is a tool to visualize and play with the different CSS properties of Flexbox.
Free
CSS tool
Visit Website

CSS Doodle
CSS doodle is a tool for drawing different CSS patterns using a web component.
Free
CSS tool
Visit Website

CSS puzzle game
A code fragment of a puzzle game of a photograph using CSS only.
Free
Code snippet
Visit Website

Copy Book
Copy Book is a copywriting tool with a long list of standard text to copy and paste for different use cases.
Free
Copywriting tool
Visit Website

AppFlowy
AppFlowy is a customizable, open-source project management tool, a nice alternative to Notion.
Free
Project management tool
Visit Website

HTML end tag labels
HTML End Tag Labels is a VS Code extension to display the different labels at the end of an HTML tag.
Free
Visual Studio Code extension
Visit Website

Get Illustrations
Get Illustrations is a frequently updated collection of over 12,000 creative illustrations for commercial use.
Freemium
Illustration tool
Visit Website

Perspective loading with CSS
This CodePen is a pure CSS loading indicator with a 3D transformation on click.
Free
Code snippet
Visit Website

Omni theme
Omni theme is a dark theme for VS Code with a beautiful design made by Rocketseat.
Free
Visual Studio Code theme
Visit Website

Wwwhirl
Wwwhirl is a twisting line SVG pattern generator with easy-to-use copy and paste functionality.
Free
SVG generator
Visit Website

SVG stripes maker
A tool to generate highly customizable animated SVG stripe patterns and free download.
Free
SVG generator
Visit Website