Phoenix LiveView 1.0.0 is here

1. phoenix_live_view

   1 32 6,826 9.6 Elixir

   Rich, real-time user experiences with server-rendered HTML

   

   Thanks! This kind of thing was lacking for some time, and with the HEEx engine + function components released a couple years ago, we laid the groundwork for extensible component libs, and the community has put out some great options.

   We list half a dozen in the readme, with https://fluxonui.com/ being the most recent, and fully accessible. There is also one inspired by shadcn

   https://github.com/phoenixframework/phoenix_live_view?tab=re...

2. AppSignal

   www.appsignal.com sponsored

   Monitoring that respects your time & budget. APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product.

   

3. Elixir

   2 177 26,618 9.8 Elixir

   Simple from zero to scale

   

   By visiting https://new.phoenixframework.org/test-elixir-app, I could see the proper output: Application name must start with a letter and have only lowercase letters, numbers and underscore

   So I changed to test_elixir_app, and got this output:

     downloading https://github.com/elixir-lang/elixir/releases/download/v1.17.3/elixir-otp-27.zip

4. desktop

   3 13 1,802 7.0 Elixir

   Building Local-First apps for Windows, MacOS, Linux, iOS and Android using Phoenix LiveView & Elixir! (by elixir-desktop)

   

   https://github.com/elixir-desktop/desktop

   DockYard has built out LiveView Native which does a wild React Native style based on the LiveView server-rendered model.

5. asdf-erlang

   4 10 532 5.3 Shell

   Erlang plugin for asdf version manager

   

6. asdf-elixir

   5 7 527 3.1 Shell

   Elixir plugin for asdf version manager

   

7. paginator

   6 1 821 0.7 Elixir

   Cursor-based pagination for Elixir Ecto (by duffelhq)

   

   There are libraries for Ecto that help with this.

   https://github.com/duffelhq/paginator

8. electric

   7 39 10,352 9.8 TypeScript

   The agent platform built on sync.

   

   https://hexdocs.pm/electric_phoenix/Electric.Phoenix.html

   So you can have local-first sync in a Phoenix app using Electric. And you can use Electric to sync data into a LiveView using Phoenix.Streams, which is a very natural fit.

   We have a couple of example apps showing things in action:

   - https://github.com/electric-sql/electric/tree/main/examples/...

9. Kargo

   akuity.io sponsored

   Stop Scripting Promotions. Start Shipping with Kargo. Kargo automates promotion across dev, staging, and prod with approval gates and verification. Open source, built by the team behind Argo CD. Download now.

   

10. mise

    8 145 33,246 10.0 Rust

    dev tools, env vars, task runner

    

11. uPlot

    9 24 10,474 7.5 JavaScript

    📈 A small, fast chart for time series, lines, areas, ohlc & bars

    

    Thank you and the team for your hard work, and congratulations on the release!

    Suggestions for Demos:

    1.Charting Libraries Integration

    There’s currently a lack of demos showcasing LiveView integrated with powerful charting libraries like Apache ECharts, Plot, Chart.js, etc. A demo of a LiveView-powered dashboard using one of these libraries, connected to a database like SQLite (for simplicity) or DuckDB (for speed and demonstrating integrations beyond Ecto-native DBs), would be fantastic.

    Emphasizes interactivity: For example, demonstrate how a server-based LiveView can handle actions such as mouse hover on a chart to update tooltips/labels, click-and-zoom interactions, or connected charts with brush functionality.

    2.UI Component Libraries

    A demo showcasing robust integration with UI component libraries would also be valuable. Features like tables with pagination, sorting, filtering, and autocomplete/typeahead functionality within modals could be a strong focus.

    I’d suggest leveraging lightweight libraries like Flowbite or Preline, as they integrate seamlessly with Phoenix and rely on almost pure HTML and Tailwind for styling.

    For additional inspiration on speedy charting libraries, this resource might be useful:

    https://github.com/leeoniya/uPlot

12. tailwind-phoenix-starter

    10 5 48 3.7 HTML

    Free and open-source starter kit for Phoenix (Elixir), Tailwind CSS and Flowbite

    

Suggest a related project