Skip to content

Cloudinary Studio — A fast and modern platform to upload, edit, transform, and optimize images and videos. Powered by AI tools, Cloudinary APIs, and a clean, intuitive UI — delivering a seamless all-in-one media workflow.

Notifications You must be signed in to change notification settings

anuj-singal/CloudinaryStudio

Repository files navigation

🌤️ Cloudinary Studio – AI-Powered Media SaaS

Live Demo GitHub Repo


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.


📸 Live Demo

Try it here:
👉 https://cloudinarystudio.vercel.app/

Demo Gif:

Cloudinary Studio Demo


🚀 Features

  • 📤 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

🏗️ Tech Stack

Next.js TypeScript TailwindCSS Cloudinary Framer Motion MongoDB Vercel License Contributions Welcome


⚙️ Installation & Setup

  1. Clone the repo

    git clone https://github.com/anuj-singal/CloudinaryStudio
    cd CloudinaryStudio
  2. Install dependencies

    npm install
  3. Add environment variables to .env.local

    NEXT_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
  4. Run locally

    npm run dev

Open:
👉 http://localhost:3000

  1. Production build
    npm run build
    npm start

🌐 Deployment

This project is deployed on Vercel.

To deploy your own:

  1. Push the repo to GitHub
  2. Import into Vercel
  3. Add environment variables
  4. Deploy 🚀

⭐ Premium Features (Pro Tier)

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

📜 License

MIT License
Copyright (c) 2025 Anuj Singal


👨‍💻 Author

GitHub LinkedIn


⭐ If you like Cloudinary Studio, consider giving it a star!

About

Cloudinary Studio — A fast and modern platform to upload, edit, transform, and optimize images and videos. Powered by AI tools, Cloudinary APIs, and a clean, intuitive UI — delivering a seamless all-in-one media workflow.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages