Pixel+

AI-powered image upscaling Chrome extension with a premium, minimal interface.

Features

• One-click upscaling — Right-click any image on the web and select "Open with Pixel+"
• 2x & 4x enhancement — Upscale images using state-of-the-art AI models
• Multiple AI providers — Claid.ai, Upsampler, Deep-Image.ai, Topaz Labs
• BYOK (Bring Your Own Key) — Use your own API keys, no subscriptions
• Before/after comparison — Elegant slider to compare original and enhanced
• Multiple export formats — Download as PNG, JPEG, or WebP
• Drag & drop + paste — Drop images or paste from clipboard
• Keyboard shortcuts — Enter to enhance, Esc to reset

Install

From source

1. Clone the repository

   git clone https://github.com/nikhilbhima/pixel-plus.git
   cd pixel-plus

2. Install dependencies and build

   npm install
   npm run build

3. Load in Chrome

   • Open chrome://extensions
   • Enable "Developer mode" (top right)
   • Click "Load unpacked"
   • Select the dist/ folder

Usage

1. Right-click any image on any webpage
2. Select "Open with Pixel+" from the context menu
3. Choose your scale factor (2x or 4x)
4. Click Enhance
5. Download in your preferred format

Keyboard shortcuts

Key	Action
Enter	Enhance image
Esc	Reset / clear
Cmd/Ctrl + V	Paste image from clipboard

Configuration

1. Click the gear icon in the Studio header
2. Select your preferred AI provider
3. Enter your API key
4. Save settings

Supported providers

Provider	Website	Notes
Claid.ai	claid.ai	Smart enhance, up to 4x
Topaz Labs	topazlabs.com	Professional quality, Standard V2 model
Deep-Image.ai	deep-image.ai	AI-powered enhancement
Upsampler	upsampler.com	Dynamic upscaling, up to 4x

Tech Stack

• TypeScript — Type-safe code
• Preact — Lightweight React alternative (~3KB)
• Zustand — Simple state management
• TailwindCSS — Utility-first styling
• Vite — Fast build tooling
• Chrome Manifest V3 — Modern extension APIs

Development

# Start dev server
npm run dev

# Build for production
npm run build

# Watch mode
npm run watch

Project Structure

pixel-plus/
├── public/
│   ├── manifest.json    # Chrome extension manifest
│   └── icons/           # Extension icons
├── src/
│   ├── background/      # Service worker
│   ├── studio/          # Main upscaling UI
│   ├── settings/        # Settings page
│   ├── providers/       # AI provider integrations
│   ├── store/           # Zustand state
│   ├── lib/             # Utilities
│   └── types/           # TypeScript types
├── scripts/
│   └── build.js         # Custom build script
└── dist/                # Built extension (gitignored)

Privacy

• No data collection — Images are sent directly to the AI provider you choose
• Local storage only — API keys are stored locally in Chrome's sync storage
• Open source — Audit the code yourself

License

MIT License - see LICENSE for details.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Author

Nikhil Bhima — @nikhilbhima