surface VS Phoenix

Compare surface vs Phoenix and see what are their differences.

surface

A server-side rendering component library for Phoenix (by msaraiva)
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
surface Phoenix
11 111
1,994 20,600
0.6% 0.4%
7.9 9.3
5 days ago 2 days ago
Elixir Elixir
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

surface

Posts with mentions or reviews of surface. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-06-04.
  • htmlgui.nvim - Create html + css + lua apps with neovim as 'browser'. ( proof of concept )
    2 projects | /r/neovim | 4 Jun 2023
    I should have been more clear that my intent was to create/use a compiler for some kind of component syntax. There are lots of them, from Surface (Elixir), Blade (PHP/Laravel), and JSX (React, Vue, Etc)
  • Would you still choose Elixir/Phoenix/LiveView if scaling and performance weren’t an issue to solve for?
    3 projects | /r/elixir | 7 Mar 2023
  • Why I selected Elixir and Phoenix as my main stack
    36 projects | dev.to | 21 Jan 2023
    There I learned more deeply about LiveView and Surface UI.
  • Something similar to Vuetify for Phoenix LiveView?
    2 projects | /r/elixir | 3 Dec 2022
    I think Surface is the ideal candidate for this. But it doesn’t have the components you are looking for but you can build anything with it. Hopefully, in future we can have set of headless components built using Surface 🤞
  • Single source of truth with Phoenix LiveView
    1 project | dev.to | 7 Sep 2022
    I have worked with Phoenix LiveView and Surface-UI for about a year; I would like to share some of the things I learned the hard way.
  • Course/Extensive tutorials for Phoenix 1.6?
    2 projects | /r/elixir | 26 Dec 2021
    This is just an idea, but what about implementing using Phoenix.View(via use MyAppWeb, :view in your module)? Then assign I think has access to @conn. Then maybe work some magic to still allow Phoenix.Component syntax - but at this point, this is something I believe is a flow that might be in development. Try investigating / asking in Surface, because that is a lot more similar to React in its approach. In fact, I think Surface is where more aggressive features are pushed out, and ironed-out features get included into Phoenix. This was the case for Phoenix.Component, and HEEX.
  • Porting files generated by phoenix to surface
    1 project | dev.to | 27 Oct 2021
    This post is intended to get you started with surface provided components. I provided the original code and surface versions so you can compare the differences yourself without installing anything. After installing surface following the installation guide https://surface-ui.org/getting_started add surface_bulma in your mix.exs, this will allow you to use the table component.
  • We Got to LiveView
    19 projects | news.ycombinator.com | 22 Sep 2021
    I totally get the "Am I doing this the right way?" feeling, especially coming from Rails where everything was so opinionated and wanting to stay idiomatic.

    Phoenix, while it does have opinions, is far less opinionated in the sense that it doesn't do it darndest to force you into certain conventions (for example, if your module name doesn't match your file name, Phoenix won't complain). Its generators do try and push you toward using good DDD practices (which is my opinion is a GREAT thing), but of course the generators are completely optional.

    I don't have experience writing large LiveView apps but I would say that if you are familiar with any component-based frameworks (like React), I would take a look at SurfaceUI[1]. It simplifies a few "gotchas" in LiveView (though I would say they are very minor gotchas and worth learning about at some point) and gives you a component-rendering syntax more like React. Once you get going, you'll learn that LiveView doesn't have all the headaches that come with bigger React apps (like having to memoize functions or comparing props to avoid a re-render and whatnot). The recent release candidate for Phoenix 1.6 has made strides for a cleaner component syntax, but if you're having trouble with LiveView, Surface might bring some familiarity.

    [1] https://github.com/surface-ui/surface

  • Phoenix 1.6.0-RC.0 Released
    3 projects | news.ycombinator.com | 27 Aug 2021
    Have you seen Surface UI? Pretty cool. Collection of LiveView components. https://surface-ui.org/
  • Surface UI – A server-side rendering component library for Phoenix
    1 project | news.ycombinator.com | 1 Apr 2021

Phoenix

