https://github.com/catppuccin/ui
⚛️ Soothing pastel React components! (WIP)
https://github.com/catppuccin/ui
catppuccin hacktoberfest react theme ui ui-components
Last synced: 11 months ago
JSON representation
⚛️ Soothing pastel React components! (WIP)
- Host: GitHub
- URL: https://github.com/catppuccin/ui
- Owner: catppuccin
- License: mit
- Created: 2022-06-23T20:45:04.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-12-10T19:31:51.000Z (over 3 years ago)
- Last Synced: 2025-07-23T13:19:13.062Z (12 months ago)
- Topics: catppuccin, hacktoberfest, react, theme, ui, ui-components
- Language: JavaScript
- Homepage: https://ui.catppuccin.com
- Size: 6.19 MB
- Stars: 39
- Watchers: 3
- Forks: 1
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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](https://github.com/didair)
Copyright © 2021-present Catppuccin Org
