Phoenix is the most loved web framework for the second year in a row. See results

Peace of mind from prototype to production

Build rich, interactive web applications quickly, with less code and fewer moving parts. Join our growing community of developers using Phoenix to craft APIs, HTML5 apps and more, for fun or at scale.

Get started

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
defmodule TimelineLive do
  use Phoenix.LiveView

  def render(assigns) do
    ~H"""
    <div class="timeline">
      <div :for={{id, tweet} <- @streams.tweets} id={id}>
        <img src={tweet.avatar_url} class="tweet-avatar" />
        <p class="tweet-username">@{tweet.username}</p>
        <p class="tweet-body">{tweet.body}</p>
      </div>
    </div>
    """
  end

  def mount(_, _, socket) do
    Twitter.subscribe("elixirphoenix")
    {:ok, stream(socket, :tweets, [])}
  end

  def handle_info({:new, tweet}, socket) do
    {:noreply, stream_insert(socket, :tweets, tweet, at: 0}
  end
end

https://my-phx-app.com

@seradio
Episode 394: Chris McCord on Phoenix LiveView

Phoenix LiveView

The most fun you'll ever have building interactive web applications – without the complexity.

Try it now:

Install the Elixir programming language
Install the Phoenix project generator and create your project
```
mix archive.install hex phx_new
mix phx.new demo
```
See complete installation instructions

Everything you need to ship it

Real-time

Interact with users and push events, across one or dozens of nodes, by using our built-in PubSub, and Channels.

Authentication

Run mix phx.gen.auth for full-featured authentication that grows with your application.

GraphQL & JSON APIs

Build scalable GraphQL apps with Absinthe , or use our built-in JSON support for world class APIs.

Docker Ready

Package your app and (optionally) generate a Dockerfile for hassle-free deployment, wherever you choose to run your apps.

Metrics

Built-in instrumentation and a live dashboard gives you insight into your applications. Monitor performance and diagnose issues right within your app.

Scalable

Phoenix runs on the Erlang VM with the ability to handle millions of WebSocket connections alongside Elixir's tooling for building robust systems.

Presence

Know who is connected right now, across one or dozens of nodes, by using our built-in Presence. No dependency required.

Database

Ecto is a lean interface around your database, focused on productivity and long-term maintainability. Postgres, MySQL, SQLite, and SQL Server built-in.

The best of front-end and backend in your HTML

HEEx (HTML + Embedded Elixir) is a performant templating language with support for reusable components.

Reusable Components

A natural syntax for encapsulating your HTML into functional and reusable building blocks

Compiler Checks

Declare attributes and slots for your components and get immediate feedback right in your editor – say goodbye to typos and guesswork

Built-in Formatting

Format your whole codebase with a single command – whether writing Elixir or HTML. Forget tedious fiddling with copy/pasted blocks of code.