Phoenix liveview UI(components) suggestions?

Hello everyone, I’m pretty new to Phoenix, so bear with me here

I am creating a phoenix liveview project and would like some advice on which ui is the best to use. There is an option of using phoenix storybook and surface ui, however when I tried surface ui it gave me an installation error.

* patching lib/alex_web.ex
** (FunctionClauseError) no function clause matching in Sourceror.Zipper.down/1    
    
    The following arguments were given to Sourceror.Zipper.down/1:
    
        # 1
        nil
    
    Attempted function clauses (showing 1 out of 1):
    
        def down(%Sourceror.Zipper{node: tree} = zipper)
    
    (sourceror 0.13.0) lib/sourceror/zipper.ex:107: Sourceror.Zipper.down/1
    (surface 0.11.0) lib/mix/tasks/surface/surface.init/ex_patcher_move.ex:129: Mix.Tasks.Surface.Init.ExPatcher.Move.last_arg/1
    (surface 0.11.0) lib/mix/tasks/surface/surface.init/ex_patcher_move.ex:135: Mix.Tasks.Surface.Init.ExPatcher.Move.body/1
    (surface 0.11.0) lib/mix/tasks/surface/surface.init/ex_patcher.ex:82: Mix.Tasks.Surface.Init.ExPatcher.move/2
    (surface 0.11.0) lib/mix/tasks/surface/surface.init/file_patchers/phoenix.ex:158: Mix.Tasks.Surface.Init.FilePatchers.Phoenix.append_def_to_web_module/3
    (surface 0.11.0) lib/mix/tasks/surface/surface.init/patcher.ex:113: Mix.Tasks.Surface.Init.Patcher.run_patch_funs/4
    (surface 0.11.0) lib/mix/tasks/surface/surface.init/patcher.ex:28: anonymous fn/3 in Mix.Tasks.Surface.Init.Patcher.patch_file/3
    (elixir 1.15.4) lib/enum.ex:2510: Enum."-reduce/3-lists^foldl/2-0-"/3
    (surface 0.11.0) lib/mix/tasks/surface/surface.init/patcher.ex:27: anonymous fn/3 in Mix.Tasks.Surface.Init.Patcher.patch_file/3
    (surface 0.11.0) lib/mix/tasks/surface/surface.init/patcher.ex:148: Mix.Tasks.Surface.Init.Patcher.log/3
    (elixir 1.15.4) lib/enum.ex:1693: Enum."-map/2-lists^map/1-1-"/2
    (elixir 1.15.4) lib/enum.ex:1693: Enum."-map/2-lists^map/1-1-"/2
    (surface 0.11.0) lib/mix/tasks/surface/surface.init/project_patcher.ex:19: Mix.Tasks.Surface.Init.ProjectPatcher.run/2
    (surface 0.11.0) lib/mix/tasks/surface/surface.init.ex:124: Mix.Tasks.Surface.Init.run/1
    (mix 1.15.4) lib/mix/task.ex:447: anonymous fn/3 in Mix.Task.run_task/5
    (mix 1.15.4) lib/mix/cli.ex:92: Mix.CLI.run_task/2
    /usr/local/bin/mix:2: (file)
    (elixir 1.15.4) lib/code.ex:1435: Code.require_file/2

Any help would be greatly appreciated and if you know any ui that would be great to use please let me know. Thank you!
@chrismccord @cblavier

How about:

3 Likes

There’s also HyperUI which is Free Open Source and has a lot of components as well

3 Likes