Microsoft Bot Framework Skins
Example replicated skins of common chat windows for the Microsoft Bot Framework. Including WhatsApp, Facebook, Twitter, a Visual Studio Code dark theme inspired design, and an example of using a css animation as a background.
How to run
Run: npm install
Then: npm run start
Examples will be hosted on http://localhost:8000/
Additional Notes
By default there is no bot in the project, but you will still be able to see all the themes by clicking through the buttons at the top of the page. You can follow the instructions in index.html or from the Microsoft Bot Framework git repository (where project was initially forked from) in order to enter your own bot into the page.
In its current version, there is no styling for different message/bot types (eg minimised chat bar, card messages, carousel messages, button messages), but these will be added in future updates.
Accreditation
The image used as the background for the WhatsApp page, has been directly taken from their site and therefore, do not own the rights to the use of this image and is only used as an example of what can be done.
The "Snow" animation has been obtained through the CodePen work by Nicky Christensen.