Community Picks·4yPenpot is a Solid Open-Source Figma Alternative to Look Out for!
Penpot is a free and open-source solution as an alternative to Figma and similar design tools. It is in its beta phase following its launch on ProductHunt nearly two years ago. The major highlight is the use of SVG as its native format.
asayer·4yMicro-Interactions using Anime.js
Micro-interactions are small, functional animations that give the user support using visual feedback. They are just like other interactions with gadgets; they’re used to give users meaningful feedback because they must always be aware of the results of their actions. We imported Machine from XState and created a generic type for our TogglEvent, setting type to TOGGLE, and created our state machine.
Web Tools Weekly·4yPerf Insights, Frameworks, Media, React Tools
Chrome 102 now includes a new panel in the DevTools called Performance Insights. The panel addresses specific problems developers have had with the existing performance panel. The most important features here are the "Insights" and "Details" panes Radix Icons A set of crisp 15x15 SVG-based icons available for Figma, Sketch, IconJar, React, or just plain SVG code.