Latest resources for frontend developers #15
In episode number 15 of the latest resources for frontend developers, we list 14 useful resources including Visual Studio Code extensions, an awesome terminal, some delightful code snippets, and much more
Warp
Warp is a terminal with very attractive features such as extremely fast performance, code editor-like functionality, copy/paste your output, and much more.
Free
Terminal tool
Visit Website

DALL·E 2
DALL-E 2 is an AI image generator by openAI that can produce a new image from a natural language description.
Paid
AI image generator
Visit Website
Gestalt design system
Gestalt Design System is Pinterest's design system, full of guidelines and resources for building products for the image-sharing social media company.
Free
Design system
Visit Website
Preview.js
Preview.js is a Visual Studio Code extension to preview your UI components directly in your code editor, compatible with React, SolidJS, and Vue.
Free
Visual Studio Code extension
Visit Website
Pixelart together
Pixelart together is an online pixel editor for creating pixel art collaboratively with others.
Free
Pixel editor
Visit Website
Stage
Stage is a design software tool to easily design and prototype mobile applications without the need for design or coding skills.
Freemium
Design software
Visit Website

Checkbox animations with indeterminate state
A code snippet of a checkbox with a nicely applied attractive border animation when clicking on each checkbox.
Free
Code snippet
Visit Website
FabPic
Fabpic is an online screenshot editing tool to easily customize and enhance all your captures.
Free
Screenshot tool
Visit Website
UXcel
UXcel is a place to improve and learn your design skills, test your knowledge and find a better job, all through its online platform.
Freemium
Design course
Visit Website
Excalidraw
An extension to integrate Excalidraw, the collaborative virtual whiteboard tool to VS Code.
Free
Visual Studio Code extension
Visit Website
Pitch
Pitch is a collaborative presentation software to design beautiful presentations together quickly and easily.
Freemium
Presentation software
Visit Website

Floating Headers
This CodePen is a code example of a header with floating 3D-style typography, all without using Javascript.
Free
Code snippets
Visit Website

Iconbay
Iconbay is a free library for commercial and personal use of 100 quality icons in five different styles and fully vectorized.
Free
Icon tool
Visit Website
Archbee
Archbee is a tool to document your code with simplicity, with quick search integration, drag and drop functionality to organize your code, built-in features to document your API's and much more.
Paid
Code documentation tool
Visit Website