RubyUI（前身为PhlexUI）：Ruby 的 RubyUI 组件 gem 包

RubyUI（前身为PhlexUI）：Ruby 的 RubyUI 组件 gem 包
RubyUI (Former PhlexUI): Ruby Gem for RubyUI Components

原始链接: https://github.com/ruby-ui/ruby_ui

RubyUI 是一套易访问、可定制且开源的 UI 组件，旨在加快 Rails 开发速度。与组件库不同，它提供可直接复制粘贴并整合到您项目中的代码片段。RubyUI 基于 Phlex 构建，性能卓越，比传统的 ERB 模板快高达 5 倍。它提供以客户为中心的 UX 体验，并拥有令人惊艳的简洁 UI 元素。其主要功能包括：易于重用、通过自定义 Stimulus.js 控制器实现最少依赖、以及包含实时组件预览的详尽文档。安装非常简单，只需一个 gem 命令和一个 Rails 生成器即可生成组件。RubyUI 优先考虑代码组织、使用 Tailwind 实用工具类的可定制性以及对代码库的控制。该项目采用 MIT 许可证，您可以随意调整和使用。

Hacker News 最新 | 过去 | 评论 | 提问 | 展示 | 招聘 | 提交登录 RubyUI（前身为 PhlexUI）：Ruby Gem 用于 RubyUI 组件 (github.com/ruby-ui) 9 分，来自 ksec，1 小时前 | 隐藏 | 过去 | 收藏 | 讨论加入我们，参加 6 月 16-17 日在旧金山举办的 AI 初创公司学校！指南 | 常见问题 | 列表 | API | 安全 | 法律 | 申请 YC | 联系我们搜索：

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

This is NOT a component library. It's a collection of re-usable components that you can generate or copy and paste into your apps.

Pick the components you need. Copy and paste the code into your project and customize to your needs. The code is yours.

Use this as a reference to build your own component libraries.

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_ui --group development --require false

or add it to your Gemfile:

gem "ruby_ui", group: :development, require: false

bin/rails g ruby_ui:install

You can generate your components using ruby_ui:component generator.

bin/rails g ruby_ui:component Accordion

Visit https://rubyui.com/docs/introduction to view the full documentation, including:

Detailed component guides
Themes
Lookbook
Getting started guide

RubyUI, powered by Phlex, outperforms alternative methods:

Phlex: Baseline 🏁
ViewComponent: ~1.5x slower 🚙
ERB Templates: ~5x slower 🐢

See the original view layers benchmark by @KonnorRogers and its variations.

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.

RubyUI（前身为PhlexUI）：Ruby 的 RubyUI 组件 gem 包 RubyUI (Former PhlexUI): Ruby Gem for RubyUI Components

RubyUI（前身为PhlexUI）：Ruby 的 RubyUI 组件 gem 包
RubyUI (Former PhlexUI): Ruby Gem for RubyUI Components