Getting Started
Welcome to PlayCanvas React! This section will guide you through setting up your first 3D React application and teach you the fundamental concepts you need to build interactive 3D experiences.
What You'll Learn
In this getting started guide, you'll learn how to:
- Install and set up PlayCanvas React in your project
- Create your first 3D scene with cameras, entities, and 3D models
- Load and manage 3D assets efficiently in your application
Prerequisites
Before you begin, make sure you have:
- Node.js 22.23.2 or later installed on your system
- Basic familiarity with React - if you're new to React, check out the React documentation
- A text editor or IDE (we recommend Visual Studio Code)
Quick Start
The fastest way to get started is with create-playcanvas:
npm create playcanvas@latest my-app -- -f react
Choose one of the 12 runnable starters when prompted. The generated project includes PlayCanvas Skills for compatible AI coding agents. You can also try our online playground without installing anything locally.
Next Steps
Ready to dive in? Start with the installation guide to set up your development environment, then follow the building a scene tutorial to build your first 3D application.
For more advanced topics and examples, explore the complete PlayCanvas React documentation and example gallery.