Skip to content
/ ui Public

⚛️ Soothing pastel React components! (WIP)

License

Notifications You must be signed in to change notification settings

catppuccin/ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
Dec 10, 2022
Oct 22, 2022
Oct 22, 2022
Jul 10, 2022
Oct 23, 2022
Jun 26, 2022
Dec 10, 2022
Jun 29, 2022
Oct 22, 2022
Dec 10, 2022
Jul 5, 2022
Dec 10, 2022

Repository files navigation

Logo
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

 

Copyright © 2021-present Catppuccin Org