Jason Mohab-Ali

Qreatify Home Command Center

Component

About

Qreatify homepage command center with greeting, primary actions and prompt chips.

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

Code

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

Usage.tsx

import QreatifyHomeCommandCenter from "@/components/ui/qreatify-home-command-center";

export default function QreatifyHomeCommandCenterDemo() {
  return (
    <div className="flex min-h-96 items-center justify-center bg-zinc-950 p-8">
      <QreatifyHomeCommandCenter
        greeting="Welcome back"
        name="Milan"
        description="Build a new app, continue from GitHub, or ask the agent to improve an existing project."
      />
    </div>
  );
}

Dependencies

More by Jason Mohab-Ali

View all
  • Alqemist Interactive Demo

    Alqemist Interactive Demo

    9
  • Qreatify Super Agent Card

    Qreatify Super Agent Card

    5
  • Alqemist Security

    Alqemist Security

    4
  • Alqemist Hero

    Alqemist Hero

    4
  • Alqemist How It Works

    Alqemist How It Works

    3
  • Alqemist Cta

    Alqemist Cta

    2
  • What Saa SApp Shell

    What Saa SApp Shell

    2
  • FirstReply Product Detail flow

    FirstReply Product Detail flow

Explore more

Part of SAAS-Software — browse the full library on 21st.dev.