⚡️ Zero-dependency
Nothing else is required
EffCSS Self-confident CSS-in-TS
Look at styles in a new way
Skip to content
{"data":[{"key":"effcss","v":"5.6.1","style":"font-weight:bold;","install":48.4,"publish":48.4,"name":1},{"key":"styled-components","v":"6.5.3","install":3553.28,"publish":2037.76,"name":2},{"key":"less","v":"4.9.0","install":5724.16,"publish":3184.64,"name":3},{"key":"sass","v":"1.103.1","install":7925.76,"publish":5806.08,"name":4},{"key":"@emotion/css","v":"11.13.5","install":10342.4,"publish":267,"name":5}],"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":"5.6.1","style":"font-weight:bold;","install":48.4,"publish":48.4,"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>v5.6.1</div></div>"},{"key":"styled-components","v":"6.5.3","install":3553.28,"publish":2037.76,"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.5.3</div></div>"},{"key":"less","v":"4.9.0","install":5724.16,"publish":3184.64,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>less</div><div>v4.9.0</div></div>"},{"key":"sass","v":"1.103.1","install":7925.76,"publish":5806.08,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>sass</div><div>v1.103.1</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":"5.6.1","style":"font-weight:bold;","install":48.4,"publish":48.4,"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>v5.6.1</div></div>"},{"key":"styled-components","v":"6.5.3","install":3553.28,"publish":2037.76,"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.5.3</div></div>"},{"key":"less","v":"4.9.0","install":5724.16,"publish":3184.64,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>less</div><div>v4.9.0</div></div>"},{"key":"sass","v":"1.103.1","install":7925.76,"publish":5806.08,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>sass</div><div>v1.103.1</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 reports comparison
Below are the sizes of similar packages according to Package Phobia reports. The sizes are given in KB.
- effcss - 5.6.1
- styled-components - 6.5.3
- less - 4.9.0
- sass - 1.103.1
- @emotion/css - 11.13.5