bartblast
š Hologram - An Isomorphic Elixir Web Framework is Here!
Hey Elixir community! ![]()
First, I owe you all an apology. Thereās a running joke among my friends that Hologram is like nuclear fusion or fully autonomous Tesla cars - always ācoming very soonā¢ā
. While Iāve been telling many of you earlier dates, life had other plans.
I want to be transparent with you - the past two years have been incredibly challenging for me health-wise. I went through three surgeries, and from January to July, I was bedridden and unable to walk. It completely turned my life and work upside down. But Iām back now, stronger than ever, and ready to finally share Hologram with you!
Whatās Hologram?
Hologram is an isomorphic web framework that runs as your frontend layer in Elixir projects. While it requires Phoenix to run, you can use it with other backend solutions like Ash (HASH stack, anyone?
). What makes it special? Iāve rebuilt it from the ground up with the ambitious goal of supporting 100% of Elixir syntax eventually.
Current Requirements
- Elixir 1.13.4 - 1.17.3
- OTP 22.3 - 27.1
(Other versions might work too, but they havenāt been tested yet)
Letās Talk About the Current State
I want to be upfront about some current limitations and quirks:
- While we donāt have 100% Elixir syntax coverage yet, whatās implemented lets you fully experience Hologramās programming model.
- Live reloading is a bit moody right now - if you run into issues, try restarting the server or deleting the _build directory.
- Bundle sizes are currently larger than theyāll eventually be. The transpiled code is intentionally verbose for easier debugging.
- Compilation is taking its time because everything recompiles on any change. We had incremental compilation before, but I temporarily removed it for better debugging.
- Rendering is currently slower than planned due to full page rerenders on component state changes and a temporary bitstring implementation (yes, weāre using integer arrays for bits right now
).
Whatās Next?
Iām working on Hologram full-time for the next couple of months, focusing on:
- Addressing all the limitations mentioned above
- Implementing cookies and session support
- Porting the remaining Erlang functions to JS
- Adding tons of optimizations
I believe weāll be production-ready in a few months. Iāve spent the past months sharpening the saw, and now Iām all in!
How Can You Help?
The best help right now would be:
- Play with Hologram and report any bugs you find
- Share your feedback and experiences
- Stay tuned for coding tasks if youād like to contribute directly
Got questions? Create a topic in our Hologram Forum - Iām there daily, and your questions will help shape the documentation!
New Website! 
Check out the new Hologram website! (Desktop users, you might want to disable f.lux or similar tools for an hour to get the full experience
)
Special Thanks 
A massive thank you to everyone who reached out, showed interest, and cheered me on during this journey. And the most special thanks goes to Emilia
- without you, I donāt know how I would have made it through those bedridden months. Youāre amazing!
Spread the Word!
If youāre excited about Hologram, please share this announcement with your network! Letās get more eyes on this project and build something amazing together.
Letās make web development in Elixir even more awesome! ![]()
P.S. Remember, this is just the beginning. The current quirks will be resolved soon, and I canāt wait to see what youāll build with Hologram!
Website: https://hologram.page/
Most Liked
zachdaniel
Setup was easy, seems pretty clear how one might leverage Ash inside of commands ![]()
No notes really
Wish I had a bit more time to tinker, but I donāt see any challenges to folks using Ash with Hologram as it stands now.
At some point I think a super power might be declarative modeling data sources for pages, and how commands affect that data. Iāve got some ideas for a ādata pipelineā concept that might slot well into Hologram some day ![]()
bartblast
Thank you so much, @jam! ![]()
-
The rest of the documentation is in progress, and Iām thrilled to share that the brand new
Actionsdocs page is now live: Actions. It covers how actions work in various scenarios, and Iāll be finishing theCommandsdoc page soon as well. -
Noted! Iāll definitely consider adding some simple app examples like a todo app or a basic chat to help illustrate the frameworkās capabilities.
-
Hologram features a Context API and will include something akin to LiveViewās sticky components. Additionally, components can access session, cookies, database, filesystem, etc., during the initial server render. Given this, do you still see a need for a global state on the client-side?
-
Absolutely! I plan to provide wrappers for Web APIs in Hologram. Regarding client-side databases, I envision a solution using indexedDB underneath that can automatically sync with the server database when online, allowing for offline work as well. The ultimate goal of Hologram is to enable a single codebase that can be deployed across multiple platforms: web, mobile and desktop.
AstonJ
Congrats on the launch Bart! ![]()
Itās great to see the Elixir ecosystem expanding, and in a way where new tools like Hologram are designed to work with stalwarts like Phoenix ![]()
Btw a quick easy way to link to the Hologram forum is forum.elixirforum.com/hologram ![]()
Iām also sorry to hear youāve been poorly, I wish you a continued speedy recovery and you and Hologram all the very best for 2025!
Popular in News & Updates
Other popular topics
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #hex










