[material-ui][docs] Convert the "all components" images to CSS
Open
@siriwatknp is already working on this.
Since Feb 6, 2025.
design
docs
scope: all components
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
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:
- 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 Material UI images.
Search keywords: component images css
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.