AB
AiBoss
project

Vibe Draw - an AI 3D modeling tool that converts sketches into 3D models with a single click.

Vibe Draw is an open-source AI 3D modeling tool that transforms user-drawn sketches on a 2D canvas into beautiful 3D models. Users can use text prompts or continue drawing and iteratively refining the model, and export it to a standard format with one click (...

What is Vibe Draw?

Vibe Draw is an open-source AI 3D modeling tool that transforms user-drawn sketches on a 2D canvas into beautiful 3D models. Users can use text prompts or continue drawing and iteratively refining the model, exporting it to a standard format (.glTF) with a single click. Vibe Draw breaks down technical barriers, allowing anyone, without professional skills, to easily realize their 3D creations. The Vibe Draw frontend is based on technologies such as Next.js, React, and Three.js, while the backend is built on FastAPI and Celery, supporting real-time updates and asynchronous task processing.

Vibe Draw's main functions

  • Sketch to 3D ModelUsers can freely draw sketches on an infinite 2D canvas, and AI will automatically recognize and generate 3D models.
  • Model transformed into 3D sceneUsers can drag the generated 3D model into a 3D space and arrange it freely to quickly build a complete 3D scene.
  • One-click exportSupports exporting to glTF format.
  • AI sketch optimizationAI will automatically optimize the sketch, preserving the user's spatial composition.
  • Text generation 3D model: Users can directly input text prompts to generate 3D models.
  • The model is editableThe generated model is edited based on "re-edit" or new text prompts.

Vibe Draw's technical principles

  • Front-end technologyThe front-end is built on Next.js and React, providing a responsive and user-friendly interface. It combines Three.js to achieve efficient rendering of 3D models, TLDraw as a powerful 2D drawing canvas to support free drawing and graphic editing, and Zustand for state management to ensure efficient synchronization and management of application state, providing users with a smooth interactive experience.
  • Backend technologyThe backend is based on FastAPI as a high-performance API framework to handle frontend requests and complex backend logic; Celery is used as an asynchronous task queue to handle time-consuming AI operations, such as sketch optimization and 3D model conversion; Redis provides publish/subscribe functionality for real-time updates and task result storage, and provides real-time feedback on task progress to users based on SSE (Server Send Event) technology, improving the real-time nature of interaction and user experience.
  • AI-driven transformationThe core functionality relies on advanced AI algorithms to automatically optimize rough 2D sketches drawn by users into more refined drawings, supporting further conversion into 3D models. The AI model supports automatic modeling of complex shapes and structures, and users can further optimize and adjust the 3D model based on text prompts, achieving efficient conversion from creative sketches to the 3D world.

Vibe Draw project address

Application scenarios of Vibe Draw

  • Creative DesignQuickly convert sketches into 3D models to help designers quickly validate their ideas.
  • Educational SupportIt visually demonstrates the transformation from 2D to 3D, helping students learn spatial structures and modeling principles.
  • Game developmentQuickly generate game scene and character prototypes to accelerate early-stage design.
  • Architectural Design: Convert hand-drawn architectural sketches into 3D models to facilitate communication of plans with clients.
  • Personal creationIt allows for creative expression with low barriers to entry, making it suitable for ordinary users for entertainment and sharing.