File upload

A complete file selection flow with constraints, progress, and error feedback.

Library

Arc Library

Framework

React

Type

block

License

MIT

Dependencies

lucide-react, motion

Install

npx shadcn@latest add https://uiarc.dev/r/file-upload.json

Files

• registry/components/file-upload/file-upload.tsx
• registry/components/file-upload/file-upload.module.css
• registry/motion-tokens.ts
• lib/motion-tokens.ts

Source

https://github.com/kuratlielia/arc-library

Categories

• Feedback Components
• React Feedback Components
• Animated Feedback Components
• File Upload Components
• React File Upload Components
• Animated File Upload Components
• Input Components
• React Input Components
• Animated Input Components
• Progress Components
• React Progress Components
• Animated Progress Components

More from Arc Library

• File dropzone
• Password strength
• Progress
• Usage meter
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert
• Animated counter
• Announcement bar
• Avatar