Shadcn.io is not affiliated with official shadcn/ui
File Upload Metadata Editor
File upload with metadata editing block for React and Next.js with EXIF field display, editable title, description, author, keywords, copyright, and strip metadata option using shadcn/ui and Tailwind CSS
Edit file metadata before or after upload with this React and Next.js block. Displays extracted EXIF and document metadata fields including title, description, author, keywords, and copyright with inline editing. Includes a one-click option to strip all metadata for privacy. Built with TypeScript, shadcn/ui Input and Button components, and Tailwind CSS. Ideal for media asset managers, CMS upload flows, and privacy-conscious file handling.
File Upload Metadata Editor preview
Installation
Related Components
File Upload Activity Log
Filterable audit trail of file operations
File Upload Virus Scan
Upload with malware scanning and quarantine
File Upload Permission Manager
Manage per-file access permissions and sharing
File Upload Trash Recovery
Recover recently deleted files from trash
File Upload Dropzone
Drag-and-drop file upload with dropzone
Multi-File Upload
Upload multiple files with progress bars
FAQ
Was this page helpful?
Sign in to leave feedback.
React File Upload Medical Records Block
A HIPAA-compliant medical records upload block for React and Next.js with encrypted upload badge, patient information fields, record type selector for lab results, imaging, and prescriptions, date of service picker, compliance notice, and audit trail log using shadcn/ui Button, Badge, Input, and Tailwind CSS
File Upload Mobile Responsive
A mobile-optimized file upload block with large touch-friendly upload button, camera capture shortcut, compact file chips, and fullscreen preview designed for small screens using shadcn/ui and Tailwind CSS