# @ohos-ports/unocss

> The instant on-demand Atomic CSS engine.

Latest version **66.10.5-beta.0** (published 2026-09-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install @ohos-ports/unocss
pnpm add @ohos-ports/unocss
yarn add @ohos-ports/unocss
bun add @ohos-ports/unocss
```

## Health

**Score 65/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 66.10.5-beta.0 |
| Published | 2026-09-24 |
| First published | 2026-09-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 18 |
| Unpacked size | 20.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | yes |
| GitHub stars | 6 |
| Author | Anthony Fu |
| Maintainers | social4hyq, zhenghongfei, z30010987, louzen, yzz_0126, virtfans, npm_3rd_aoe, ljry, lljry, w30010987 |
| Keywords | unocss, atomic-css, atomic-css-engine, css, tailwind, windicss |

## Links

- npm: https://www.npmjs.com/package/@ohos-ports/unocss
- Repository: https://github.com/ohos-ports/ohos-ports
- Homepage: https://unocss.dev
- Issues: https://github.com/ohos-ports/ohos-ports/issues
- Funding: https://github.com/sponsors/antfu
- npm.io page: https://npm.io/package/@ohos-ports/unocss

## Dependencies (18)

- [@unocss/cli](https://npm.io/package/@unocss/cli.md) 66.10.5
- [@unocss/core](https://npm.io/package/@unocss/core.md) 66.10.5
- [@unocss/vite](https://npm.io/package/@unocss/vite.md) 66.10.5
- [@unocss/rollup](https://npm.io/package/@unocss/rollup.md) 66.10.5
- [@unocss/preset-uno](https://npm.io/package/@unocss/preset-uno.md) 66.10.5
- [@unocss/preset-mini](https://npm.io/package/@unocss/preset-mini.md) 66.10.5
- [@unocss/preset-wind](https://npm.io/package/@unocss/preset-wind.md) 66.10.5
- [@unocss/preset-icons](https://npm.io/package/@unocss/preset-icons.md) 66.10.5
- [@unocss/preset-wind3](https://npm.io/package/@unocss/preset-wind3.md) 66.10.5
- [@unocss/preset-wind4](https://npm.io/package/@unocss/preset-wind4.md) 66.10.5
- [@unocss/preset-tagify](https://npm.io/package/@unocss/preset-tagify.md) 66.10.5
- [@unocss/preset-web-fonts](https://npm.io/package/@unocss/preset-web-fonts.md) 66.10.5
- [@unocss/preset-typography](https://npm.io/package/@unocss/preset-typography.md) 66.10.5
- [@unocss/preset-attributify](https://npm.io/package/@unocss/preset-attributify.md) 66.10.5
- [@unocss/transformer-directives](https://npm.io/package/@unocss/transformer-directives.md) 66.10.5
- [@unocss/transformer-compile-class](https://npm.io/package/@unocss/transformer-compile-class.md) 66.10.5
- [@unocss/transformer-variant-group](https://npm.io/package/@unocss/transformer-variant-group.md) 66.10.5
- [@unocss/transformer-attributify-jsx](https://npm.io/package/@unocss/transformer-attributify-jsx.md) 66.10.5

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@atlaskit/theme](https://npm.io/package/@atlaskit/theme.md) — 402.0K weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads

## Recent versions

- 66.10.5-beta.0 (latest) — 2026-09-24
- 66.10.5-beta.1 (beta) — 2026-09-24

## README

<br>

<p align="center">
<img src="https://raw.githubusercontent.com/unocss/unocss/main/playground/public/icon-gray.svg" style="width:100px;" alt="UnoCSS Logo" />
</p>

<h1 align="center">UnoCSS</h1>

<p align="center">
The instant on-demand Atomic CSS engine.
</p>

<p align="center">
<a href="https://www.npmjs.com/package/unocss"><img src="https://img.shields.io/npm/v/unocss?color=c95f8b&amp;label=" alt="NPM version"></a></p>

<blockquote align="center">
<p>💡 I highly recommend reading this blog post - <br><a href="https://antfu.me/posts/reimagine-atomic-css"><strong>Reimagine Atomic CSS</strong></a><br>for the story behind</p>
</blockquote>

<br>
<p align="center">
<a href="https://unocss.dev/">📚 Documentation</a> |
<a href="https://unocss.dev/interactive/">🧑‍💻 Interactive Docs</a> |
<a href="https://unocss.dev/play/">🤹‍♂️ Playground</a> |
<a href="https://tutorial.unocss.dev/">🎓 Tutorial</a>
</p>
<br>

## Features

Inspired by [Windi CSS](http://windicss.org/), [Tailwind CSS](https://tailwindcss.com/), and [Twind](https://github.com/tw-in-js/twind), but:

- [Fully customizable](https://unocss.dev/config/) - no core utilities. All functionalities are provided via presets.
- No parsing, no AST, no scanning, it's **INSTANT** (5x faster than Windi CSS or Tailwind JIT).
- ~6kb min+brotli - zero deps and browser friendly.
- [Shortcuts](https://unocss.dev/config/shortcuts) - aliasing utilities, dynamically.
- [Attributify mode](https://unocss.dev/presets/attributify/) - group utilities in attributes.
- [Pure CSS Icons](https://unocss.dev/presets/icons/) - use any icon as a single class.
- [Variant Groups](https://unocss.dev/transformers/variant-group) - shorthand for group utils with common prefixes.
- [CSS Directives](https://unocss.dev/transformers/directives) - reuse utils in CSS with `@apply` directive.
- [Compilation mode](https://unocss.dev/transformers/compile-class/) - synthesizes multiple classes into one at build time.
- [Inspector](https://unocss.dev/tools/inspector) - inspect and debug interactively.
- [CSS-in-JS Runtime build](https://unocss.dev/integrations/runtime) - use UnoCSS with one line of CDN import.
- [VS Code extension](https://marketplace.visualstudio.com/items?itemName=antfu.unocss)
- Code-splitting for CSS - ships minimal CSS for MPA.

## Documentation

Read the [documentation](https://unocss.dev/) for more details.

## Installation

- [Vite](https://unocss.dev/integrations/vite)
- [Nuxt](https://unocss.dev/integrations/nuxt)
- [Astro](https://unocss.dev/integrations/astro)
- [Webpack](https://unocss.dev/integrations/webpack)
- [CDN Runtime](https://unocss.dev/integrations/runtime)
- [CLI](https://unocss.dev/integrations/cli)
- [VS Code extension](https://unocss.dev/integrations/vscode)
- [ESLint Config](https://unocss.dev/integrations/eslint)
- [PostCSS](https://unocss.dev/integrations/postcss)

## Acknowledgement

UnoCSS is made possible thanks to the inspirations from the following projects:

> in alphabetical order

- [ACSS](https://acss-io.github.io/atomizer/)
- [Bootstrap Utilities](https://getbootstrap.com/docs/5.1/utilities/flex/)
- [Chakra UI Style Props](https://chakra-ui.com/docs/features/style-props)
- [Semantic UI](https://semantic-ui.com/)
- [Tachyons](https://tachyons.io/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Twind](https://github.com/tw-in-js/twind)
- [Windi CSS](http://windicss.org/)

## Sponsors

<p align="center">
  <a href="https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg">
    <img src='https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg' alt="Sponsors"/>
  </a>
</p>

## License

[MIT](./LICENSE) License &copy; 2021-PRESENT [Anthony Fu](https://github.com/antfu)

---
_Source: https://npm.io/package/@ohos-ports/unocss · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._