See SimpleMediaAPI in Action

Try the Widget (No Sign-up Required)

Go ahead — upload some images, organize them in folders, and see how fast and simple it is. This is exactly what you'll ship with.

What You're Seeing

• ⚡ Instant Upload: No backend setup required. Files upload to our CDN immediately.
• 📁 Folder Organization: Your users can organize their media with folders. Built-in, no extra work.
• 🔗 Shareable URLs: Every file gets an instant CDN URL. Copy and paste. Done.
• 📱 Mobile-Optimized: Responsive design works perfectly on phones and tablets.
• ⚙️ Zero Configuration: Just drop in your API key. No buttons to configure.

How You'll Integrate This

It takes 3 lines of code. Seriously.

<script src="https://simplemediaapi.com/widget.js"></script>
<script>
  const browser = new MediaBrowser({
    apiKey: 'sk_live_your_key_here',
    customerId: 'user-123'
  });
  browser.open(); // That's it
</script>

And your users get this entire interface. Folders, uploads, organization, URL generation. All handled.

Inline Mode (Sidebar / Embedded)

Don't want a modal? Render the widget directly into your page. Perfect for sidebars or embedded media managers:

Built-in Storage Quotas

Control how much each customer can upload. Set per-customer limits. We enforce them automatically.

✨ Ready to Ship This?

You've seen how simple and powerful this is. You get:

• 📤 Complete upload widget (copy/paste integration)
• 📁 Folder organization built-in
• ⚡ 10-minute setup, not 10 hours
• 💰 $49/mo gets you started ($40/mo cheaper than Cloudinary)
• 🔐 Full multi-tenant support for SaaS

Get Started - $49/mo

Detailed Integration Docs

Want the nitty-gritty? Here's everything:

Modal Usage

const browser = new MediaBrowser({
    apiKey: 'sk_live_your_key_here',
    customerId: 'user-123',

    onSelect: (file) => {
        console.log('User selected:', file.url);
        // Do whatever you want with file.url
    },
    multiSelect: false  // true to allow multiple files
});

browser.open();

Customer Segregation (Multi-Tenant)

Each customerId gets a completely isolated library:

• Your API Key: Controls which SaaS account
• customerId: Controls which user within your SaaS
• Result: user-123's files are never visible to user-456

REST API (If You Need It)

// Upload a file
POST /api/customer/upload
  Header: X-API-Key: sk_live_your_key_here
  Body: FormData with file + customer_id

// List files
GET /api/customer/media?customer_id=user-123
  Header: X-API-Key: sk_live_your_key_here

// Delete a file
DELETE /api/customer/media/{fileId}?customer_id=user-123
  Header: X-API-Key: sk_live_your_key_here