Official Visual Studio Code extension for JELLIX (.jel / .jelll) — the single-file multi-language WebAssembly compiler.
Features
Multi-Language Embedded Syntax Highlighting: Seamlessly highlights embedded C/C++, Rust, Zig, TypeScript, TSX, CSS, and HTML within a single .jel file.
Productivity Snippets: Instant boilerplate generation for templates and individual language blocks.
Seamless JELLIX Integration: Designed to work directly with the jellix CLI compiler and development server.
Supported Language Blocks
Block
Highlight Grammar
Purpose
lang.c { ... }
C / C++ (C++20)
Low-level memory & SIMD kernels
lang.rs { ... }
Rust
High-performance logic & math
lang.zig { ... }
Zig
Systems computing & physics
lang.ts { ... }
TypeScript
Web APIs, Web Audio, Canvas
lang.tsx { ... }
TSX / React
Declarative UI components
lang.css { ... }
CSS
Injected styling
lang.html { ... }
HTML
Injected DOM layout
Built-in Snippets
Type the following prefixes inside any .jel file and press Tab or Enter:
Prefix
Description
Generated Code
jel-template
Full JELLIX Starter
Generates a complete working C + Rust + CSS + HTML + TS template
lang-c
C Language Block
lang.c { extern "C" { ... } }
lang-rs
Rust Language Block
lang.rs { #[no_mangle] pub extern "C" fn ... }
lang-zig
Zig Language Block
lang.zig { export fn ... }
lang-ts
TypeScript Block
lang.ts { ... }
Getting Started
1. Install JELLIX CLI
npm install -g jellix
jellix --setup
2. Create a .jel File
Open VS Code, create app.jel, type jel-template, and press Enter.
3. Run Development Server
Open the integrated terminal in VS Code (Ctrl + ~) and run:
