chatter

Chatter: free live chat admin dashboard

Live chat, visitors and chat bots for an online store.

Part of 100 Free Admin Dashboards. Free for personal and commercial use under the MIT license.

What is inside

• 34 HTML pages, one stylesheet and one small script
• Light and dark themes (the moon button switches them, and the choice is remembered)
• Works on phones, tablets and desktops
• Charts are plain SVG, so there are no chart libraries to load
• No build step. Open index.html in a browser and it works

Pages

• index.html: Overview
• conversations.html: Conversations
• conversations-detail.html: Conversation details
• conversations-form.html: New conversation
• visitors.html: Visitors
• visitors-detail.html: Visitor details
• visitors-form.html: New visitor
• agents.html: Agents
• agents-detail.html: Agent details
• agents-form.html: New agent
• bot-flows.html: Bot flows
• bot-flows-detail.html: Bot flow details
• bot-flows-form.html: New bot flow
• canned-replies.html: Canned replies
• canned-replies-detail.html: Canned reply details
• canned-replies-form.html: New canned reply
• live-chats.html: Live chats
• visitors-now.html: Visitors now
• chat-report.html: Chat report
• visitor-map.html: Visitor map
• top-agents.html: Top agents
• chat-hours.html: Chat hours
• widget-settings.html: Widget settings
• team.html: Team
• notifications.html: Notifications
• activity.html: Activity log
• settings.html: Settings
• profile.html: Your profile
• help.html: Help center
• ui-components.html: UI components
• login.html: Sign in
• signup.html: Create account
• forgot-password.html: Reset password
• 404.html: Page not found

Make it yours

All colors, fonts and the corner radius are CSS variables at the top of assets/css/app.css. Change --accent to your brand color and the whole dashboard follows. Replace the demo names and numbers in the HTML with your own data.

Fonts

Rubik, Ubuntu Mono from Google Fonts (SIL Open Font License).

All names, companies and numbers in the demo are invented.