Preview
You can check out one of our deployed examples
here!
Usage
- Install the plugin
$ npm install -D @catppuccin/tailwindcss
$ yarn add -D @catppuccin/tailwindcss
- Configure your
tailwind.config.js
module.exports = {
plugins: [require("@catppuccin/tailwindcss")],
};
- Optional: customize the plugin
module.exports = {
plugins: [
require("@catppuccin/tailwindcss")({
prefix: "ctp",
defaultFlavour: "latte",
}),
],
};
- Use it in your markup!
<body class="frappe">
<h1 class="bg-base text-pink">Hello world!</h1>
</body>
You can find examples for Next.js, Svelte, and Vite in the examples
folder.
💝 Thanks to
Copyright © 2021-present Catppuccin Org