Hey! I'm the best uploader on the web

Adjust the Uploader look and configure its features live.

Step 1. Customize button

Customize the appearance and functionality to match your website.

Button color
Font color
Label
Preview
Loading...
How many files are allowed at once?
Language
English
File types

Step 2. Customize panel

Enrich uploading flow with external sources and image editing.

File dialog type
Upload sources
Uploading. Please wait...
Image editor

Step 3. Install bundle

Choose a bundle that works best for you.

Bundle with 'en' locale only, no built-in jQuery.

56.9 KB

Bundle without built-in jQuery.

85.6 KB

Full bundle with built-in jQuery.

116 KB
Shell

  npm install uploadcare-widget --save
  
JS
import uploadcare from 'uploadcare-widget/null'

Step 4. Add to page

Choose the configuration method and add this code to your page.

Body
<input
    type="hidden"
    role="uploadcare-uploader"
    data-public-key="demopublickey"
    data-tabs="file camera url facebook gdrive gphotos"
/>