⚡️ ゼロ依存性
他に何も必要ありません
EffCSS 自信に満ちた CSS-in-TS
スタイルを新たな視点で見てみよう
Skip to content
{"data":[{"key":"effcss","v":"6.0.2","style":"font-weight:bold;","install":40.9,"publish":40.9,"name":1},{"key":"goober","v":"2.1.19","install":111,"publish":111,"name":2},{"key":"styled-components","v":"6.6.0","install":3665.92,"publish":2129.92,"name":3},{"key":"@emotion/css","v":"11.13.5","install":10342.4,"publish":267,"name":4}],"minSize":{"r":"0px","t":"0px","b":"0px"},"series":{"def":{"title":"Publish size","field":"publish","color":"var(--vp-home-hero-name-color)"},"sec":{"title":"Install size","field":"install","color":"var(--vp-c-brand-2)"}}} {"data":[{"key":"effcss","v":"6.0.2","style":"font-weight:bold;","install":40.9,"publish":40.9,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;font-weight:bold;\"><div>effcss</div><div>v6.0.2</div></div>"},{"key":"goober","v":"2.1.19","install":111,"publish":111,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>goober</div><div>v2.1.19</div></div>"},{"key":"styled-components","v":"6.6.0","install":3665.92,"publish":2129.92,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>styled-components</div><div>v6.6.0</div></div>"},{"key":"@emotion/css","v":"11.13.5","install":10342.4,"publish":267,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>@emotion/css</div><div>v11.13.5</div></div>"}],"minSize":{"r":"0px","t":"0px","b":"0px"},"series":{"def":{"title":"Publish size","field":"publish","color":"var(--vp-home-hero-name-color)"},"sec":{"title":"Install size","field":"install","color":"var(--vp-c-brand-2)"}}} {"data":[{"key":"effcss","v":"6.0.2","style":"font-weight:bold;","install":40.9,"publish":40.9,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;font-weight:bold;\"><div>effcss</div><div>v6.0.2</div></div>"},{"key":"goober","v":"2.1.19","install":111,"publish":111,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>goober</div><div>v2.1.19</div></div>"},{"key":"styled-components","v":"6.6.0","install":3665.92,"publish":2129.92,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>styled-components</div><div>v6.6.0</div></div>"},{"key":"@emotion/css","v":"11.13.5","install":10342.4,"publish":267,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>@emotion/css</div><div>v11.13.5</div></div>"}],"minSize":{"r":"0px","t":"0px","b":"0px"},"series":{"def":{"title":"Publish size","field":"publish","color":"var(--vp-home-hero-name-color)"},"sec":{"title":"Install size","field":"install","color":"var(--vp-c-brand-2)"}}}
Package Phobia レポートの比較
以下は、Package Phobiaの報告に基づく、類似パッケージのサイズです。サイズはKB単位で表示されています。
- effcss - 6.0.2
- goober - 2.1.19
- styled-components - 6.6.0
- @emotion/css - 11.13.5