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

danschultzer
In short Plug n’ play OAuth 2.0 provider library. Just set up a resource owner schema with Ecto (your user schema), install the dependen...
New
tmbb
I’ve published the first version of my Makeup library. It’s a syntax highlighter for Elixir in the spirit of Pygments, Currently it highl...
New
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
hpopp
After just over two years in development, this latest version of Pigeon is what I finally consider done in regards to my original vision ...
New
Qqwy
TypeCheck: Fast and flexible runtime type-checking for your Elixir projects. Core ideas Type- and function specifications are const...
336 14534 100
New
tfwright
After working on it for a couple of months and using it in production for most of that time, today I’ve released LiveAdmin, a LiveView ba...
New
handnot2
Samly can be used to enable SAML 2.0 Single Sign On in a Plug/Phoenix application. This library uses Erlang esaml to provide plug enabl...
New
devonestes
Introducing assertions, the library that helps you write really great test assertions! GitHub: GitHub - devonestes/assertions: Helpful a...
New
mattludwigs
Grizzly is a library for working with Z-Wave devices. Z-Wave is a low-frequency radio protocol for controlling smart home devices on a me...
New
New

Other popular topics Top

AstonJ
Posting this to see if we can make things easier for people to get into Neovim. If you use Neovim and have a favourite distro please let ...
New
marius95
Hello everyone, I try to use an Javascript Event Handler in my root.html.leex file. Therefore I created a function in the app.js file: ...
New
TunkShif
This post is an instruction guide to help you setup your Neovim for Elixir development from scratch. It includes general information on h...
274 42158 114
New
baxterw3b
Hi guys, i’m new in the Elixir world, and i have to say, that i love it! i’m having some problem to understand anonymous functions with ...
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
greenz1
I have a phoenix application from which a user can download multiple(5-6) files of size 1MB. I couldn’t find anything related to sending ...
New
ovidiubadita
Hey all, I discovered Elixir and I love it. I always wanted to learn a functional programming and I intended to go for Haskell, but afte...
New
johnnyicon
Hi all, I’ve just started learning Elixir and Phoenix Framework, so please pardon my n00bness at this stage. I’m trying to use Postgres...
New
shijith.k
I am trying to start a new phoenix project with elixir 1.9, but mix phx.new does not work. It says that ** (Mix) The task "phx.new" could...
New
jaysoifer
Is there a way to rollback a specific migration and only that one (“skipping” all the other ones)? Would mix ecto.rollback -v 200809061...
New

We're in Beta

About us Mission Statement