Qreatify Home Action Card

Component

About

Qreatify homepage action card for create-from-framework and import-repository entry points.

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

Code

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

Usage.tsx

import { GithubIcon } from "lucide-react";

import QreatifyHomeActionCard from "@/components/ui/qreatify-home-action-card";

export default function QreatifyHomeActionCardDemo() {
  return (
    <div className="grid max-w-3xl gap-3 bg-zinc-950 p-6 md:grid-cols-2">
      <QreatifyHomeActionCard />
      <QreatifyHomeActionCard
        title="Import repo"
        description="Continue from existing code."
        icon={GithubIcon}
        variant="secondary"
      />
    </div>
  );
}