bluzky

bluzky

SaladUI - Phoenix liveview components inspired by shadui

You may know https://ui.shadcn.com/, a UI component library for React. I really love it’s design style and components. I’ve built some components for my project GitHub - bluzky/orangecms: Admin interface for your static site · GitHub.

I was thinking of reimplement these components as a library. And after a few weeks, here is some thing I can show you guys.

A demo worth thousands of words

https://salad-storybook.fly.dev

And github repos

Your contributions and feedbacks are welcome

14212 119

Most Liked

bluzky

bluzky

Update Oct 19th

I’m so excited to announce release new version of SaladUI with a huge thank to Selenil

  • In this version SaladUI provide 2 mix tasks that help you to configure library quickly with a single command instead of manually making change to bunch of files.

  • Mix task also allows you to install only components that you need, as a part of your project, so you can easily customize components the way you want.
    Here is the usage:

  • mix salad.init --as-lib configure SaladUI and use as a library

  • mix salad.init configure SaladUI as a part of your project, then you can install only components that you want

  • mix salad.add install one or more components to your project

Thanks all contributors that make this release happen.

Release v0.9.0

  • @ashkan117: fix: Explicitly include the attributes to avoid lsp warning
  • @selenil: feature: :rocket: Add mix task for init & install salad_ui components
  • @forest: fix input warning
  • @bluzky: fix overriding input name/value not working
  • @bluzky: feature: Add support for custom error translation function
bluzky

bluzky

Update Oct 5th

Hi guy, I’m happy to show you some updates from SaladUI.
I’ve added a demo for using SaladUI input components in form.
https://salad-storybook.fly.dev/examples/form_demo

Release v0.8.0

  • Add support Form.Field for all input components

Breaking changes
This version introduce some change to unify interface and term for some components:

  • Toggle.toggle change pressed attribute → value
  • Select change instancebuilder
  • Tab.tab_trigger change root attribute → builder and required exposing builder from the tabs

Where Next?

Popular in Announcing Top

jakub-zawislak
Hi everyone, I’m coming from the Symfony (PHP) framework. I like Phoenix, but it has a one thing that was build much better in the Symfo...
New
Crowdhailer
I have been updating a library that allows you to pipe between functions that use the erlang result tuple convention. Assuming you have ...
New
tmbb
I’ve been working on two packages (not on hex.pm yet) to build admin interfaces for phoenix apps: bureaucrat - which contains a bunch ...
New
mtrudel
Bandit is an HTTP server for Plug and WebSock apps. Bandit is written entirely in Elixir and is built atop Thousand Island. It can serve...
New
bryanjos
Hi, I wanted share a small library we at Revelry Labs made for rendering react components from the server side. There are instructions fo...
New
Eiji
ExApi is a library that I’m developing now and hope release soon This library will allow to: list all apis list all api implementation...
New
treble37
Just looking for a little feedback on a tiny helper library I built - Sometimes I find the need to convert maps with atom keys to maps w...
New
Hal9000
Here is my first stab at this. README pasted below. https://github.com/Hal9000/elixir_random Comments and critiques are welcome. Thank...
New
scohen
Lexical Lexical is a next-generation language server for the Elixir programming language. Features Context aware code completion As-you...
New
tmbb
I’ve decided to create this topic to discuss optimization possibilities for something like Phoenix LiveView. I’ve created this topic unde...
144 10483 141
New

Other popular topics Top

sorentwo
Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...
985 43657 311
New
lessless
I believe there are people here who are dealing with CSV files import on the daily basis, and since Excel is a really popular tool there ...
New
sen
Hi All, I set a environment variables in dev.exs , like below code. when i start server, how can i set the ${enable} value? thanks. d...
New
jerry
Good day to you all. I have been struggling to get a query involving like and ilike to work. Can anyone assist me on this, please? pro...
New
AngeloChecked
What learn first? Rust or Elixir Hi Elixir community! I’m here because i want learn a new language. I’m a junior developer and mainly i ...
New
jay1
Why is it that the mnesia database isn’t the most preferred database for use in Elixir/Phoenix?
New
SoCreat
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
New
bsollish-terakeet
Credo is smart enough to check for (something like) this: assert length(the_list) == 0 with this response: Checking if an enum is empt...
New
rms.mrcs
Hi, I need to transform a list of numbers into a map where the keys are the indexes and the values are the original values of the list. ...
New
PeterCarter
There are pre-rolled solutions for other frameworks that do work. However, Phoenix does not seem to have these. Have people had good expe...
New

We're in Beta

About us Mission Statement