A modern AI-powered media editing SaaS built with Next.js, Cloudinary, TypeScript, and TailwindCSS.
Cloudinary Studio gives users the ability to upload, transform, optimize, and manage images & videos with powerful tools.
Try it here:
👉 https://cloudinarystudio.vercel.app/
Demo Gif:
- 📤 Upload Images & Videos via Cloudinary
- 🔍 Preview in Gallery with filters (Images / Videos)
- ✨ AI Enhancements
- Auto-enhance
- Background removal
- Sharpening
- Smart cropping
- 🎨 Image Editing Tools
- Resize, crop, rotate, flip
- Filters, effects, overlays
- Compression & optimization
- 🎞️ Video Tools
- Trim
- Compress
- Auto-thumbnail
- Format conversions
- 🔐 Auth with Clerk
- ⚡ Smooth UI with Framer Motion
- ☁️ Hosted on Vercel
- 📄 Download optimized media
-
Clone the repo
git clone https://github.com/anuj-singal/CloudinaryStudio cd CloudinaryStudio -
Install dependencies
npm install
-
Add environment variables to
.env.localNEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=your_cloud_name CLOUDINARY_API_KEY=your_api_key CLOUDINARY_API_SECRET=your_api_secret NEXT_CLERK_PUBLISHABLE_KEY=your_clerk_key CLERK_SECRET_KEY=your_clerk_secret
-
Run locally
npm run dev
Open:
👉 http://localhost:3000
- Production build
npm run build npm start
This project is deployed on Vercel.
To deploy your own:
- Push the repo to GitHub
- Import into Vercel
- Add environment variables
- Deploy 🚀
Perfect for scaling this into a real SaaS:
- 🔥 Unlimited uploads
- 🎨 AI Upscaling (4K)
- 🪄 Magic Remove (Object removal)
- 🎞️ Large-video compression
- 📂 Cloud backups
- 👥 Team access
- 🚀 Faster rendering
- 🧩 Premium templates
- 🔒 Priority processing
MIT License
Copyright (c) 2025 Anuj Singal
⭐ If you like Cloudinary Studio, consider giving it a star!
