CSSフレームワーク
#CSS設計
#フロントエンド開発環境
#CSS
TailwindCSS
tachyons
https://github.com/tachyons-css/tachyons
関数型？
PostCSS
@apply
cssをコンポーネント化できる。
theming
theme-ui
https://theme-ui.com/demo/
styled-systemが組み込まれている？
css設計の歴史
カスタムcssを記述するのではなく、値を渡す
https://styled-system.com/theme-specification/
styled-system
https://styled-system.com/
uiフレームワークの元となるUI API群
rebass
https://rebassjs.org/theming
Material Design
themplate
uiがgoogleっぽい
https://material-ui.com/getting-started/templates/
https://github.com/mui-org/material-ui/tree/master/docs/src/pages/getting-started/templates/blog
こんにちはMUI！ 新しくなったMaterial UI v5
@material-ui→muiになった。
react material-kit
https://demos.creative-tim.com/material-kit/index.html
これを使うとこのUIに依存してしまうか。
汎用性を考えるとreact bootstrapか
rsuite
react
https://github.com/rsuite/rsuite
Anti-Design
Design Library Language
https://github.com/ant-design/ant-design
grommet
https://github.com/grommet/grommet
参考
Top 9 UI libraries and kits for React - LogRocket Blog
CSSフレームワークおすすめ比較(2021年版) - wiblok
デザインシステム
argon
bootstrapにスタイルを適用するような
https://demos.creative-tim.com/argon-design-system-react/#/documentation/quick-start
now-ui-kit
https://demos.creative-tim.com/now-ui-kit-react/#/documentation/alerts
paper-kit
https://demos.creative-tim.com/paper-kit-react/#/index
black-dashboard
https://demos.creative-tim.com/black-dashboard-react/#/documentation/badge
htmlstream
https://htmlstream.com/
reactではない
stream-ui-kit
https://htmlstream.com/preview/stream-ui-kit/
----
---------------------------
アイコンライブラリ
https://github.com/edent/SuperTinyIcons
Twitterアイコンなど
-------------------
他参考
15+ Best B`ootstrap 4 Templates (Free and Premium) 2020
https://www.codeinwp.com/blog/best-bootstrap-4-templates/
Atomic Design+Bootstrap
Atomic DesignからみたBootstrap｜Yoko Nishida｜note