Friday, May 17, 2024
HomePHPBasement Chat is a real-time chat widget bundle

Basement Chat is a real-time chat widget bundle


Basement Chat is a bundle for Laravel that gives real-time chat widget bundle to your Laravel utility with versatile broadcast driver assist. Constructed for Laravel utilizing PHP, TypeScript, Alpine.js, and Tailwind CSS, it gives broadcast notifications for logged-in customers:

Basement Chat example

As soon as you have put in this bundle and configured the Consumer mannequin to have the power to obtain personal messages, you’ll be able to embrace this chat widget with the supplied blade part (assuming this view is rendered for an already logged-in consumer):

<physique>

{{-- ... --}}

 

<x-basement::chat-box />

</physique>

This bundle helps PHP +8.0 and Laravel >= 9.x. On the client-side, it helps chrome >= 80, edge >= 80, firefox >= 74, and you should use it with varied CSS frameworks with none styling conflicts. In line with the bundle’s readme the primary options embrace:

  • Actual-time messages
  • Consumer’s on-line standing
  • Consumer’s typing indicator
  • Messages have been learn standing
  • Configurable push notifications from the consumer facet
  • Searchable contacts and messages
  • Extendable and customizable actions habits
  • Lazy loading with infinite scroll messages
  • Intuitive and enticing design utilizing TailwindCSS and Alpine.js
  • Can be utilized with varied CSS frontend frameworks resembling Bootstrap and TailwindCSS with out worrying about fashion conflicts
  • Versatile broadcast driver assist for Pusher, Ably, Soketi, Laravel Websockets, or every other Laravel supported broadcast driver, it is as much as you to resolve.

This bundle is extremely customizable, together with the power to supply chat options to particular customers, customise types and views, and extra. Try the readme for particulars.

You possibly can be taught extra about this bundle, get full set up directions, and consider the supply code on GitHub.

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments