Cloudinary Examples

Learn how to easily integrate Cloudinary into your projects with real examples.

🧰 Examples

Flutter

• Flutter - Setting up the SDK

Netlify

• Netlify Function - Cloudinary Custom Remote Function
• Netlify Function - Cloudinary Webhook Endpoint
• Netlify Graph Authentication - Cloudinary Auth in Netlify Function

Next.js

• CldImage Component - Next Cloudinary
• CldOgImage Component - Next Cloudinary
• CldUploadButton Component - Next Cloudinary
• CldUploadWidget Component - Next Cloudinary
• Cloudinary Upload Widget with Signed Uploads
• Cloudinary Upload Widget with an Upload Preset (Unsigned)
• Image Component - Cloudinary Loader
• Image Component - Cloudinary URLs
• Social Media Card

Node.js

• Cloudinary Transformations & Effects
• Image Upload
• Social Media Card

React

• Cloudinary AdvancedImage Component
• Cloudinary AdvancedVideo Component
• Cloudinary Transformations & Effects
• Cloudinary Upload Widget
• Cloudinary Video Player

Remix

• Cloudinary Upload Widget with an Upload Preset (Unsigned)

SolidJS

• Cloudinary Transformations & Effects
• Cloudinary Upload Widget with an Upload Preset (Unsigned)

Svelte

• Cloudinary Upload Widget with an Upload Preset (Unsigned)

Vue

• Cloudinary AdvancedImage Component
• Cloudinary Upload Widget with an Upload Preset (Unsigned)

🧐 Not seeing an example?

Create an issue detailing the project and how Cloudinary would integrate.

If the use case seems like it would be broadly helpful for others as well, I'll try to work it into this repository!

✨ Contributors

Thanks goes to these wonderful people (emoji key):

Colby Fayock 💻 📖

Matías Hernández Arellano 💻

Kevin Cunningham 💻

Tim Benniks 💻

Lazar Nikolov 💻

This project follows the all-contributors specification. Contributions of any kind welcome!