Configure your Rails UI install. Choose theme and optional pages, then go build 🚀.
Heads up: Rails UI is only meant for brand new Ruby on Rails applications at this time.
Set your application name and support email.
Used for branding throughout a given theme.
The support email is used inside email templates and various contact-specific experiences. It's optional but must be overridden manually.
Your active theme is Hound. All colors and theming conventions can be customized inside the tailwind.config.js file.
50
#eef2ff
100
#e0e7ff
200
#c7d2fe
300
#a5b4fc
400
#818cf8
500
#6366f1
600
#4f46e5
700
#4338ca
800
#3730a3
900
#312e81
950
#1e1b4b
#f8fafc
#f1f5f9
#e2e8f0
#cbd5e1
#94a3b8
#64748b
#475569
#334155
#1e293b
#ffffff
While the Hound theme comes with default brand colors, the Primary and Secondary colors are always editable from within your railsui.yml config file or directly in this form. I recommend using a tool like Color Toner to generate 11 color shades per color for maximum flexibility.
railsui.yml
Additional color modifications outside of the Primary and Secondary colors should be done from the tailwind.config.js file after installing a theme.
tailwind.config.js
When making changes be sure to restart your server!
Add pre-designed pages with sample content.
When you choose to remove a page with Rails UI, it is permanently deleted, resulting in the loss of all changes made to the view. However, you have the option to reinstall it later, as it is included as a default component in the Hound Rails UI theme.
Generate professionally designed pages that accompany the Hound template. If you previously generated a page, it will not be overwritten.
Company or organization about page.
SaaS-like pricing; 3 plans types by default.
Admin dashboard for a CRM type of tool.
Projects index view
The detail view of a given project
A message view for inbound and outgoing messages within the app.
The detail view of a given message.
Assignments view for a current user account.
Calendar view for an example events page.
User view of all people in the app.
A profile view with activity for an individual user.
A global activity view for a team.
A settings view for the account.
Notification controls for a given account.
A billing page used to manage a subscription and seat count.
A team management view.
A view for managing integrations and their respective states.
Saving will automatically restart your app and install any dependencies.
This could take a few moments