Logo
Catppuccin for TailwindCSS

## Usage 1. Install the plugin ```sh npm install -D @catppuccin/tailwindcss pnpm add -D @catppuccin/tailwindcss yarn add -D @catppuccin/tailwindcss ``` 2. Import the theme in the same file as your `tailwindcss` import ```css @import "tailwindcss"; /* Choose between `mocha`, `frappe` or `macchiato` for dark mode, latte is included as the light mode flavour. We recommend using `mocha` for dark mode. */ @import "@catppuccin/tailwindcss/mocha.css"; ``` 3. Use it in your markup! ```html

Welcome!

Hello from Latte!

``` Check out some more advanced examples at [tailwindcss.catppuccin.com](https://tailwindcss.catppuccin.com)! ## 💝 Thanks to **Current maintainers** - [lemon](https://github.com/unseen-ninja) **Previous maintainer(s)** - [winston](https://github.com/nekowinston)  

Copyright © 2021-present Catppuccin Org