https://github.com/catppuccin/unocss
🌸 Soothing pastel theme for UnoCSS!
https://github.com/catppuccin/unocss
catppuccin colors colours hacktoberfest pastel theme unocss
Last synced: 2 months ago
JSON representation
🌸 Soothing pastel theme for UnoCSS!
- Host: GitHub
- URL: https://github.com/catppuccin/unocss
- Owner: catppuccin
- License: mit
- Created: 2022-11-30T09:41:33.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-07-29T15:57:40.000Z (2 months ago)
- Last Synced: 2025-07-30T01:21:49.265Z (2 months ago)
- Topics: catppuccin, colors, colours, hacktoberfest, pastel, theme, unocss
- Language: Astro
- Homepage: https://unocss.catppuccin.com
- Size: 2.05 MB
- Stars: 27
- Watchers: 1
- Forks: 0
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Catppuccin for UnoCSS
## Previews
🌻 Latte
🪴 Frappé
🌺 Macchiato
🌿 Mocha
## Usage
1. Install the npm package `@catppuccin/unocss`
```sh
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
```ts
// 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](#-faq) for documentation
## 🙋 FAQ
- Q: Where can I find the documentation?\
A: Documentation can be found at
## 💝 Thanks to
- [tuhana](https://github.com/catuhana)
Copyright © 2021-present Catppuccin Org
