bluzky
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
And github repos
Your contributions and feedbacks are welcome
Where Next?
Trending in Announcing
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Bringing learning, work and compliance together since 1987.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixirconf-us
- #ai
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Practical resources that improve the lives of professional developers.
Bringing learning, work and compliance together since 1987.
**Building the future of software with AI, trust, and human connection.**
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 10- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
tcoopman
Looks really nice. Great work!
sucipto
Wow, nice, and it’s only use JS from liveview. Great work!!!
egze
Looks great!
Small feedback for the dropdown menu: there is a delay between the click and when content appears. Would be nice to have it instant.
c4710n
Nice work!
bluzky
Yeah, I think it would be better not to add more dependencies. But some components are really hard to implement without using custom JS, so I have to skip them at this time.
bluzky
Thanks for your feedback. I think it’s because of the animation. Maybe I can tweak it a little.
bluzky
Update 05/30/2024
I’ve already added select component. It doesn’t behave the same with built-in select, but it looks better ha.
There are lots of challenge to implement client side select with LiveView.
Check it here: Salad UI - Select
Do you have any suggestion to improve it?
tcoopman
Just tried it and it flickers on mobile Firefox when you select an item.
LostKobrakai
Enter seems to open the select, but otherwise keyboard navigation doesn’t seem to be working.
bluzky
Thanks for your feedback