New Discussion

Notifications

You’re not receiving notifications from this thread.

Recommended UI component sets?

1
Rails

Our Rails codebase has been going strong for over 10 years now, but we're looking to upgrade the UI of our admin pages. These are all served as HTML snippets as always advocated by the Rails team (especially DHH). On the client side we're still using JQuery as well as jQuery components for rendering more feature rich UI controls, like a select box with search functionality (Chosen) or a date picker (Zebra date picker).

Now, we're looking to redesign the front-end. That's a good time to move away from jQuery. But what are currently considered good feature rich UI controls to use in combination with the Rails approach of generating HTML (snippets) on the backend?

It seems Webawesome (previously Shoelace) is a good step in that direction, but I'd already be missing the search functionality in a select control.

Also, I'm wondering what the 37Signals guys are using for applications like Hey. If they have any UI components available for use by the community, that might be interesting as well.

Any recommendations?

I’ve worked on a couple of Rails projects facing the same challenge—modernizing UI without drifting too far from the Rails philosophy of server-rendered HTML snippets. Moving away from jQuery is definitely the right call, especially since a lot of modern UI component libraries are lightweight, accessible, and don’t require a huge JavaScript framework.

A few good options you might want to check out:

Webawesome (formerly Shoelace), as you mentioned—solid for web components, but yes, its is still fairly limited. HTMX + Alpine.js combo works nicely with Rails and lets you keep the server-driven approach while sprinkling in interactivity. Tom Select is a great replacement for Chosen—it provides searchable, taggable selects without needing jQuery. Flatpickr is one of the best lightweight date pickers out there and integrates easily with Rails partials. As for what 37signals (Basecamp/HEY) is doing, they’ve been leaning heavily into Hotwire (Turbo + Stimulus), which might be worth exploring if you want to stay aligned with the Rails ecosystem. By the way, speaking of upgrading workflows, I’ve noticed that just like developers seek better UI component sets, students often look for reliable writing tools or college essay writing services to simplify their academic journey. If that’s of interest, here’s a useful resource: myassignmenthelp.com/college-essay-writing-service.html .

Join the discussion
Create an account Log in

Want to stay up-to-date with Ruby on Rails?

Join 92,170+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.