Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>RBLX React LSPNew to Visual Studio Code? Get it now.
RBLX React LSP

RBLX React LSP

OtadTOAD

|
23 installs
| (1) | Free
LSP for Roblox when using React module in any Lua/Luau files.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

RBLX React LSP

Provides auto-complete suggestions for instances and their properties when using React.createElement in Lua/Luau files.

Features

  • Provides auto completion suggestions for instance's properties
  • Provides auto completion suggestions for instance's events
  • Provides auto completion suggestions for instance's names

How to Use

IMPORTANT: Make sure to use the OTAD: Generate and Cache API Metadata in EXE Dir command (rblx-react-lsp.genMetadata) from Command Palette on first use or whenever you want to update API cache.

IMPORTANT: This extension runs on every file as I couldn't make it work properly alongside other LSPs otherwise, please only activate by workspace where it's needed.

This extension detects whenever any variable is assigned a value matching the pattern require(Anything.React).

For context `Anything` here could be any string, but must be at least one character.
If this pattern is not detected, the LSP will not provide auto completion suggestions.

Example

Extension Example

Warning: If you have multiple assignments, only first one will be treated as valid for simplicty.

Once the variable is found, its name will be used to identify patterns like name.createElement(Context)

For context `name` here must be equal to variable name.

Whenever your text cursor is within Context span, LSP will provide auto complete suggestions.

  • If the cursor is within the first quotes, it will suggest Roblox instance names.
  • If the cursor is within the first set of brackets and not on the right side of an equals sign (on the same line), it will try to:
    • Look up the instance using name you entered in the first quotes.
    • Provide its properties from Roblox's API dump, if found.
  • If the cursor is within the first set of brackets and then inside set of square brackets it will try to
    • Look up the instance using name you entered in the first quotes.
    • Provide its events from Roblox's API dump, if found.

Repositories

  • Frontend: VS Code Extension
  • Backend: LSP Server
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft