Browser-Based 2D Animation Editor

Заказчик: AI | Опубликовано: 21.03.2026

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.