Home/ Templates/ React live chat widget

React Live Chat Widget — SSR-Safe, One Tag

Drop into any React app — Next.js, Remix, Vite, CRA. useEffect load, no SSR blocking.

◈ WHAT IS KNOCKET

Knocket is a free React live chat widget widget — no plugin, no app, just one line of JavaScript. It's free forever with no ads, and includes a unified inbox for Live Chat, Telegram, and Email. Every visitor message pings your Telegram — quote-reply from your phone and it lands back on the visitor's page.

Start Free 100% free ✿
1 line of
<script> ✿
🔒 my-app.vercel.app
App.tsx
Layout.tsx
api.ts
.env
README.md
1// Knocket · one-line React live chat2import {Knocket} from "@knocket/react"34export default function App() 5 return (6 <Layout>7 <Knocket handle="you" />8 </Layout>9 )10
$ npm install @knocket/react
$ ✓ Live chat ready in 12ms

Why people search for a react live chat widget

Best for: React developers, Next.js users, Vite/CRA projects, full-stack indie makers.

Knocket vs Intercom React vs Crisp

Feature Knocket Intercom React Crisp
Free forever
No ads on your page
Unified inbox (Live Chat, Telegram, and Email)
Telegram push notifications
Shareable contact page
One-line install / no code
Knocket is 100% free with no ads, and no watermarks. Intercom React charges per seat or gates key features behind paid plans, while Crisp is limited to basic functionality without a unified multi-channel inbox. Knocket includes live chat, a shareable contact page, and a unified inbox for Live Chat, Telegram, and Email — all free.

Frequently asked questions

What is a free react live chat widget?

Knocket is a free react live chat widget — a lightweight contact layer for indie developers, small teams, and anyone who needs to add a chat button or contact page without enterprise complexity. Visitors message you in real time; you reply from the Knocket inbox or directly from Telegram.

How do I add a chat widget to my React app?

Add the Knocket script tag inside <Script src=... strategy="lazyOnload" /> in your Next.js root layout. For Vite/CRA, drop it in index.html. The SDK runs client-side only — no hydration errors.

Is Knocket really free, or are there hidden fees?

Yes. Knocket is 100% free forever — no hidden fees, no ads on your site, and no watermarks. It's a strong alternative to Intercom React (which charges per seat) and Crisp (which gates key features behind paid plans). You get live chat, a shareable contact page, and a unified inbox for Live Chat, Telegram, and Email — all free.

Can I customize the appearance to match my brand?

Yes. From the Knocket console you can customize the theme color, welcome message, language, offline message, social media links, and meeting booking link. The widget adapts to both desktop and mobile automatically. For Contact Page you can also set the card background, text color, dark/light mode, border style, avatar, and bio.

How do I get notified when visitors send messages?

Knocket sends instant Telegram push notifications and email notifications whenever a visitor sends a message. The full message content appears in the Telegram notification — just quote-reply in Telegram and your response is delivered back to the visitor in real time. No dashboard to open, no tab to switch.

Related templates

Get your React live chat widget.

60 seconds. No card. Free forever.

Start Free