LibraryActive

@unocss/preset-icons

You can read better optimized documentation at /guide/extracting.md for this page in Markdown format Extracting ​ UnoCSS works by searching for utilities usage in your codebase and generating the corresponding CSS on-demand.

Open source page

Field note

What it does

Are you an LLM? You can read better optimized documentation at /guide/extracting.md for this page in Markdown format Extracting ​ UnoCSS works by searching for utilities usage in your codebase and generating the corresponding CSS on-demand. We call this process extracting . Content Sources ​ UnoCSS supports extracting utilities usages from multiple sources: Pipeline - Extract right from your build tools pipeline Filesystem - Extract from your filesystem by reading and watching files Inline - Extract from inline plain text Usages of utilities that come from different sources will be merged together and generate the final CSS. Extracting from Build Tools Pipeline ​ This is supported in the Vite and Webpack integrations. UnoCSS will read the content that goes through your build tools pipeline and extract the utilities usages from it. This is the most efficient and accurate way to extract, as we only extract the usages that are actually used in your app, smartly, with no additional file I/O made during the extraction. By default, UnoCSS will extract the utilities usage from files in your build pipeline with extensions .jsx , .tsx , .vue , .md , .html , .svelte , .astro , .marko , and then generate the appropriate CSS on demand.

Capabilities

Available capabilities

Tags

Tags

No tags filed yet.

Ways to use it

Ways to use it

No integrations filed yet.

Product features

Product features

Blocklist ​

Content Sources ​

Extracting ​

Extracting from Build Tools Pipeline ​

Extracting from Filesystem ​

Extracting from Inline Text ​

Limitations ​

Matcher Types ​

Messages ​

Safelist ​

Static List Combinations ​

Variant Awareness ​