Posts with mentions or reviews of Phoenix. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-03-14.
  • Idempotent seeds in Elixir
    2 projects | dev.to | 14 Mar 2024
    A standard Phoenix app contains a priv/repo/seeds.exs script file, which populates a database when it is run, so that developers can work with a conveniently prepared environment.
  • Ask HN: Did you encounter any Leap Year bugs today? How bad was it?
    4 projects | news.ycombinator.com | 29 Feb 2024
    There was one in the Phoenix Framework (Elixir) about issuing certificates with an invalid end date: https://github.com/phoenixframework/phoenix/issues/5737

    Interestingly, Azure had this bug some years ago too leading to an outage. https://azure.microsoft.com/en-us/blog/summary-of-windows-az...

  • Aplicando MVVM en Phoenix LiveView
    4 projects | dev.to | 1 Feb 2024
    Official website: https://www.phoenixframework.org/
  • Things I like about Gleam's Syntax
    4 projects | news.ycombinator.com | 26 Oct 2023
    Since you mention Rails, have you seen https://www.phoenixframework.org/
  • Building Apps with Tauri and Elixir
    14 projects | dev.to | 19 Oct 2023
    Thus, we set out to build a desktop application using a LiveView from the Phoenix Framework in Elixir. For the uninitiated, a LiveView is a process that receives events, updates its state, and renders updates to a page as diffs. The LiveView programming model is declarative: instead of saying “once event X happens, change Y on the page”, events in LiveView are regular messages which may cause changes to its state.
  • Has anybody compared Phoenix Framwork vs. Blazor?
    1 project | /r/Blazor | 11 Oct 2023
    It seems though like Phoenix is similar like Blazor Server (using web socket), but Phoenix is: SEO friendly (first render is plain html) Light weight, scales well and concurrency is first class Easy to develop (runs a local server so you see live updates) Compiled With auth out of the box https://www.phoenixframework.org/
  • Ask HN: Why isn't Phoenix/Elixir more mainstream?
    4 projects | news.ycombinator.com | 29 Sep 2023
    Sorry to hear this. Phoenix v1.7 changed how it structures files in disk and that broke quite some of the getting started material. However, the guides are always kept up to date, so you can give it a try: https://hexdocs.pm/phoenix/overview.html

    You can also see the resources on this page listed by year: https://github.com/phoenixframework/phoenix/blob/main/guides... - the recent launched ones are most likely up to date.

  • Emoji Generator with AI
    2 projects | news.ycombinator.com | 8 Sep 2023
    Yes! I love Elixir :) [Phoenix LiveView](https://www.phoenixframework.org/) is really amazing. I feel so fast working in it. I got hooked after watching Chris McCord's ['Build a real-time Twitter clone in 15 minutes'](https://www.youtube.com/watch?v=MZvmYaFkNJI&embeds_referring...), and things have improved a lot since then.
  • Ask HN: What's the best modern back end?
    1 project | news.ycombinator.com | 28 Aug 2023
    I still work on a lot of Java projects. As of JDK 17 Java has most of "ML the good parts" and has the same scalable, reliable and high-performance threading Java is famous for. JAX-RS provides a Sinatra style framework that makes it easy to write JSON API back ends. JDK 21 is just about to come out as a long term supported version and it will be even better.

    I do my side projects in Python with aiohttp and think it is a lot of fun even though people tell me it is suicide (I guess if you block the thread you are in trouble)

    I think "Next.js" really wants a node.js backend which has the big advantage that you can share code with the front end and back end. It's basically single-threaded but I know people who are happy with it.

    The system I'd most like to try is

    https://www.phoenixframework.org/

    which is just great if you want to do stuff with websockets that is more interactive than what most people are doing.

  • Ask HN: Leetcode for Back End and Server Development
    4 projects | news.ycombinator.com | 11 Jul 2023

What are some alternatives?

When comparing surface and Phoenix you can also consider the following projects:

react_phoenix - Make rendering React.js components in Phoenix easy

Django - The Web framework for perfectionists with deadlines.

torch - A rapid admin generator for Elixir & Phoenix

sugar - Modular web framework for Elixir

phx_component_helpers - Extensible Phoenix liveview components, without boilerplate

hotwire-rails - Use Hotwire in your Ruby on Rails app

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

kitto - Kitto is a framework for interactive dashboards written in Elixir

Raxx - Interface for HTTP webservers, frameworks and clients

trot - An Elixir web micro-framework.

plug - Compose web applications with functions

RIG - Create low-latency, interactive user experiences for stateless microservices.