NPM Chat Component – Seamless Messaging for Node, React & TypeScript

Ethora’s npm chat component is a ready-to-use, embeddable chat solution, designed with developers in mind. Our modular chat package is compatible with TypeScript, Node.js, and React frameworks. Whether you’re building a startup or a full-scale enterprise project, Ethora ensures the simple and fast chat integration to your apps.

Try for free

Open-source TypeScript-native Free tier available

Secure by default, at every layer.

End-to-end encryptionGDPRHIPAA

Build Real-Time Chat Fast with NPM

Building chat applications from scratch can be complex, time-consuming, and error-prone. Ethora’s React chat package offers NPM Chat Component for rapid integration. It’s plug-and-play solution, fully customizable, and compatible with modern tech stacks. With Ethora’s TypeScript chat library you’ll get type safety, modular design, clean architecture, and accelerated go-to-market.

Type safety
Modular design
Clean architecture
Accelerated go-to-market

Ethora npm chat component source in an editor

Core Features of the NPM Chat Component

Chat component NPM by Ethora has everything you need to build a powerful chat app. It’s flexible, performance-oriented, and enables engaging chat experiences.

Real-time messaging support.

Our chat module NPM ensures the seamless flow of conversations, making them feel natural.

Lightweight and performant codebase.

We designed Ethora for efficiency, the lightweight npm chat library ensures responsiveness and fast load times on any device.

Modular file structure.

Modular structure allows you to customize the app according to your needs, importing only the features you need.

Scalable for enterprise apps.

No matter the number of users you’re planning to have, Ethora can handle all of them. It’s 100% scalable and enterprise-ready.

WebSocket and REST integration options.

Choose the protocol that fits best to your use case. This will ensure flexibility in backend communication.

Ready to Start?

Spin up a working chat in minutes — free to start, no credit card required.

Start for free

TypeScript & Node.js

Built for TypeScript and Node.js

TypeScript chat library is clear and safe making it a favourite choice for developers. Ethora’s node chat component is natively written in TypeScript to enable simple integration of the component into your Node.js backend stack, ensure clean codebases, type safety, predictable behaviors, and future-proof solutions, and simplify debugging for your chat functionality.

Type-safe, predictable behavior
Clean, future-proof codebases
Works in JavaScript projects too

How to Create a Real-Time Chat App with the NPM Component

Chat integration with Ethora is simple. Here’s a tutorial-style breakdown for developers showing how to install a real-time chat NPM component, configure it, and start using it in a React + Node app.

Install via NPM
bash
```
npm install @ethora/chat-component
```

Import into your React project

Add the component to src/App.tsx:

tsx

import { Chat } from "@ethora/chat-component";
import "./App.css";

function App() {
  return (
    <Chat />
  );
}

export default App;

Initialize chat logic
Pass your App ID and App Secret to connect to your own chat server, users and rooms:
tsx
```
<Chat
  config={{
    baseUrl: "https://api.ethora.com",
    appId: "YOUR_APP_ID",
    appSecret: "YOUR_APP_SECRET",
  }}
/>
```
Get your App ID and App Secret by signing up at app.chat.ethora.com. The component ships with a built-in demo mode, so you can test messaging before wiring up a backend.
Style the component
Override colors, fonts and layout via config props — or replace individual sub-components with your own:
tsx
```
<Chat
  config={{
    colors: { primary: "#0052CD", secondary: "#E7EAF9" },
    ...config,
  }}
/>
```
Deploy in your Node environment

Ship it with the rest of your app. For enterprise deployments that require full data ownership, you can deploy Ethora on your own infrastructure (AWS, Azure, GCP, or on-premises).

Chat UI Components Included

Ethora’s pre-built and ready to deploy UI parts included in our React chat package:

Message list

A real-time stream of messages, ready to drop into any layout.

Message input

A flexible field for text, mentions, attachments and commands.

Chat header

Room title, presence and actions — themeable to your brand.

Typing indicator

Live activity cues that make conversations feel immediate.

User list

Presence and roster showing who’s online, away or busy.

Timestamp display

Clear, localized time and read-state on every message.

Thanks to these ready-made components, our chatbox NPM and chat component node reduce development time and efforts, while ensuring polished look and perfect UX.

Pricing

