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.36.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.
$0
Perfect for passion projects and simple websites
$79 / mo
For production apps and websites with the option to scale
$199 / mo
For large-scale applications managing tons of digital media