Component

File upload

Also known as: File input, File uploader, Dropzone

An input which allows users to upload a file from their device.

30 Examples

Filter:

  • Upload

    Ant Design

    Tech

    • React

    Features

    • Code examples
    • Accessibility issues
    • Open source

  • File Upload

    Aurora

    Tech

    • CSS

    Features

    • Code examples
    • Tone of voice
    • Open source
    • Unmaintained

  • File Uploader

    Base Web

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • File input

    Blueprint

    Tech

    • React
    • Sass

    Features

    • Open source

  • File upload

    Brighton & Hove City Council Website pattern library

  • File uploader

    Carbon Design System

    Tech

    • React
    • Vanilla JS
    • Angular
    • Vue
    • Svelte
    • Web Components

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • File Upload

    Chakra UI

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Open source

  • File

    Coral

    Tech

    • React

    Features

    • Code examples
    • Tone of voice
    • Open source

  • File uploader

    Crayons

    Tech

    • Web Components

    Features

    • Code examples
    • Open source

  • File Input

    Dell Design System

    Tech

    • Vanilla JS

    Features

    • Code examples
    • Usage guidelines

  • FileUpload

    Elisa Design System

    Tech

    • React

    Features

    • Usage guidelines
    • Code examples
    • Accessibility

  • Filepicker

    Evergreen

    Tech

    • React

    Features

    • Open source

  • File Uploader

    Evergreen

    Tech

    • React

    Features

    • Open source

  • File input

    Flowbite

    Tech

    • Tailwind CSS

    Features

    • Open source
    • Code examples

  • File upload

    GOV.UK Design System

    Tech

    • Nunjucks

    Features

    • Code examples
    • Usage guidelines
    • Research
    • Open source

  • FileDrop

    Instructure-UI

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Accessibility
    • Open source

  • File Selector

    Lightning Design System

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source

  • Input: File

    Mozilla Protocol

    Tech

    • Handlebars
    • Sass

    Features

    • Usage guidelines
    • Open source

  • File picker

    No Style Design System

    Tech

    • Sass
    • jQuery

    Features

    • Open source
    • Unmaintained

  • Upload

    ONS Design System

    Tech

    • HTML
    • Nunjucks
    • Sass

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Input file

    Orbit

    Tech

    • React
    • CSS-in-JS

    Features

    • Usage guidelines
    • Open source
    • Code examples
    • Tone of voice

  • Multiple file upload

    PatternFly

    Tech

    • React
    • Sass

    Features

    • Tone of voice
    • Open source
    • Usage guidelines

  • Simple file upload

    PatternFly

    Tech

    • React
    • Sass

    Features

    • Tone of voice
    • Open source
    • Usage guidelines

  • Drop zone

    Polaris

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Tone of voice
    • Open source

  • File picker

    Quasar Framework

    Tech

    • Vue

    Features

    • Accessibility issues
    • Code examples
    • Open source

  • Uploader

    Quasar Framework

    Tech

    • Vue

    Features

    • Accessibility issues
    • Code examples
    • Open source

  • File input

    W3C design system

    Tech

    • Sass
    • Vanilla JS

    Features

    • Code examples
    • Usage guidelines
    • Open source
    • Accessibility

  • File upload

    West Midlands Network Design System

    Tech

    • HTML
    • Nunjucks
    • Sass

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Upload

    Wise Design

    Tech

    • Mobile

    Features

    • Usage guidelines
    • Tone of voice

  • Upload input

    Wise Design

    Tech

    • Mobile

    Features

    • Usage guidelines
    • Tone of voice

Resources

  • File

    Open UI

Name distribution