EffCSS | effnd.tech

⚡️ ゼロ依存性

他に何も必要ありません

😍 フレームワークに依存しない

多くのツール - 一つのアプローチ

🚀 TypeScript を使用しています

開発に適した環境

✔️ 柔軟なタイプ

BEMとAtomic CSSを含むあらゆる手法に適しています

🔌 サーバーサイドレンダリング

既に有効になっています

🎯 セレクタの最小化と分離

名前ではなく、スタイルに焦点を当てる

Package Phobia レポートの比較

以下は、Package Phobiaの報告に基づく、類似パッケージのサイズです。サイズはKB単位で表示されています。

{"data":[{"key":"effcss","v":"5.4.3","style":"font-weight:bold;","install":44.5,"publish":44.5,"name":1},{"key":"@linaria/core","v":"8.1.1","install":907,"publish":24.9,"name":2},{"key":"@vanilla-extract/css","v":"1.21.1","install":3256.32,"publish":379,"name":3},{"key":"styled-components","v":"6.4.4","install":3512.32,"publish":1986.56,"name":4},{"key":"less","v":"4.8.0","install":5652.48,"publish":3112.96,"name":5},{"key":"sass","v":"1.101.7","install":7925.76,"publish":5806.08,"name":6},{"key":"@emotion/css","v":"11.13.5","install":10342.4,"publish":267,"name":7}],"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)"}}}

effcss - 5.4.3

@linaria/core - 8.1.1

@vanilla-extract/css - 1.21.1

styled-components - 6.4.4

less - 4.8.0

sass - 1.101.7

@emotion/css - 11.13.5

{"data":[{"key":"effcss","v":"5.4.3","style":"font-weight:bold;","install":44.5,"publish":44.5,"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.4.3</div></div>"},{"key":"@linaria/core","v":"8.1.1","install":907,"publish":24.9,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>@linaria/core</div><div>v8.1.1</div></div>"},{"key":"@vanilla-extract/css","v":"1.21.1","install":3256.32,"publish":379,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>@vanilla-extract/css</div><div>v1.21.1</div></div>"},{"key":"styled-components","v":"6.4.4","install":3512.32,"publish":1986.56,"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.4.4</div></div>"},{"key":"less","v":"4.8.0","install":5652.48,"publish":3112.96,"name":"<div style=\"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:end;\"><div>less</div><div>v4.8.0</div></div>"},{"key":"sass","v":"1.101.7","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.101.7</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)"}}}

EffCSS 自信に満ちた CSS-in-TS