Can I vibecode Excalidraw+?

price variesyou'd save no subscriptionbuild time one sittingcategory whiteboardsreplaced by 0 people
YES
MOATcollaborationexecution polish

Excalidraw+'s solo core is compact: build a browser-based collaborative whiteboard editor with drag, resize, connect, keyboard shortcuts, autosave, and SVG or PNG export. A competent builder can reach a useful personal version in one sitting, while the paid product mainly wins on interaction polish, collaboration.

In-List Ad$79/30 days
promote your product in the vibecoded list

The Build Prompt

copy it and go build
ready to paste · 2,191 chars
Build a stunning, localized collaborative whiteboard editor to serve as a personal replacement for the core loop of Excalidraw+. Vibe-code this using React, TypeScript, Vite, Tailwind CSS, and IndexedDB. The application must feature an immediately engaging, highly polished interface. Think buttery-smooth panning and zooming, delightful micro-interactions, and a minimalist, distraction-free aesthetic that puts the drawing canvas front and center.

Key Requirements:
1. **Whiteboard Canvas:** Build a browser-based, infinite-canvas whiteboard editor. Support drawing paths, adding text, and creating basic geometric shapes. Implement smooth drag-and-drop, element resizing, and dynamic connection lines between shapes.
2. **Interaction & State:** Provide a robust set of keyboard shortcuts, continuous autosave to IndexedDB, and a reliable undo/redo stack. 
3. **Collaboration (Local Network/P2P):** Implement a lightweight collaboration feature (e.g., via WebRTC or a simple local WebSocket server) to allow real-time multiplayer drawing without relying on a centralized cloud service.
4. **Data Portability:** Ensure the user is never trapped. Implement seamless export to SVG and PNG, as well as importing and exporting the raw JSON state of the whiteboard.
5. **Privacy First:** The default mode must be single-user and private. Do not add analytics, telemetry, ads, or third-party user accounts. Store user data locally. Use a `.env` file for any external configuration.
6. **Polished UX:** Implement a flawless user interface. Include clear empty states, elegant loading indicators, and robust error handling. Ensure the app is accessible with sensible contrast and clear focus states. Validate all untrusted input securely.
7. **Engineering Rigor:** Start from an empty repository. Write focused unit tests for the data model, canvas interactions, and export logic. Add at least one end-to-end smoke test proving the core drawing and saving loop works. Create a comprehensive README detailing setup, architecture, data location, and limitations. Include scripts for install, dev, test, and build. Deliberately exclude large enterprise template libraries and complex access controls.
In-List Ad$79/30 days
promote your product in the vibecoded list

What you lose

  • Hosted infrastructure and managed operations from Excalidraw+
  • The original service's mature integrations and ecosystem
In-List Ad$79/30 days
promote your product in the vibecoded list
Share on X ->Your vote helps rank the vibecoded list.

Questions

5 answers