The Material UI, Base UI, and Charts docs have an "all components" page with illustrated cards for each component. These illustrations are currently done on Figma and added to the cards as png. That's not entirely ideal because:
Maintaining them on Figma is an additional tool to manage
Compressing images and then needing to download them is cumbersome and not efficient performance-wise
We can't add micro animations
So, the idea is to, at some point, tackle all of these points by converting them into CSS.
This issue tracks the effort for the Base UI images.
Summary
The Material UI, Base UI, and Charts docs have an "all components" page with illustrated cards for each component. These illustrations are currently done on Figma and added to the cards as png. That's not entirely ideal because:
So, the idea is to, at some point, tackle all of these points by converting them into CSS. This issue tracks the effort for the Base UI images.
Search keywords: component images css
Search keywords: