Image Upload With Sorting

A drag-and-drop image uploader that lets users browse or drop multiple images, reorder them by dragging, track per-file upload progress, and remove files, with validation errors shown in an alert.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Image Upload With Sorting to your project and fits it to your theme.

import { Pattern } from "@/components/ui/c-file-upload-8";

export default function Demo() {
  return (
    <div className="flex w-full items-center justify-center p-8">
      <Pattern />
    </div>
  );
}