Hey there,

yeah the size gets increased because every Semantic UI component is included. I haven’t considered creating an article on individual components, but since you mentioned it i might. I’ll most likely do it within the coming week but in the meantime i think PurifyCSS plugin of Webpack will help you out. It will essentially remove all unused CSS declarations from your outputted bundle which in turn will reduce the overall bundle size big time. You can check it out here :

Let me know what you think :)

P.S. you might need to use the whitelist option if you want to explicitly force some CSS declarations to be included in the bundle.

Front-end ReactJS Developer — https://aggelos.dev

Front-end ReactJS Developer — https://aggelos.dev