Wirechat Beta

A Scalable Livewire Chat Package

Building a chat system can be a time-consuming process. With Wirechat, you can easily add real-time messaging to your Laravel app in minutes.

Documentation Star on Github

Foundations

Wirechat provides essential features and core components for listing chats, creating groups, and customizing behavior, giving you the flexibility to seamlessly add chat to your app.

Multi-Tenancy Support

Wirechat supports multi-tenancy by allowing different user models to coexist in the same conversation.

Scalability

Wirechat is built for performance and scalability, supporting both private and group chats on the same database with ease.

Embedable components

Components that drop into Blade templates for a seamless SPA like chat experience no page reloads.

Customizable

Customize the layout, theme, components including middleware and authorization to match your app’s needs

Private Chats

Start private conversations and enjoy a seamless chat experience with Wirechat's sleek interface.

Group Chats

Easily create group chats for teams or communities to engage in dedicated chat rooms.

Dedicated Chat Interface

Wirechat offers a fully qualified chat interface to handle realtime messages and communication by utilizing websocketa and broadcasting

Get Started

Theme

Wirechat lets you fully customize the chat theme to match your application's branding and identity, making it feel like a natural part of your app.


  <head>
    ... 
    @wirechatStyles
    <style>
     :root {
     --wc-brand-primary:'#f59e0b';       

     --wc-light-primary: #fff;  /* white */
     --wc-light-secondary: oklch(0.985 0.002 247.839);/* gray-100 */
     --wc-light-accent: oklch(0.985 0.002 247.839);/* gray-50 */
     --wc-light-border: oklch(0.928 0.006 264.531);/* gray-200 */

     --wc-dark-primary: oklch(0.21 0.006 285.885); /* zinc-900 */
     --wc-dark-secondary: oklch(0.274 0.006 286.033);/* zinc-800 */
     --wc-dark-accent: oklch(0.37 0.013 285.805);/* zinc-700 */
     --wc-dark-border: oklch(0.37 0.013 285.805);/* zinc-700 */
     }
    </style>
  </head>

Customize your theme