Hologram Gets Official VS Code Support

The new extension brings full syntax highlighting for HOLO templates to your editor.

If you've been writing Hologram templates in VS Code, you've been flying blind - plain text, no highlighting, no visual distinction between HTML fragments, Elixir expressions, and HOLO directives. That changes today.

The official Hologram extension for VS Code is now live.

What It Does

The extension provides full syntax highlighting for the HOLO template language in two contexts:

• ~HOLO sigils in .ex files
• .holo standalone template files

The extension covers the full HOLO syntax - HTML fragments, Elixir expressions, @vars, directives, component tags, event handlers, embedded <script> and <style> blocks, and more.

Getting Started

Install it from the VS Code Marketplace or search for "Hologram" in the Extensions panel.

An Elixir VS Code extension is recommended for full Elixir syntax highlighting inside templates, e.g. Expert LSP or ElixirLS.

Contributing

Got an idea or found a bug? Open an issue on the repo. Right now, the most helpful contributions are bug reports for syntax highlighting edge cases and ideas for new features.

If you'd like to contribute code, open an issue first to discuss the proposed change, then submit a focused PR.

What's Next

This is the first step toward a richer Hologram developer experience in VS Code. Next up is a HOLO template formatter. Further out, we're exploring ideas like a client-side time-travel debugger and other devtools - stay tuned.

Sponsors

I'd like to thank our sponsors whose support makes sustained development possible:

• Main Sponsor: Curiosum - ongoing sponsorship along with business insight and adoption guidance, helping shape Hologram's roadmap based on real-world production needs
• Milestones Sponsor: Erlang Ecosystem Foundation - milestone-based stipend, helping fund key development goals

Thanks also to our GitHub sponsors:

• Innovation Partner: Sheharyar Naseer (@sheharyarn)
• Framework Visionaries: @absowoot, Oban (@oban-bg), Lucas Sifoni (@Lucassifoni), Robert Urbańczyk (@robertu)

Stay in the Loop

Subscribe to the Hologram newsletter for monthly updates on new releases, features, and community news. You can also join the community to connect with other Hologram developers.

- Bart