Browser-Based 2D Animation Editor

Project Title
Web-Based 2D Animation Editor (AutoDraft-style, No AI)

---

Project Overview
I need a web-based 2D animation editor similar to AutoDraft AI (but without any AI features).

The goal is to build a browser-based animation tool where users can create animated scenes using images, backgrounds, and simple animations.

This is not a basic canvas project. I am looking for a structured, scalable editor system.

---

Core Features Required

1. Canvas Editor (Core Engine)

* Canvas system using Konva.js or Fabric.js (preferred)
* Drag and drop objects (image, background, text)
* Resize using corner handles only
* Object selection with bounding box
* Toolbar on object select (delete, flip, opacity etc.)
* Click outside to deselect

---

2. Object System (Very Important)

* Everything should behave as an object:

* Background
* Images
* GIFs
* Videos
* Default placement: center of canvas
* Auto-scale to fit canvas (16:9 / 9:16)
* No overflow outside canvas

---

3. Asset Management

* Upload images (user-specific)
* Asset library panel
* Load assets from backend (with user isolation)
* Apply background or add object to canvas

---

4. Scene Save / Load System

* Save scene data (JSON structure)
* Store:

* Object positions
* Scale
* Rotation (future ready)
* Background
* Load saved scenes correctly

---

5. Timeline System (Basic Version)

* Timeline panel at bottom
* Each object = one track
* Basic duration control
* No advanced animation needed in first phase

---

6. Layer System

* Object stacking (bring forward / send backward)
* Proper layering system

---

7. UI Layout

* Topbar (project controls)
* Left sidebar (assets panel)
* Center canvas area
* Bottom timeline
* Right tools panel

---

Tech Stack (Preferred)

* Frontend: HTML, CSS, JavaScript
* Canvas: Konva.js (preferred) or Fabric.js
* Backend: PHP or Node.js
* Database: MySQL

---

What is NOT Required

* No AI features
* No auto-generation
* No complex effects (initial phase)
* No advanced rendering engine (for now)

---

Project Scope
This is Phase 1 of a larger product.
I am looking for a developer who can build a solid foundation, not a quick hack.

Clean code and scalability are very important.

---

Developer Requirements

* Experience with canvas-based editors (important)
* Experience with Konva.js or Fabric.js
* Understanding of object-based systems
* Ability to build structured frontend architecture

---

Timeline
2 to 4 weeks (flexible depending on quality)

---

Budget
Open to proposals (based on experience and quality)

---

To Apply
Please include:

1. Relevant past work (canvas editors or similar tools)
2. Tech stack you will use
3. Estimated timeline
4. Approach to building object system

---

Important Note
Do not apply if you have only basic CRUD or simple website experience.
This is a complex interactive editor project.

---

Future Scope
This project will expand into a full animation platform.
Long-term work available for the right developer.

Rest you can check autodraft.ai website what we need exactly.