🎭 Ditto
Your favorite meme, now belongs to you.
Ditto is a autoregressive Image AI (FLUX, Gemini 3.0 Image Preview, GPT Image, etc.) based prompt + generation integration platform along with community features and a blazing fast browser-side image upscaler (refactored waifu2x, 30x faster than original implementation) based on tensorflow.js.
✨ Features
- 🖼️ Image Gallery - Browse a wide collection of meme templates, anime screenshots, and more
- 🤖 AI-Powered Generation - Replace characters in images using advanced AI models
- 🧪 Upscaler - Turn AI-generated low resolution results into 2K/4K images in a click
- 👤 GitHub Authentication - Simple sign-in with your GitHub account
- 📤 Upload Templates - Share your own prompt templates with the community
- 🌐 Multi-language Support - Available in English, Chinese (简体中文), and Japanese (日本語)
- 📱 Responsive Design - Works seamlessly on desktop and mobile devices
- 🎨 Modern UI - Built with Shadcn UI and Tailwind CSS
🛠️ Tech Stack
Core Technologies
- Framework: Next.js 16 with App Router
- Language: TypeScript
- Styling: Tailwind CSS v4 + Shadcn UI
- Database: Supabase (PostgreSQL) + TypeORM (traditional back-end based database operation)
- Authentication: Supabase Auth with GitHub OAuth
- State Management: Zustand
- Validation: Zod
- Internationalization: next-intl
- Browser side AI features: tensorflow.js with waifu2x thanks to nagadomi for algorithm & model training
AI Services
- Image Generation: OpenRouter API (supports multiple models)
- Image Upscaling: browser side waifu2x from nunif on GitHub
GPL-3.0-only ライセンスに基づき、nagadomi (unlimited.waifu2x.net) さんの ONNX モデルを利用させていただきました。すばらしい技術をご提供いただき、誠にありがとうございます。また、モデルの使用に関して著作権侵害等の問題がございましたら、遠慮なくご連絡ください。速やかに対応いたします。
Development Tools
- Code Formatting: Prettier
- Linting: ESLint
- Type Checking: TypeScript
I used Claude 4.5 Sonnet for scaffolding and UI development. Translations (English, Japanese, Simplified Chinese) and algorithms & some back-end logics are (re)created by me (since AI did bad on these fields).
For more information please see GitHub repository. You can also learn how to deploy the project & dive in development there.
Built With
- next-intl
- next.js
- node.js
- react
- supabase
- typeorm
- typescript
Log in or sign up for Devpost to join the conversation.