mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
94.06k stars 32.32k forks source link

[docs] Convert the "all components" images to CSS #44482

Open danilo-leal opened 7 months ago

danilo-leal commented 7 months ago

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:

  1. Maintaining them on Figma is an additional tool to manage
  2. Compressing images and then needing to download them is cumbersome and not efficient performance-wise
  3. 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.

Search keywords: component images css

Search keywords:

michaldudak commented 1 week ago

This issue is about the mui.com content. It's not relevant to Base UI, so I'm moving it back to the Core repo.