Roblox UI
A frontend for Roblox projects in external editors.
Provides an Explorer view, instance searching, and more.
Check out the features section for a full list of features.
Installation
The UI can be installed as an extension from:
- The Visual Studio Marketplace (VSCode)
Features
- Explorer view for instances, similar to Roblox Studio
- Fuzzy finding / Quick Open dialog - quickly navigate and open files for instances
- Support for multi-root workspaces for easy monorepo driven development
- Included community icon packs such as Classic & Vanilla
TODO
Improvements
- Filtering for classes / IsA in the Quick Open dialog ([reference](https://create.roblox.com/docs/studio/explorer#filtering-instances))Properties View
- Simple text view of properties - Editing properties for simple `.model.json` or `.meta` files - Complex property editing for properties such as colors, vectors - Editing properties for binary/xml filesOutput View
- Server that can listen for output messages from Roblox Studio - Plugin that sends output messages from Roblox Studio to the extension - Automatically connect to a test session and its output when one starts - Create an output channel/panel in VSCode that forwards received output - Parse output and use sourcemap to create clickable file links - Colorize output messages and stack tracesDevelopment
The VSCode extension can be compiled and installed locally:
- Clone the repository
- Install Just, Rust, VSCE and the VSCode CLI
- Run
just vscode-installin the repository to install the extension
Icons and Attribution
- The Classic (also known as Silk) icon pack used in the extension was created by famfamfam and is licensed under CC BY 4.0
- The Vanilla version 2.1 icon pack used in the extension was created by Elttob and is licensed under CC BY-NC 4.0