Components
Loading preview...
This is a client‑side React/Next.js file uploader built on your useFileUpload hook, designed for a polished, accessible UX. It supports drag‑and‑drop or browsing with max size/file limits, and lets users manage uploads in list or grid views with type‑aware icons, thumbnails, inline search/sort, multi‑select, and quick actions (preview, download, copy link, remove). A persistent drop zone, live error messaging, and subtle per‑file size indicators round out the experience—no backend changes required.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/file-uploadimport FileUpload from "@/components/ui/file-upload";
export default function DemoOne() {
return <FileUpload />;
}