supersplat

Application

playcanvas/supersplat

A browser-based editor for inspecting, editing, and optimizing 3D Gaussian Splats.

Overview

SuperSplat is a free, open-source web application for editing 3D Gaussian Splats. It runs entirely in the browser, requiring no installation, and supports inspection, optimization, and export of splat data. Built with TypeScript and PlayCanvas, it leverages WebGL and WebGPU for rendering.

README Preview

# SuperSplat Editor\n\n[](https://github.com/playcanvas/supersplat/releases)\n[](https://github.com/playcanvas/supersplat/blob/main/LICENSE)\n[](https://discord.gg/RSaMRzg)\n[](https://www.reddit.com/r/PlayCanvas)\n[](https://x.com/intent/follow?screen_name=playcanvas)\n\n| [SuperSplat Editor](https://superspl.at/editor) | [User Guide](https://developer.playcanvas.com/user-manual/gaussian-splatting/editing/supersplat/) | [Blog](https://blog.playcanvas.com) | [Forum](https://forum.playcanvas.com) |\n\nThe SuperSplat Editor is a free and open source tool for inspecting, editing, optimizing and publishing 3D Gaussian Splats. It is built on web technologies and runs in the browser, so there's nothing to download or install.\n\nA live version of this tool is available at: https://superspl.at/editor\n\n\n\nTo learn more about using SuperSplat, please refer to the [User Guide](https://developer.playcanvas.com/user-manual/gaussian-splatting/editing/supersplat/).\n\n## Local Development\n\nTo initialize a local development environment for SuperSplat, ensure you have [Node.js](https://nodejs.org/) 18 or later installed. Follow these steps:\n\n1. Clone the repository:\n\n   ```sh\n   git clone https://github.com/playcanvas/supersplat.git\n   cd supersplat\n   ```\n\n2. Install dependencies:\n\n   ```sh\n   npm install\n   ```\n\n3. Build SuperSplat and start a local web server:\n\n   ```sh\n   npm run develop\n   ```\n\n4. Open a web browser tab and make sure network caching is disabled on the network tab and the other application caches are clear:\n\n   - On Safari you can use `Cmd+Option+e` or Develop->Empty Caches.\n   - On Chrome ensure the options "Update on reload" and "Bypass for network" are enabled in the Application->Service workers tab:\n\n   \n\n5. Navigate to `http://localhost:3000`\n\nWhen changes to the source are detected, SuperSplat is rebuilt automatically. Simply refresh your browser to see your changes.\n\n## Localizing the SuperSplat Editor\n\nThe currentl

FAQ (3)

Troubleshooting
Why does the PlayCanvas color picker reset hue to red when selecting pure white?

This bug occurs when dragging the cursor to the top-left corner to pick a very light color. It has been fixed in the pcui library via pull request #529. Update to the latest version of pcui to resolve this. If an update isn't possible, a temporary workaround is to avoid selecting the absolute top-left pixel or use the numeric inputs to set the color precisely.

GitHub Issue #818
How-to
How to copy and paste position, rotation, or scale between splats in SuperSplat?

Use the Copy/Paste controls in the Transform panel (added in PR #1000). Select a splat, click Copy, and choose which components to capture: Position, Rotation, Position + Rotation, or All transforms (including scale). Then select another splat and click Paste — only the copied components are applied, while the destination splat's other transform values are preserved. Copied values stay available for repeated pasting across multiple splats, and copying again overwrites the stored values. Each paste is recorded as a single undoable/redoable edit. Useful for aligning related splats, transferring placement between asset variants, or replacing a splat while keeping its scene placement.

GitHub Issue #1001
How-to
How do I make the camera look around from its current position instead of orbiting a center point?

Use the WASD fly controls: enter fly mode and use WASD to move while looking around from the current camera position. This provides first-person-style look-around behavior instead of orbiting around a target point.

GitHub Issue #319