Components
Loading preview...
This is a minimal and professional chat box component built with React, Framer Motion, and Tailwind CSS. It features a clean, compact design with a subtle shadow, smooth open/close animation, and neutral colors for a modern look. Users can toggle the chat window, view messages in a scrollable pane, and send new messages via an input field. The design focuses on simplicity, readability, and usability, making it suitable for professional web applications without unnecessary visual clutter.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/minimal-chat-boximport MinimalChatBox from "@/components/ui/minimal-chat-box";
export default function DemoOne() {
return <MinimalChatBox />;
}