An input which allows users to upload a file from their device.
Component
File upload
Other names: File input, File uploader, Dropzone
34 examples
Upload
Ant Design
Ant Financial
- React
- Code examples
- Accessibility issues
- Open source
File Upload
Aurora
Government of Canada
- CSS
- Code examples
- Tone of voice
- Open source
- Unmaintained
File Uploader
Base Web
Uber
- React
- CSS-in-JS
- Code examples
- Usage guidelines
- Open source
File upload
Brighton & Hove City Council Website pattern library
- Unmaintained
File uploader
Carbon Design System
IBM
- React
- Vanilla JS
- Angular
- Vue
- Svelte
- Web Components
- Code examples
- Usage guidelines
- Open source
File
Coral
Talend
- React
- Code examples
- Tone of voice
- Open source
File uploader
Crayons
Freshworks
- Web Components
- Code examples
- Open source
File Input
Dell Design System
- Vanilla JS
- Code examples
- Usage guidelines
Filepicker
Evergreen
Segment
- React
- Open source
File Uploader
Evergreen
Segment
- React
- Open source
File input
Flowbite
- Tailwind CSS
- Open source
- Code examples
File upload
GOV.UK Design System
- Nunjucks
- Code examples
- Usage guidelines
- Research
- Open source
FileDrop
Instructure-UI
Instructure
- React
- CSS-in-JS
- Code examples
- Accessibility
- Open source
File Selector
Lightning Design System
Salesforce
- React
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Input: File
Mozilla Protocol
- Handlebars
- Sass
- Usage guidelines
- Open source
File picker
No Style Design System
- Sass
- jQuery
- Open source
- Unmaintained
Upload
ONS Design System
Office for National Statistics
- HTML
- Nunjucks
- Sass
- Code examples
- Usage guidelines
- Accessibility
- Open source
Input file
Orbit
Kiwi.com
- React
- CSS-in-JS
- Usage guidelines
- Open source
- Code examples
- Tone of voice
File uploader
Pajamas
GitLab
- Vue
- Usage guidelines
- Code examples
- Open source
Multiple file upload
PatternFly
Red Hat
- React
- Sass
- Tone of voice
- Open source
- Usage guidelines
Simple file upload
PatternFly
Red Hat
- React
- Sass
- Tone of voice
- Open source
- Usage guidelines
Drop zone
Polaris
Shopify
- React
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
- Open source
File picker
Quasar Framework
- Vue
- Accessibility issues
- Code examples
- Open source
Uploader
Quasar Framework
- Vue
- Accessibility issues
- Code examples
- Open source
Upload
Vattenfall Design System
- HTML
- jQuery
- Sass
- Code examples
- Open source
File input
W3C design system
- Sass
- Vanilla JS
- Code examples
- Usage guidelines
- Open source
- Accessibility
File upload
West Midlands Network Design System
- HTML
- Nunjucks
- Sass
- Code examples
- Usage guidelines
- Open source
Upload
Wise Design
- Mobile
- Usage guidelines
- Tone of voice
Upload input
Wise Design
- Mobile
- Usage guidelines
- Tone of voice