# Paint UI

A modern, browser-based image editor built with Next.js 16 and Tailwind CSS 4. Inspired by miniPaint, reimagined for the modern web.

## Features (Planned)

- 🎨 **Multi-layer Canvas** - Professional layer system with blend modes
- 🖌️ **Drawing Tools** - Pencil, brush, eraser, fill, and selection tools
- ✨ **Image Effects** - 50+ filters and effects (blur, sharpen, color adjustments)
- 📝 **Text Tool** - Add text with web fonts
- 🔄 **Undo/Redo** - Full history system
- 💾 **File Support** - Open/save PNG, JPG, WEBP, GIF, and project files
- 🎭 **Dark Mode** - Beautiful dark and light themes
- ⌨️ **Keyboard Shortcuts** - Power user friendly
- 📱 **Responsive** - Works on desktop, tablet, and mobile

## Tech Stack

- **Framework**: Next.js 16 (App Router)
- **UI**: React 19 + TypeScript
- **Styling**: Tailwind CSS 4
- **Components**: Radix UI / Shadcn
- **State**: Zustand
- **Canvas**: HTML5 Canvas API + Web Workers

## Getting Started

### Prerequisites

- Node.js 20+
- pnpm 9+

### Installation

```bash
# Clone repository
git clone ssh://git@dev.pivoine.art:2222/valknar/paint-ui.git
cd paint-ui

# Install dependencies
pnpm install

# Run development server
pnpm dev
```

Open [http://localhost:3000](http://localhost:3000) in your browser.

## Documentation

- [Implementation Plan](./IMPLEMENTATION_PLAN.md) - Detailed roadmap and architecture
- [Contributing Guide](./docs/contributing.md) - How to contribute (coming soon)
- [API Documentation](./docs/api.md) - Plugin API reference (coming soon)

## Inspiration

This project is inspired by [miniPaint](https://github.com/viliusle/miniPaint), an excellent open-source image editor. While paint-ui is a complete rewrite with modern technologies, we aim to preserve the powerful capabilities that make miniPaint great.

## License

MIT

## Author

valknar

## Repository

https://dev.pivoine.art/valknar/paint-ui