Catppuccin UI for React

Usage

TODO

With TailwindCSS

To get started you need to extend (or add) the @catppuccin/ui Tailwind configuration.

Step 1: Import configuration

// tailwind.config.js
const catppuccin = require('@catppuccin/ui/tailwind');

Step 2: Extend your existing configuration

// tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
	content: [
		...catppuccin.content,
	],
	theme: {
		...catppuccin.theme,
	},
	plugins: [
		...catppuccin.plugins,
	],
};

This will add the @catppuccin/tailwindcss plugin + a few other default settings.

Standalone

Not supported yet (but the css file is located at: @catppuccin/ui/dist/catppuccin-ui.css) if u wanna give it a go.

💝 Thanks to

• didair

 

Copyright © 2021-present Catppuccin Org