Frontend and site tooling for Elixir and Phoenix that runs inside the BEAM. Build JavaScript, TypeScript, Vue, Tailwind CSS, npm packages, Iconify SVGs, and content sites from Elixir — without managing Node.js toolchain processes in your app.
These packages are the frontend half of a larger thesis — a web stack where the toolchain, the runtime, and the app share one observable machine: builds rebuild in milliseconds, browser console errors land in your server logs, and JavaScript runs as supervised processes. The full picture lives in Building Blocks for the Future Web.
mix igniter.install volt
mix phx.serverVolt is the center of the stack: a Vite-level asset pipeline with dev server, HMR, Tailwind, production builds, and framework support powered by Rust NIFs and embedded JavaScript runtimes.
| Project | What it does | Hex |
|---|---|---|
| volt | Elixir-native frontend build tool: dev server, HMR, Tailwind CSS, JS/TS, Vue/Svelte/React/Solid, production builds |  |
| Project | What it does | Hex |
|---|---|---|
| astral | Volt-powered site generator for Elixir: Markdown, .astral HEEx templates, content collections, routes, images, feeds, sitemaps, and islands |
 |
| Project | What it does | Hex |
|---|---|---|
| phoenix_iconify | Compile-time discovered Iconify SVG components for Phoenix and LiveView: <.icon name="lucide:settings" /> |
 |
| iconify | Core IconifyJSON parser, fetcher, alias resolver, transformer, and SVG renderer for Elixir |  |
| phoenix_vapor | Vue templates compiled to native %Phoenix.LiveView.Rendered{} structs |
 |
| Project | What it does | Hex |
|---|---|---|
| oxc | JS/TS parsing, transforming, bundling, formatting, linting, and minification through OXC |  |
| vize | Vue SFC compilation, Vapor IR, and CSS tooling through Vize |  |
| oxide_ex | Tailwind CSS content scanning and candidate extraction through Tailwind Oxide |  |
| quickbeam | QuickJS runtime for the BEAM with Web APIs backed by OTP |  |
| npm | npm package resolution and installation from Elixir |  |
| npm_semver | npm-compatible semantic version ranges for Elixir |  |
Elixir app
├── astral — sites and publishing: pages, Markdown, content, images, feeds, islands
├── volt — asset pipeline, dev server, HMR, production builds
│ ├── oxc — JS/TS compilation and linting
│ ├── vize — Vue SFCs and CSS tooling
│ ├── oxide_ex — Tailwind content scanning
│ ├── quickbeam — embedded JS runtime for tools
│ └── npm — package resolution and install
├── phoenix_iconify — server-rendered Iconify SVG components
│ └── iconify — IconifyJSON parsing and SVG rendering
└── phoenix_vapor — Vue templates → %Phoenix.LiveView.Rendered{}
├── vize — Vapor IR compilation
└── quickbeam — JS expression evaluation
Phoenix apps should not need a pile of external watchers, binaries, and JavaScript toolchain glue to get modern frontend ergonomics. Elixir Volt packages keep the toolchain close to the app, supervised by the BEAM, configurable with Elixir, and easy to compose with Phoenix.
The deeper argument — why the toolchain belongs inside the VM, how this composes with Elixir Vibe's analysis stack and OpenPencil, and where it's going — is written up as a living standard: Building Blocks for the Future Web.
