Latest Resources for Frontend Developers #59
In episode 59 of our series on the latest resources for frontend developers, we've curated a selection of 12 helpful resources, including powerful Figma plugins, a versatile typography tool, a robust flowchart generator, and much more.
Relume Ipsum
Save time and effort in creating copy in your Figma designs with the help of AI.
Freemium
Figma plugin
Visit Website
Shapes
Discover a library of over 120 basic SVG shapes with copy-and-paste capabilities.
Free
SVG shapes library
Visit Website
GSAP image modal
A code snippet of an image modal grid with a smooth opening/closing transition.
Free
Code snippet
Visit Website
Abha
Create a complete color palette and view it live on a demo website.
Free
Color tool
Visit Website
Modern Font Stack
A stack of CSS system fonts sorted by font family to suit all modern operating systems.
Free
Typography tool
Visit Website
Logobean
A great logo maker to generate countless logos and brands with a single click.
Paid
Logo generator
Visit Website
Glass icon
A CodePen of a nice glassmorphism icon on a wooden background.
Free
Code snippet
Visit Website
Appsmith
Create internal tools faster with this open-source builder.
Freemium
Internal tools builder
Visit Website
Scrambling letter effect
A code snippet of a text with an eye-catching hover effect messing up the letters.
Free
Code snippet
Visit Website
Sprinkles theme
A pretty theme for Visual Studio Code decorated with vibrant pops of color.
Free
Visual Studio Code theme
Visit Website
Frontender
A plugin to convert your Figma designs into code with support for HTML, CSS, CSS-in-JS, Tailwind, and JSX.
Freemium
Figma plugin
Visit Website
Mermaid Flow
An interactive editor to create and export Mermaid JS diagrams and visualizations with ease.
Free
Flowchart generator
Visit Website