# Using CSS libraries with Compose for Web - Gustavo Fão Valvassori

DevFeed: [Using CSS libraries with Compose for Web - Gustavo Fão Valvassori](<https://devfeed.tech/articles/using-css-libraries-with-compose-for-web-gustavo-fao-valvassori-38180.md>)

Original publisher: [Read original article](<https://touchlab.co/compose-html-style-libraries>)

Published: 2023-12-22T00:00:00Z

Content type: tutorial

Language: en

Sources: [Touchlab | Enterprise Mobile Innovation & Development](<https://devfeed.tech/sources/touchlab-enterprise-mobile-innovation-development.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [compose-for-web](<https://devfeed.tech/topics/compose-for-web.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [Gradle](<https://devfeed.tech/topics/gradle.md>)

Tags: [cdn](<https://devfeed.tech/tags/cdn.md>), [compose](<https://devfeed.tech/tags/compose.md>), [compose-for-web](<https://devfeed.tech/tags/compose-for-web.md>), [compose-multiplatform](<https://devfeed.tech/tags/compose-multiplatform.md>), [css](<https://devfeed.tech/tags/css.md>), [gotchas](<https://devfeed.tech/tags/gotchas.md>), [gradle](<https://devfeed.tech/tags/gradle.md>), [kotlin-js](<https://devfeed.tech/tags/kotlin-js.md>), [kotlin-multiplatform](<https://devfeed.tech/tags/kotlin-multiplatform.md>), [npm](<https://devfeed.tech/tags/npm.md>), [third-party](<https://devfeed.tech/tags/third-party.md>), [tips](<https://devfeed.tech/tags/tips.md>)

## AI overview

A tutorial on importing and using third-party CSS styles in Compose for Web. It explains three approaches: loading styles from a CDN, adding CSS files to project resources, and managing styles with NPM. It also introduces enabling CSS and SCSS support in Webpack through Gradle configuration.

## Source excerpt

Using third-party styles have a few gotchas. Here are some tips and tricks to help you out.