Components
Loading preview...
RuixenQueryBox is a modern, interactive chat input component designed for AI-powered interfaces. It features an auto-resizing textarea that expands smoothly as the user types, along with quick access buttons for voice input, sending messages, and uploading files via a popover—similar to GPT-style chat interfaces. The component has a clean white design with a visually appealing gradient background, providing a polished, user-friendly experience for submitting queries and interacting with AI assistants.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/ruixen-query-boximport RuixenQueryBox from "@/components/ui/ruixen-query-box";
export default function DemoOne () {
return <RuixenQueryBox />;
};