First-class VS Code support for OxideKit - a Rust-native application platform.
Features
Language Support
Syntax Highlighting for .oui files
Autocomplete for components, props, design tokens, and translation keys
Diagnostics for invalid props, missing keys, and deprecated APIs
Hover Information with component documentation
Jump to Definition for components, tokens, and translations
Code Actions for quick fixes and refactoring
Commands
Access commands via the Command Palette (Cmd/Ctrl + Shift + P):
OxideKit: Start Dev Server - Start the development server
OxideKit: Stop Dev Server - Stop the development server
OxideKit: Build Desktop App - Build for desktop release
OxideKit: Build Static Site - Build as static site
OxideKit: Validate Project - Run project diagnostics
OxideKit: Add Plugin - Add a plugin to your project
OxideKit: i18n Check - Check translation coverage
OxideKit: Import from Figma - Import designs from Figma
Sidebar Views
Components - Browse available components
Design Tokens - Explore colors, spacing, and other tokens
Translations - View and manage i18n keys
Code Snippets
Quick snippets for common patterns:
Prefix
Description
app
Create new app
col
Column layout
row
Row layout
txt
Text component
box
Styled container
btn
Button component
card
Card component
grid
Grid layout
Requirements
VS Code 1.85.0 or later
OxideKit CLI (oxide) installed (for commands)
oxide-lsp binary (bundled or installed separately)
Installation
From VS Code Marketplace
Open VS Code
Go to Extensions (Cmd/Ctrl + Shift + X)
Search for "OxideKit"
Click Install
From Source
cd vscode-oxidekit
npm install
npm run compile
# Press F5 to launch Extension Development Host
Configuration
Setting
Default
Description
oxidekit.lsp.path
""
Path to oxide-lsp binary
oxidekit.lsp.trace.server
"off"
LSP trace level
oxidekit.preview.enabled
true
Enable live preview
oxidekit.comServer.autoStart
false
Auto-start dev server
oxidekit.diagnostics.deprecated
true
Show deprecation warnings
Development
Building
npm install
npm run compile
Testing
npm test
Packaging
npm run package
Architecture
The extension delegates all parsing, validation, and analysis to oxide-lsp, a Rust-native Language Server that shares code with the OxideKit compiler. This ensures:
