A UI component library, crafted precisely for Ruby devs who want to stay organized and build modern apps, fast. ✨ Use this to build your own component library 🛠️
RubyUI is a UI component library designed to let Ruby developers create modern, fast, and organized applications. 💎
- Built for Speed ⚡: RubyUI leverages Phlex, which is up to 12x faster than traditional Rails ERB templates.
- Stunning UI 🎨: Design beautiful, streamlined, and customizable UIs that sell your app effortlessly.
- Stay Organized 📁: Keep your UI components well-organized and easy to manage.
- Customer-Centric UX 🧑💼: Create memorable app experiences for your users.
- Completely Customizable 🔧: Full control over the design of all components.
- Minimal Dependencies 🍃: Uses custom-built Stimulus.js controllers to keep your app lean.
- Reuse with Ease ♻️: Build components once and use them seamlessly across your project.
- Find the perfect component 🔍: Browse live-embedded components on our documentation page.
- Copy the snippet 📋: Easily copy code snippets for quick implementation.
- Make it yours 🎨: Customize components using Tailwind utility classes to fit your specific needs.
bundle add ruby_uior add it to your Gemfile:
gem "ruby_ui"bin/rails g ruby_ui:installVisit https://ruby_ui.dev/docs/introduction to view the full documentation, including:
- Detailed component guides
- Themes
- Lookbook
- Getting started guide
RubyUI, powered by Phlex, outperforms traditional methods:
- Phlex: Baseline 🏁
- ViewComponent: 5.57x slower 🐢
- ERB Templates: 12.08x slower 🐌
Huge thanks to @KonnorRogers for running these tests 🙏
If you run into importmap issues this stackoverflow question might help: https://stackoverflow.com/questions/70548841/how-to-add-custom-js-file-to-new-rails-7-project/72855705
Licensed under the MIT license.
© 2024 RubyUI. All rights reserved. 🔒
