Qreatify Preview Loading

Component

About

Qreatify preview loading scene with browser skeleton, branded background and loading copy.

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

Code

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

Usage.tsx

import QreatifyPreviewLoading from "@/components/ui/qreatify-preview-loading";

export default function QreatifyPreviewLoadingDemo() {
  return (
    <QreatifyPreviewLoading
      title="Preparing your preview"
      label="Starting your Qreatify app preview"
    />
  );
}