Save Months of Work with Ethora

Build any chat use case into your product: in hours.

Free

$0 / mo

free forever

1,000 MAU

100 Concurrent Connections

All Chat & AI features, including:

Community Support
30 Days of Free Support
No Credit Card Required

Small Business

$99 / mo

billed monthly

5,000 MAU

250 Concurrent Connections

Free Trial

All Free, plus:

Tech Support
SLA 99.9%
AI Allowance
Custom Domain

Recommended

Enterprise

$599+ / mo

billed monthly

Unlimited MAU

Unlimited Connections

All Business, plus:

24/7 Phone Support
Self-hosted AI
Custom Configuration
Dedicated / On-prem hosting

Customers

What our clients say about our services.

Taras and the Ethora team are a reliable partner in messaging, tokenization and AI. Great communication and products.

Joe Sticca

Digital Product & Technology Leader, Trust Industries

I have worked with Ethora and team since 2018. They have been absolutely amazing and life-saving across multiple of my portfolio projects.

Adam Palmer

Co-founder, SIAD Ventures

We partnered with Dappros/Ethora on an EU project and they successfully delivered the technology component. Highly recommended.

Peter Fearon

CEO, Remade Group

Ethora has successfully helped us ideate and deliver multiple digital transformation projects in Qatar and the MENA region. A reliable and knowledgable partner.

Tariq Gulrez

Ministry of Communications & IT

Ethora technology and expertise were instrumental in delivering Atom Connect, our product for streamlined communication in the workers’ comp market.

Carol Valentic

CEO, Candollar

Ethora helped us deliver our AI agent solution, letting subscribers access context-specific insights from our vast library of expert content. Their LLM and chat-bot expertise is an excellent match for our AI strategy.

Bret Gregory

CEO, DrTalks

Ethora has been an exceptional strategic development partner for Preshent. Not just a vendor, but a core contributor to the future of our platform and company.

John Richardson

Founder & CEO, Preshent Corporation

Ethora helped us ideate and deliver multiple digital transformation projects across Qatar and the MENA region. A reliable, knowledgable partner.

Howaida Nadim

CEO, Foresight Communications

Our Case Studies

Dr. Talks is one of the most prominent organizers of online healthcare conferences and summits.

Ethora enabled them to create a context-aware AI-powered chatbot to help users navigate thousands of pages of medical content, correctly referencing pages, authors, videos and timestamps. 100% secure and HIPAA-compliant.

This assistant enhances user experience by simplifying interaction with the platform and reducing search time.

1000+ summits indexed by AI bot
Instant user engagement
Vector embeddings enable intelligent domain expert AI responses

Atom Advantage is a provider of innovative AI powered workers compensation and health insurance solutions in the United States.

Ethora engine has enabled Atom Connect product used for communication between injured workers, nurses, and caseworkers. AI-powered, with documents exchange, and compliant with all regulations such as HIPAA and SOC2.

This solution reduces manual labour for caseworkers and improves patients experience.

Integration into caseworkers web portal
White-labelled mobile app for chat and health documents wallet for injured workers
Instant messaging between caseworkers and injured workers

Get started

Sign up on Ethora

Install the npm component and go from zero to real-time messaging in minutes.

Start building for free

Open-source Free tier available No credit card

FAQ

How do I install the Ethora NPM Chat Component?

To install the component, run a command: npm install @ethora/chat-component

Is the component compatible with both TypeScript and JavaScript?

Yes, they are compatible. Components written in the TypeScript can be used in JS projects and vice versa.

Does this module support group and private chat?

Absolutely. You can configure chats to your needs, it can be private chats, group chats, and invite-only chats.

What backend services can I integrate with this component?

Node.js, WebSocket, and REST.

Can I fully customize the UI and message logic?

Sure, Ethora is 100% customizable so you can match UI and message logic to your brand and needs.

Do you offer support or SLAs for enterprise customers?

Yes, we offer an enterprise-level SLA and 24/7 support for our enterprise clients.

Is there a free trial or open-source version available?

Open-source is available on GitHub. We also have a free version of our product which is enough to build a working MVP.

How secure is the component for handling user data?

Security is paramount for us, Ethora uses end-to-end encryption and is fully compliant with GDPR and HIPAA.