Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Duck Programming Language (DPL)New to Visual Studio Code? Get it now.
Duck Programming Language (DPL)

Duck Programming Language (DPL)

Nahin Ur Rashid Durjoy

| (1) | Free
Language support for Duck Programming Language (DPL) — syntax highlighting, LSP diagnostics, autocompletions, and hover documentation.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Duck Programming Language (DPL) — VS Code Extension

Official Visual Studio Code & Open VSX extension for Duck Programming Language (DPL) — a modern Web Description Language (WDL) compiler targeting clean HTML, CSS, and reactive JS.


Features

  • 🎨 Syntax Highlighting: Full language support for .duck source files.
  • ⚡ Language Server Protocol (LSP): Real-time diagnostics, hover info, type checking, and smart autocompletions for keywords, layout tags, state variables, and components.
  • 🚀 Live Preview & Server Integration: Full integration with the Duck Dev Server for instant SSE live reloads.

Getting Started

  1. Create a file named app.duck.
  2. Add your DPL code:
page MyApp
  title: "My First Duck App"
  theme: light

  state count = 0

  layout Main
    card
      heading "Hello Duck!"
      text "Counter Value: {count}"
      button "Increment" variant: primary, click: count++
  1. Run the Duck Dev Server:
npm run dev

License

MIT License

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