https://github.com/soumojit622/vision
Vision is an AI-powered image editor built with React 19 and Next.js 15. It combines powerful editing tools like crop, resize, color adjustments, and text overlays with advanced AI features such as background removal, image extension, and smart retouching — all inside a sleek, responsive interface.
https://github.com/soumojit622/vision
billing clerk-authentication convex-database fabricjs imagekit javascript lucide-icons nextjs15 react tailwindcss
Last synced: 23 days ago
JSON representation
Vision is an AI-powered image editor built with React 19 and Next.js 15. It combines powerful editing tools like crop, resize, color adjustments, and text overlays with advanced AI features such as background removal, image extension, and smart retouching — all inside a sleek, responsive interface.
- Host: GitHub
- URL: https://github.com/soumojit622/vision
- Owner: soumojit622
- Created: 2025-09-10T18:19:51.000Z (25 days ago)
- Default Branch: master
- Last Pushed: 2025-09-10T19:52:23.000Z (25 days ago)
- Last Synced: 2025-09-10T22:50:49.729Z (25 days ago)
- Topics: billing, clerk-authentication, convex-database, fabricjs, imagekit, javascript, lucide-icons, nextjs15, react, tailwindcss
- Language: JavaScript
- Homepage: https://vision-three-delta.vercel.app
- Size: 296 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌌 Vision — AI-Powered Image Editor
Vision is a modern **AI image editing platform** built with **React 19, Next.js 15, Tailwind CSS, Convex, Clerk Billing, Fabric.js, ImageKit, and Shadcn UI**.
It helps you **create, edit, and enhance** your projects with advanced AI tools like **background removal, image extender, and smart retouching** — all inside a **sleek, responsive interface**.
---
## ✨ Key Features
- 📂 **Project Management** — Create, manage, and organize image projects
- 🖼 **Crop & Resize** — Intuitive and precise canvas controls
- 🎨 **Color Adjustments** — Basic and advanced tools for image correction
- ✍️ **Text Editing** — Add stylish text overlays with custom fonts
- 🤖 **AI-Powered Tools**
- Background remover
- AI image extender
- Retouch & upscaler
- ☁️ **Cloud Sync** — Access your projects anywhere
- 🔒 **Authentication & Billing** — Powered by Clerk (secure auth + billing system)
- ⚡ **Realtime Backend** — Convex ensures smooth live collaboration
---
## 🚀 Tech Stack
| Technology | Logo | Description |
|----------------|----------------------------------------------------------------------|--------------------------------------|
| **⚛️ React 19** | 
| Frontend library for building UIs |
| **▲ Next.js 15** | 
| Full-stack React framework |
| **🎨 Tailwind CSS** | 
| Utility-first CSS framework |
| **🌀 Convex** | 
| Realtime serverless backend |
| **🔑 Clerk** | 
| Authentication & subscription billing |
| **🖌️ Fabric.js** | 
| Canvas-based editing |
| **⚡ ImageKit** | 
| Image optimization & CDN |
| **📦 Shadcn UI** | 
| Accessible UI components |
| **✨ Lucide React** | 
| Icon library for React apps |
---
## 💳 Plans
Vision comes with two simple plans:
| Plan | Price | Features |
|-----------|-------|--------------------------------------------------------------------------|
| 🆓 **Free** | $0 | Up to 3 projects · 20 exports/month · Crop & Resize · Basic adjustments |
| 👑 **Pro** | $12/mo| Unlimited projects · Unlimited exports · All AI tools · Retouch & upscale |
👉 Billing & subscriptions are handled securely with **Clerk Billing**.
---
## 🌍 Roadmap
Planned features include:
- 🔮 **AI Style Transfer** (turn images into unique art styles)
- 🎥 **AI Video Tools** (background removal & frame editing)
- 🤝 **Team Collaboration Workspaces**
- 📦 **Export in Multiple Formats** (WebP, SVG, PSD support)
- 🧩 **Plugin System** (third-party AI models & filters)
- 📊 **Project Analytics** (track exports, AI tool usage, and more)
---
## 📚 Why Vision?
- 🚀 **All-in-One Editing** — No need to juggle multiple apps. Vision combines essential editing tools with AI superpowers.
- 🔒 **Privacy First** — Secure auth, billing, and project storage with Clerk.
- ⚡ **Performance** — Optimized with Next.js 15, ImageKit CDN, and Convex realtime backend.
- 🎨 **Modern UI/UX** — Built with Shadcn UI & Tailwind CSS for a sleek, responsive design.
---
## 💬 Contribute to Vision
We welcome contributions from developers and enthusiasts!
1. 🍴 Fork the repository.
2. 🌿 Create a new branch:
```bash
git checkout -b feature-branch
```
3. 🖊️ Commit your changes:
```bash
git commit -m "Add your feature"
```
4. 🚀 Push the branch:
```bash
git push origin feature-branch
```
5. 🔀 Open a pull request.
---
## 📬 Contact & Support
💬 **Have any questions or suggestions? Feel free to reach out!**
📧 **Email**: [soumojitbanerjee22@gmail.com](mailto:soumojitbanerjee22@gmail.com)
🔗 **LinkedIn**: [Soumojit Banerjee](https://www.linkedin.com/in/soumojit-banerjee-4914b3228/)
---
## 👨💻 Developed by [Soumojit Banerjee](https://www.linkedin.com/in/soumojit-banerjee-4914b3228/)
If you enjoyed using this project, please ⭐ it on GitHub! 🌟