Components

Chat Messages with ViewComponent and Tailwind CSS

Easily add a conversation or group chat to your Rails app. From one-to-one’s to a conversation between multiple people. With everything customizable from metadata to colors.

  • Default # Get this component

    1. Hey team, have you checked out Rails Designer yet? It's amazing!

      You
    2. Not yet, what's so great about it?

      Charlie
    3. It's the first professionally designed UI components library for Rails apps. The components are beautiful and super easy to use!

      You
    4. Sounds interesting! Does it work well with existing Rails projects?

      Charlie
    5. Absolutely! It integrates seamlessly with Rails 7 and uses Tailwind CSS for styling. You can drop components right into your views.

      You
    6. That's awesome! What kind of components does it offer?

      Charlie
    7. It has everything from buttons to complex components like modals, dropdowns, and even a chat conversation (like this one!).

      You
    8. Wow, that could save us a ton of time on UI development. Is it customizable?

      Charlie
    9. Definitely! You can easily customize colors, sizes, and styles to match your brand. Plus, it's just ViewComponents and Tailwind CSS, so you can extend it however you like.

      You
    10. I'm sold! Let's give it a try on our next project. Thanks for the recommendation!

      Charlie
  • Alternating, with author name and timestamp # Get this component

    1. Hey team, have you checked out Rails Designer yet? It's amazing!

      You
    2. Not yet, what's so great about it?

      Charlie
    3. It's the first professionally designed UI components library for Rails apps. The components are beautiful and super easy to use!

      You
    4. Sounds interesting! Does it work well with existing Rails projects?

      Charlie
    5. Absolutely! It integrates seamlessly with Rails 7 and uses Tailwind CSS for styling. You can drop components right into your views.

      You
    6. That's awesome! What kind of components does it offer?

      Charlie
    7. It has everything from buttons to complex components like modals, dropdowns, and even a chat conversation (like this one!).

      You
    8. Wow, that could save us a ton of time on UI development. Is it customizable?

      Charlie
    9. Definitely! You can easily customize colors, sizes, and styles to match your brand. Plus, it's just ViewComponents and Tailwind CSS, so you can extend it however you like.

      You
    10. I'm sold! Let's give it a try on our next project. Thanks for the recommendation!

      Charlie
  • Alternating, with avatar and timestamp # Get this component

    1. Hey team, have you checked out Rails Designer yet? It's amazing!

    2. Not yet, what's so great about it?

    3. It's the first professionally designed UI components library for Rails apps. The components are beautiful and super easy to use!

    4. Sounds interesting! Does it work well with existing Rails projects?

    5. Absolutely! It integrates seamlessly with Rails 7 and uses Tailwind CSS for styling. You can drop components right into your views.

    6. That's awesome! What kind of components does it offer?

    7. It has everything from buttons to complex components like modals, dropdowns, and even a chat conversation (like this one!).

    8. Wow, that could save us a ton of time on UI development. Is it customizable?

    9. Definitely! You can easily customize colors, sizes, and styles to match your brand. Plus, it's just ViewComponents and Tailwind CSS, so you can extend it however you like.

    10. I'm sold! Let's give it a try on our next project. Thanks for the recommendation!

  • Group chat # Get this component

    1. Morning team! How's everyone doing with the new feature rollout?

    2. Hey! The user dashboard is coming along nicely. Just ironing out some responsive design issues.

    3. I've finished the API endpoints for the reporting feature. Ready for testing whenever QA has a moment.

    4. Great progress! @jordan, how's the database optimization task going?

    5. Still working on it. Found a few slow queries that need attention. Might need an extra day to wrap it up.

    6. No problem, thanks for the update. Let me know if you need any help or resources.

    7. Quick question - are we still on for the customer feedback session this afternoon?

    8. Yes, it's at 2 PM. I've prepared a demo of the new reporting feature for it.

    9. Perfect, thanks for reminding us. Let's meet 15 minutes before to do a quick run-through.

    10. Sounds good. I'll have some performance metrics ready to share as well.

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 one-time
payment

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)