VS Code Extensions
Duck Programming Language (DPL)

Duck Programming Language (DPL)

by duck-lang

Language support for Duck Programming Language (DPL) — syntax highlighting, LSP diagnostics, autocompletions, and hover documentation.

Downloads

0

Rating

5.0 / 5 (1)

Version

0.1.3

Last updated

Aug 01, 2026

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

Related extensions