Design System

1 minutes reading time


LiveChat Design System is an open-source library of React components for building LiveChat products and applications. It was originally created to help our teams work faster together, but it can be easily adapted to create applications with the look and feel of LiveChat experience.

Open Design System

How to use

We recommend that while building a new app, you begin by following the system as closely as possible to suit LiveChat brand and experience.

For developers

Our Design System was created for React development, and it's available in the npm registry. If you are not working with React, then you can use our hosted styles.css file to get look and feel of LiveChat app in your vanilla JS project.

Start using Design System

For designers

Every component in LiveChat Design System includes a documentation, code, and working examples (you can play with the component examples and see what happens). By downloading the UI Kit (for Sketch) you have access to all of the components in addition to the code provided on the site.

Get Sketch library