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