Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>HTMX AttributesNew to Visual Studio Code? Get it now.
HTMX Attributes

HTMX Attributes

Craig R Broughton

|
7,514 installs
| (2) | Free
HTMX attribute support for VSCode, enabling your HTMX workflow
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

htmx-attributes

HTMX attribute support for VSCode, enabling your HTMX workflow. HTMX attributes are currently supported in:

  • HTML
  • Astro
  • JSX
  • TSX
  • Go (via Templ)
  • Rust (have tested with Warp + Tokio + Askama, see tests folder)
  • Gleam (via Matcha)
  • PHP (Not extensively tested, but seems to work fine)
  • Python (not personally test, but added with this PR)

Contributions

To contribute a language, do the following:

  • Copy over the existing snippet examples:
    • The 'core' snippet feature HTMX's core attributes.
    • The 'add' snippet features HTMX's additional attributes.
  • Rename the files with the language you wish to support (htmx-add-elixir.json as an example)
  • Make an entry in the package.json file for your language of choice for both snippet files.
  • Make any required adjustments to the snippets for your language.
  • Create a test file in the tests folder; This is purely for manual testing before you raise a PR.
  • Include an appropriate changeset for your modification before raising a PR.

To install dependencies (ensure you have vsce installed):

bun install

To build the extension and test it:

bun run build

This project was created using bun init in bun v1.0.14. Bun is a fast all-in-one JavaScript runtime.

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