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
- GitHub - bluzky/salad_storybook: Phoenix liveview components inspired by shadui · GitHub
- GitHub - bluzky/salad_ui: Phoenix Liveview component library inspired by shadcn UI · GitHub
Your contributions and feedbacks are welcome
Most Liked
bluzky
Update Oct 19th
I’m so excited to announce release new version of SaladUI with a huge thank to Selenil
-
In this version
SaladUIprovide 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-libconfigure SaladUI and use as a library -
mix salad.initconfigure SaladUI as a part of your project, then you can install only components that you want -
mix salad.addinstall 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:
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.togglechangepressedattribute →valueSelectchangeinstance→builderTab.tab_triggerchangerootattribute →builderand required exposing builder from thetabs
Popular in Announcing
Other popular topics
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #hex













