Free Fully Featured
Chat Messaging UI Kits

Craft a beautiful chat app with our high-fidelity UI kit for Sketch, Figma, and Adobe xD. In-app messaging interfaces for live chat, team collaboration, live streaming, and video games are included. Each design is fully responsive and contains all the essential UI elements required for interactive chat experiences.

4 Essential Chat Use Cases

This Messaging UI kit includes designs for social chat, team collaboration, livestreams and in-game chat. Each interface has light, dark, web and mobile versions to make designing your chat app straightforward.

Chat UI Kit v1

Download

Mobile Chat Kit

This is the UI kit that we built our stunning Chat UX Kit with. It’s a very good starting place for mobile chat designs, with patterns for every feature your users expect from a powerful chat experience.

Figma, Sketch, Adobe XD

View ChatKit →

Chat UI Kits with 4 Essential Use Cases for Chat Apps

This UI kit includes designs for social messaging, team collaboration, livestreams and in-game chat. Each use case has light and dark versions to make designing your chat app straightforward.

  • Social Messenger UI
    Social Messenger UI

    Design a messaging UX that feels like Facebook, iMessage or Telegram.

  • Team Chat UI
    Team Chat UI

    Design a messaging app that feels like Slack or Twist with that classic email thread layout.

  • Livestream Chat UI
    Livestream Chat UI

    Livestream features a compact UI that is better suited for real-time events.

  • Game Chat UI
    Game Chat UI

    Gaming chat like Xbox live for multiplayer games.

Chat UI Kit v1

Download

Flexible Chat Messaging Components

The design philosophy of this UI kit was to provide other designers with a 95% complete starting point. This means that we needed to create a robust design system with relatively generic styling, while still showcasing the unique features of each use case.

Chat Message Lists

The message list UI is for displaying attachments, messages, channels, typing indicators and date separators. Show accurate dates and message actions in the chat message lists.

Chat Channels and Lists

Display the active conversations with indicators of who has read along with any new messages received within the Channel List UI Component.

Chat Threads & Replies

Threads enable conversations to stay on topic and organized. Threads render a parent message with a list of replies, keeping everything in a single threaded conversation.

Chat Message UI

There are many micro-interactions with chat. Editing, deleting, flagging, muting, reactions, retry and thread initiation are all attached to each individual message.

Chat Reactions UI

Select and show an emoji reaction to a message. Reactions allow users to quickly respond to any message, for any purpose.

Chat Message Input UI

Composing the perfect message takes a robust and flexible message input UI. Attaching images, videos, and files and select the perfect emoji.

DM or Groups

We have designed options for DMs or Group chats. This includes how avatars are handled, chat preferences, and a whole bunch of other UX.

Create a New Chat UX

Our Chat Sample Kit has a complete user experience for creating a new chat. It’s very flexible, intuitive and ready to streamline your chat onboarding.

Galleries

Smart uploading, intelligent grouping and robust gallery views make our Mobile Chat UI/UX ready to be used to advance your own designs.

Additional Features
  • Message Reactions
  • Typing Indicators
  • Read Indicators
  • Threads
  • Link previews
  • Block & Mute
  • Light/Dark themes
  • Slash commands
  • Images, Videos and attachments
  • Image gallery
  • Style customization
  • Network problems
  • Edit and Delete message
  • GIF support
  • Simple UI
  • Mention users

Next Steps

Start your 30-Day Chat trial to try out all our Chat product has to offer. No commitment or credit card required. If you want a custom plan or have questions, we are eager to talk with you.

Activity Feeds

Build any kind of feed without the headache of scalability or reliability of your feeds.

Learn more →
Enterprise

99.999% Uptime SLA, Industry leading compliance and security best practices.

Learn more →