A launch pad for deploys and build artifacts: the rocket climbs with the upload, its engine burns while bytes move and it lifts off when every file lands.
"use client"
import { useUploader } from "@uploadcn/react"
import { demoAdapter, useSampleFiles } from "@/examples/_demo"
import { RocketUpload } from "@/components/rocket-upload"
export default function RocketUploadExample() {
const uploader = useUploader({ adapter: demoAdapter })
useSampleFiles(uploader, "artifacts")
return (
<div className="flex w-full justify-center">
<RocketUpload uploader={uploader} />
</div>
)
}
Installation
npx shadcn@latest add @uploadcn/rocket-uploadUsage
import { RocketUpload } from "@/components/rocket-upload"<RocketUpload accept={[".zip", ".tar.gz"]} />Altitude is a spring driven by the overall percent, so the climb is smooth even when progress arrives in bursts. The status line in the corner is an aria-live region with bytes and time left. Smoke and engine flicker are skipped with reduced motion.
It uploads through your adapter like every other component, so it works with S3, R2, Cloudinary, local disk or your own API.
Props
Prop
Type