Styled Engine
@mui/styled-engine
styled() API wrapper package for emotion.
Animation
react
react-component
mui
emotion
@mui/styled-engine
Animation
javascript
npm
frontend
open source
Stars
846
Weekly
9.3M
Open issues
11
Bundle
~15 kB
Installation
npm install @mui/styled-engineCode example
import Button from "@mui/material/Button";
import Stack from "@mui/material/Stack";
export function Example() {
return (
<Stack direction="row" spacing={2}>
<Button variant="contained">Primary</Button>
<Button variant="outlined">Secondary</Button>
</Stack>
);
}Pros & cons
Pros
- Actively maintained by MUI Team
- 9.3M weekly downloads. Battle tested
- First-class TypeScript definitions
- MIT licensed
Considerations
- Adds roughly ~15 kB to your bundle
- Needs client-only rendering in SSR frameworks
- Not supported in React Native
- 11 open issues on GitHub