MCP
{
  "mcpServers": {
    "bundlephobia": {
      "url": "https://bundlephobia.com/api/mcp"
    }
  }
}
Menu

styled-system

Created with Sketch.Responsive, theme-based style props for building design systems with React
tree-shakeable
DependenciesCreated with Sketch.13 dependencies

Bundle Size

15.3
kB
Minified
4.7
kB
Minified + Gzipped

Download Time

95
ms
Slow 3G
i
5
ms
Emerging 4G
i

Composition

@styled-system/css
21.0%
(self)
19.0%
@styled-system/core
13.6%
@styled-system/border
12.2%
@styled-system/space
11.2%
@styled-system/variant
3.4%
@styled-system/layout
3.3%
object-assign
2.8%
@styled-system/grid
2.7%
…
…
…
…
…
…

Note: These sizes represent the contribution made by dependencies (direct or transitive) to styled-system's size. These may be different from the dependencies' standalone sizes.

Exports Analysis

Exports analysis is available only for packages that export ES Modules and are side-effect free.
This package exports ES6 modules, but isn't marked side-effect free.