English | 中文版
Wispace is a modern, AI-powered 3D workspace and scene editor built with React and Three.js. It allows users to dynamically create, manage, and edit 3D geometries in a seamless interactive environment. With built-in AI capabilities, users can prompt the system to generate or manipulate objects within the 3D scene effortlessly.
- Interactive 3D Editor: Drag, drop, and transform (translate, scale, rotate) various geometries like Boxes, Spheres, Cylinders, and more.
- AI-Powered Assistant: Integrated with OpenAI to interpret natural language prompts for generating and modifying 3D objects in real-time.
- Scene Management: A visual hierarchy tree (Scene Panel) to easily manage objects and groups in your workspace.
- Modern UI: Clean and intuitive interface powered by Tailwind CSS and Ant Design.
- Framework: React 19, TypeScript, Vite
- 3D Engine: Three.js, React Three Fiber, React Three Drei
- Styling & UI: Tailwind CSS, Ant Design (antd)
- State Management: Zustand
- Routing: React Router DOM
- AI Integration: OpenAI API
- Network: Axios
- Node.js (v18 or higher recommended)
- npm or yarn or pnpm
- Clone the repository
- Install dependencies:
npm install
- Run the development server:
npm run dev
npm run build