Lightweight feature-rich UI widget for file uploading. API and storage included.
Get started for freeCustomize color, switch to dark mode or create a whole custom theme.
More than a widget
Uploadcare covers the whole file handling pipeline as complex as you need, both frontend and server side.
Local file, camera or Instagram — File Uploader does it.
Robust, secure storage works out of the box
CDN serves the version you need in real-time.
<img src="
https://ucarecdn.com/
13cf5c14-acb4-4cfe-9add-2d2b155d650c
/crop
/face
/190px190p
/scale_crop
/460x460
/center
/border_radius
/50p
//>
Integration
npm i --save-exact @uploadcare/blocks
v0.37.0
import React from 'react';
import './styles.css';
import * as LR from '@uploadcare/blocks';
LR.registerBlocks(LR);
export default function App() {
return (
<div>
{/* change the pubkey value to your public key from project settings */}
<lr-config
ctx-name="my-uploader"
pubkey="2b7f257e8ea0817ba746">
</lr-config>
<lr-file-uploader-minimal
css-src="https://cdn.jsdelivr.net/npm/@uploadcare/blocks@0.30.0/web/lr-file-uploader-minimal.min.css"
ctx-name="my-uploader">
</lr-file-uploader-minimal>
</div>
);
}
Read-onlyFor us to build the functionality we use, it would probably take a team of 3 or 4 developers several months. Using Uploadcare, we've basically taken a shortcut.”
Why uploadcare
We've completely solved content uploading issues, covering everything from user interface elements to enterprise-grade infrastructure.
Grow and experiment in your own way. We are always here to help at any stage.
Perfect for passion projects and simple websites
For production apps and websites with the option to scale
For large-scale applications managing tons of digital media