unocss/packages/catppuccin-unocss
tuhana f23e0d1c54
chore: better workspace (#180)
* chore: better workspace

* chore: refresh lockfile

* chore: use capital letter on typedoc config

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* chore: use better globs on eslint config

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* chore: unset package-name for release-please

Co-authored-by: Hammy <58985301+sgoudham@users.noreply.github.com>

* chore: link README from package to root, remove LICENCE file links

When `pnpm pack`ing, LICENCE file seems to be automatically included in the generated `tar.gz`.

* ci(release-please): fix release-please outputs

* chore(release-please): set `include-component-in-tag` to `false`

* chore: revert preview URLs

* chore: rename `website` to `example`

It was intended to be an example usage of the project in the first place, now that we serve it at unocss.catppuccin.com should not change its name.

* chore(deps): refresh lockfile

chore(deps): bump pnpm version

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Hammy <58985301+sgoudham@users.noreply.github.com>
2025-09-04 17:19:43 +03:00
..
2025-09-04 17:19:43 +03:00
2025-09-04 17:19:43 +03:00
2025-09-04 17:19:43 +03:00
2025-09-04 17:19:43 +03:00
2025-09-04 17:19:43 +03:00

Catppuccin Logo
Catppuccin for UnoCSS

Stars Count Badge Issues Count Badge Contributors Count Badge

Preview

Previews

🌻 Latte Latte Preview
🪴 Frappé Frappé Preview
🌺 Macchiato Macchiato Preview
🌿 Mocha Mocha Preview

Usage

  1. Install the npm package @catppuccin/unocss

    npm install -D @catppuccin/unocss
    # or
    pnpm add -D @catppuccin/unocss
    # or
    yarn add -D @catppuccin/unocss
    
  2. Add the preset to your UnoCSS configuration

    // uno.config.ts
    import { presetWind4, defineConfig } from 'unocss';
    import presetCatppuccin from '@catppuccin/unocss';
    
    export default defineConfig({
      presets: [
        presetWind4(),
        presetCatppuccin({
          // options
        })
      ]
    });
    
  3. Configure the preset if needed. Refer to the FAQ for documentation

🙋 FAQ

💝 Thanks to

 

Catppuccin Line Separator

Copyright © 2021-present Catppuccin Org

Licence Badge