Boxer
Agency and client portals
The dedicated client portal for modern agencies. Give your clients a professional hub to access projects, invoices, and documents while you track milestones and revenue in one unified dashboard.
What you get
Boxer is a Rails UI kit made for Agency Management. Inspired by modern client portals, we’ve included dedicated dashboards for both admins and clients making it our largest Rails UI kit to date.
Built with Tailwind CSS, Stimulus.js, and Rails, Boxer is ready to plug into your next Ruby on Rails project. It’s easy to customize and comes packed with 25 pages and 50+ reusable UI components, making it the perfect starting point for your next project.
Seamlessly integrated. Boxer is built directly into your Rails application. No external dependencies or complicated setup required - everything you need is right where you need it.
Highly customizable. Built with Tailwind CSS utility classes for maximum flexibility. Common UI patterns like buttons and forms are extracted into reusable components that you can easily modify.
Purpose-built components. Each component in Boxer is thoughtfully designed to serve specific needs while maintaining consistency with the overall kit aesthetic.
Mobile-first design. Every aspect of Boxer is optimized for all screen sizes, from phones to desktops. Even complex elements like data tables adapt beautifully across devices.
Modern JavaScript. Powered by Stimulus.js for elegant interactivity without the complexity. Add dynamic features while keeping your codebase lean and maintainable.
Production-ready. Deploy with confidence knowing Boxer is optimized for Rails production environments out of the box. Minimal configuration needed to go live.
Dark mode optimized. Every component automatically adapts to light and dark modes based on user preferences. Perfect visual harmony in any lighting condition.
Page previews
Component previews
- Avatar
- Badge
- Button
- Card
- Dropdown
- Input
- Modal
- Pagination
Website Redesign
Acme Corporation
Complete overhaul of company website with modern design and improved UX
Add New Client
Enter the details for your new client. They'll receive an invitation to access their portal.
Perfect for
Boxer works great for these types of apps.
Under the hood
38+ pre-designed views
Pre-designed views ready for your logic, with more on the way.
Design patterns
Most patterns and components come with multiple variances.
Content
- Typography
- Tables
- Icon
- Image
- Scaffolds
Forms
- ActionText
- Checkbox
- Datepicker Range
- Datepicker
- Input Group
- Input
- Radio
- Range
- Select
- Switch
- Validation
Components
- Accordion
- Alert
- Avatar
- Badge
- Breadcrumb
- Button
- Card
- Chat
- Combobox
- Dropdown
- Icon Box
- Flash
- Label
- Modal
- Quick Action
- Navigation
- Pagination
- Progress
- Tab
- Toast
- Tooltip
Authentication
Snippets ready for Devise or your own Auth strategy.
Views
- Client and Admin Sign up
- Client and Admin Sign in
- Sign in landing page
- Reset password
- Account confirmation
- Edit account
- Profile
- Unlock account
Extensions
- UI patterns for OmniAuth buttons
Mailers
A unique email layout with custom templates. More coming soon.
Templates
- Minimal
- Promotion
- Transactional
- Invoice
- Devise email templates
Branding
1 configurable brand color including Tailwind CSS defaults.
Primary
- 50
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 950
Secondary
- 50
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 950
Software
Ruby on Rails
v8.1.1
Tailwind CSS
v4.1
Stimulus.js
v3.2.2
Get premium access to the Boxer kit
Super-charge your Ruby on Rails development workflow with the Boxer Rails UI kit.