Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Mango UI DSLNew to Visual Studio Code? Get it now.
Mango UI DSL

Mango UI DSL

mangofn

|
13 installs
| (1) | Free
Syntax highlighting and language support for Mango UI DSL
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Mango UI DSL Extension

A Visual Studio Code extension that provides syntax highlighting and language support for the Mango UI DSL (Domain Specific Language).

Features

  • Syntax Highlighting: Full syntax highlighting for Mango UI files (.mango)
  • Auto-indentation: Smart indentation for block structures
  • Bracket Matching: Automatic bracket pairing and matching
  • Word Selection: Intelligent word boundary detection
  • Color Recognition: Syntax highlighting for hex colors and named colors

Example

window "My App" 600 400 "icon.png" {
    text "Welcome to Mango UI!" {
        fontsize: 40
        color: #ff00ff
        textalign: center
    }
    
    row {
        margin: 20
        
        button "Click me" {
            bgcolor: red
            width: 200
        }
        
        checkbox "Enable feature" {
            margin: 10, 0
        }
    }
}

Requirements

  • Visual Studio Code 1.102.0 or higher

Release Notes

0.0.1

  • Initial release with basic syntax highlighting for Mango UI DSL
  • Support for all core UI elements and properties
  • Auto-indentation and bracket matching
  • Color highlighting for hex and named colors

Enjoy coding with Mango UI! 🥭

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft