Shadcn.io is not affiliated with official shadcn/ui
Recent Files Upload Widget Block
A React recent files widget block showing the last 10 uploaded files with recency indicators, quick action buttons for preview, download, and share, a view all link, and compact list format using shadcn/ui and Tailwind CSS
Stay on top of recent activity with this compact uploaded files widget for React and Next.js. Displays the last 10 uploaded files with human-readable recency labels like just now, 5 min ago, and 1 hour ago. Each file row includes quick action buttons for preview, download, and share that appear on hover. A view all link at the bottom navigates to the full file list. Built with TypeScript, shadcn/ui Button components, and Tailwind CSS. Perfect for dashboard sidebars, activity feeds, and file management overviews.
Recent Files Upload Widget Block preview
Installation
Related Components
File Table View
Sortable table file manager
File Grid View
Grid/tile file manager view
File Search Filter
Search and filter panel
Breadcrumb Navigation
Folder breadcrumb browser
Upload With Progress
File upload with progress bar
Dropzone Upload
Drag-and-drop file upload
FAQ
Was this page helpful?
Sign in to leave feedback.
Receipt Scanner Upload Block
A React receipt and document scanner upload block with OCR data extraction simulation, editable vendor/date/amount/category fields, and save functionality using shadcn/ui and Tailwind CSS
File Upload Resize Image
Image resize upload block for React and Next.js with dimension inputs, aspect ratio lock, preset sizes, and download button using shadcn/ui and Tailwind CSS