Rails UI

RailsUi: Shadcn-Inspired ViewComponents for Modern Rails Applications

RailsUi provides a curated collection of UI components designed specifically for Ruby on Rails applications. Drawing heavy inspiration from the popular shadcn/ui, it utilizes ERB templates, ViewComponents, and Stimulus for interactivity. This approach offers developers a Rails-centric way to create atomized, testable, and maintainable UI elements. RailsUi aims to simplify building modern user interfaces within the Rails ecosystem by providing directly usable components and a clear structure for elegant frontends.

Features:

• ViewComponent Architecture: Components are robustly built as Ruby ViewComponents, ensuring encapsulation and reusability within Rails applications.
• ERB & Stimulus Powered: Utilizes familiar ERB for templating alongside Stimulus for dynamic client-side interactivity, adhering to Rails best practices.
• Shadcn/ui Inspired Design: Aesthetics and component behaviors are heavily influenced by the acclaimed shadcn/ui library, bringing modern UI patterns to Rails.
• Direct Copy & Customize: Components are designed to be copied directly into your project, allowing for straightforward integration and deep customization.
• Sidecar Asset Organization: Employs the ViewComponent sidecar pattern, co-locating Ruby, ERB, JavaScript (Stimulus), and potentially CSS files for each component.
• Mountable Component Catalog: Features a mountable Rails engine that provides an interactive catalog (e.g., at /rails ui) for browsing and testing components.
• Tailwind CSS Native: Built with Tailwind CSS in mind, offering seamless integration and providing configuration examples for easy setup.
• Extensive Component Collection: Includes a rich set of common UI elements such as Accordions, Avatars, Buttons, Dialogs, Data Tables, Forms, and Navigation Menus.
• Developer-Friendly Setup: Provides a dummy application and clear instructions for running in development mode, facilitating contributions and local testing.
• MIT Open Source License: Available under the permissive MIT License, encouraging free use, modification, and distribution.

Summary:

RailsUi is a Rails-centric UI component library inspired by shadcn/ui, built with ViewComponents, ERB, and Stimulus. It empowers developers to quickly integrate modern, customizable UI elements into their applications. By offering a copy-paste component strategy and a mountable catalog for easy browsing, RailsUi streamlines UI development while adhering to familiar Rails conventions and leveraging Tailwind CSS for styling, facilitating the creation of polished user experiences.