Qreatify Composer Dock

Component

About

Qreatify chat composer dock with suggestions, mode selector, tools, voice and send action.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Qreatify Composer Dock to your project and fits it to your theme.

Code

How Qreatify Composer Dock is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import QreatifyComposerDock from "@/components/ui/qreatify-composer-dock";

export default function QreatifyComposerDockDemo() {
  return (
    <div className="flex min-h-80 items-end justify-center bg-zinc-950 p-8">
      <QreatifyComposerDock mode="edit" />
    </div>
  );
}