Shadcn Rails

Shadcn/UI on Rails: Customizable Components for Your Applications

Shadcn/UI on Rails offers a collection of beautifully designed, re-usable components inspired by the popular shadcn/ui library. It's not a traditional dependency; instead, you copy and paste the code directly into your Rails projects. This approach gives you full control to customize components to your exact needs, allowing you to build your own tailored component library and accelerate your development workflow with accessible and stylish UI elements.

Features:

• Copy-Paste Integration: Components are added by copying and pasting code, not as a dependency, giving you full ownership.
• Customizable Components: Freely modify the provided component code to fit your project's specific requirements.
• Rails Generators: Quickly scaffold components into your application using Rails generators (e.g., 'rails g shadcn ui add accordion').
• View Helpers: Simplifies the integration of components within Rails ERB templates.
• Stimulus for Interactivity: Utilizes Stimulus.js for client-side interactions and dynamic behaviors within components.
• Accessibility Focused: Aims to replicate the accessibility features of the original shadcn/ui components.
• Extensive Component Collection: Offers a wide array of UI elements like Accordion, Alert, Dialog, Forms, Table, Tabs, and Toast, ready for integration.
• Based on shadcn/ui: Provides Rails adaptations of popular shadcn/ui components.
• Open Source: Freely available under the MIT license.
• Tailwind CSS Compatibility: Components are designed to be styled using Tailwind CSS, aligning with modern frontend practices.

Summary:

Shadcn/UI on Rails empowers developers to build their own component libraries by providing a collection of customizable, copy-and-paste UI components for Ruby on Rails applications. Inspired by shadcn/ui, it offers Rails-centric adaptations with a focus on accessibility, developer control, and ease of integration through generators and view helpers. This approach allows for deep customization and ownership of the component codebase.