AI-first components for modern apps

Beautiful, accessible chat UI components built on shadcn/ui. Copy and paste into your project.

Requirements

Make sure you have shadcn/ui set up:

npx shadcn@latest init

Add components:

npx zatoui add chat-input agent-message

List all available components:

npx zatoui list

Check shadcn/ui setup:

npx zatoui init

zato demo

How do I center a div in CSS?

2:45 PM

Here are the main ways to center a div:

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

You can also use place-items: center with CSS Grid!

2:45 PM