Chattrick Widget - Advanced Chat Demo

About This Demo

This demo showcases the Chattrick Widget, a full-featured chat interface powered by AI. The chat widget is implemented with React and Tailwind CSS, featuring a modern design with animations.

The chat widget is rendered in a Shadow DOM to isolate its styles from the rest of the page, ensuring that it will look consistent regardless of where it's embedded.

🎨 Modern Design

Clean, responsive interface that works on both desktop and mobile devices

âš¡ Real-time Responses

Streaming API support for real-time AI responses with typing indicators

✨ Animations

Smooth animations for chat opening, closing, and message streaming

📱 Mobile Support

Fully responsive design that adapts to any screen size

🔒 Privacy Controls

Built-in privacy policy banner and customizable disclaimers

📄 Markdown Support

Markdown rendering in messages, including links and formatting

How to Use

Look for the chat bubble in the bottom right corner of this page. Click it to open the chat interface.

The widget will appear automatically in a few seconds. If it doesn't, refresh the page.

For developers: Check the console to see logs about the initialization process.