fat

Welcome back!

Chat with Support

Hi, how can I help you today?

12:00

I'm having trouble with my account

12:01

Need Assistance

12:01

Could you please provide your account email?

12:02

Sure, it's john@example.com

12:03

Customer Growth

+12%

Average Deal Size

$2,345

fatcn

npx fatcn-ui init

Chonky UI that installs right into your repository

Inbox

Ticket Assignments

app/components

avatar

avatar.tsx

index.ts

button

card

checkbox

dialog

globals.css

tailwind.config.ts

Instant Component Integration

Our CLI seamlessly pastes components directly into your project structure. Each component comes with full TypeScript support and customizable styles.

npx fatcn-ui init→ Instant setup

Quick Themes

Just change the --hue flag to switch themes.

@layer base {
  :root {
    --hue: 111;
    
    --background: var(--hue) 100% 100%;
    --foreground: var(--hue) 45% 37%;
    
    --primary: var(--hue) 100% 93%;
    --primary-foreground: var(--hue) 45% 37%;
    
    --secondary: var(--hue) 73% 90%;
    --secondary-foreground: var(--hue) 40% 40%;

    ...
  }
}

Beautiful and Cute

All the components you need, just cuter 🐱

Chat with Support

Hi, how can I help you today?

12:00

I'm having trouble with my account

12:01

Need Assistance

12:01

Could you please provide your account email?

12:02

Sure, it's john@example.com

12:03

Customer Growth

+12%

Average Deal Size

$2,345