Avatar component with ViewComponent (and Tailwind CSS)

The Avatar Component takes a resource argument (defaults to: User) that assumes a has_one_attached :avatar. When no avatar is present, the first letter of their name is shown and a color is generated based on their name. You can also pass a size attribute with a value of ‘xs, sm, md, lg or xl’. As well as a show_badge, either true or false.

  • Uses ActiveStorage
  • Flexible User model

The library of components is continuously evolving, with new components added regularly. See the roadmap for a glimpse of future enhancements, and check out the changelog for the latest additions and updates.

UI components for Ruby on Rails apps

$ 99 69 one-time

Get Access
  • One-time payment

  • Access to the entire library

  • Built for Ruby on Rails

  • Designed with Tailwind CSS and enhanced with Hotwire

  • Includes free updates (to any 1.x version)

  • Last update recently