
Latest Resources for Frontend Developers #50
In episode 50 of the latest resources for frontend developers, we list 16 helpful hand-picked resources, including a UI Component library, a pattern generator, a keyword rank tracking tool, and more.

Localfonts
Localfonts allows you to easily view in your browser all the fonts stored on your device.
Free
Typography tool
Visit Website

SailboatUI
An open-source library with over 150 modern UI components for Tailwind CSS.
Free
UI Component library
Visit Website

Aurora editor
A Swift-based, community-built IDE for macOS with native performance and a familiar Xcode-inspired interface.
Free
IDE
Visit Website

Best of JS
Get a complete overview of the JavaScript landscape with categorized lists of the most popular open-source projects of each year.
Free
JavaScript tool
Visit Website

Uiverse
A free library of over 600 customizable and beautiful UI elements made with HTML and CSS to save time on your projects.
Free
UI elements collection
Visit Website

Gradicol
A simple website with hand-selected linear gradients to copy and paste into your next project.
Free
Gradient collection
Visit Website

Aqua buttons
A code snippet of 2 rounded and bright buttons with a gradient effect.
Free
Code snippet
Visit Website

PatternAI
A tool to search and generate thousands of royalty-free patterns with the help of AI.
Freemium
Pattern generator
Visit Website

Smiley preloader
A code snippet of a creative loader showing a smiley face as it rotates.
Free
Code snippet
Visit Website

Replace Background
An AI-powered online tool to replace the background by describing it with text.
Paid
Image background replacer
Visit Website

Redlines
A plugin to add customizable measurements of any element in your Figma files.
Free
Figma plugin
Visit Website

Tree with animated LEDs
A CodePen of a beautiful illustration of a tree made of animated colored LEDs.
Free
Code snippet
Visit Website

Moonlight
A visually appealing VS Code theme with bubblegum tones on a moonlit background.
Free
Visual Studio Code theme
Visit Website

ILoveSHOT
An easy-to-use tool to capture high-resolution images from any website for free.
Free
Screenshot website tool
Visit Website

SerpBear
An open-source app to track your website's keyword positions in Google and receive notifications about any changes in ranking.
Free
Keyword rank tracking tool
Visit Website

3D number illustration
A code snippet of a 3D illustration of a colorful number with a rotating animation.
Free
Code snippet
Visit Website