An open API service indexing awesome lists of open source software.

https://github.com/erelado/whatsapp-web-skeleton

Shows a skeleton screen which is a version of the UI that mimics the page’s layout by showing its elements in a shape similar to the actual content. Great for screenshots.
https://github.com/erelado/whatsapp-web-skeleton

skeleton-css stylus stylus-css whatsapp whatsapp-web

Last synced: 2 months ago
JSON representation

Shows a skeleton screen which is a version of the UI that mimics the page’s layout by showing its elements in a shape similar to the actual content. Great for screenshots.

Awesome Lists containing this project

README

        

## 📦 Archived Project

This project has been **archived** and is no longer maintained. Feel free to explore the code, but note that no updates or support will be provided.

# WhatsApp Web Skeleton

Shows a skeleton screen which is a version of the UI that mimics the page’s layout by showing its elements in a shape similar to the actual content. Great for screenshots.
Serves as a companion style for [Dark WhatsApp](https://github.com/vednoc/dark-whatsapp) ![external](https://user-images.githubusercontent.com/136959/44433186-de548e80-a56a-11e8-8947-d3331bd6d7a1.png)

[![Version](https://img.shields.io/github/v/tag/E-RELevant/whatsapp-web-skeleton.svg?label=version&style=flat)](https://github.com/E-RELevant/whatsapp-web-skeleton/commits/master)
[![Stars](https://img.shields.io/github/stars/E-RELevant/whatsapp-web-skeleton.svg?style=flat)](https://github.com/E-RELevant/whatsapp-web-skeleton/stargazers)
[![Forks](https://img.shields.io/github/forks/E-RELevant/whatsapp-web-skeleton.svg?color=007ec6&style=flat)](https://github.com/E-RELevant/WhatsApp-Web-Skeleton/network/members)
[![docs](https://img.shields.io/badge/docs-on%20GitHub-007ec6.svg?&style=flat)](https://github.com/E-RELevant/whatsapp-web-skeleton/wiki)
[![Install directly with Stylus](https://img.shields.io/badge/Install%20directly%20with-Stylus-006666.svg?longCache=true&style=flat)](https://raw.githubusercontent.com/E-RELevant/WhatsApp-Web-Skeleton/master/wa-sk.user.styl)

![preview](https://raw.githubusercontent.com/E-RELevant/WhatsApp-Web-Skeleton/master/images/preview.png)

## Features

- Toggle on/off skeleton mode
- Hides the main chat area, right and left drawers.
- Set custom skeleton background color.
- Toggle on/off skeleton mode for timestamps
- Remove empty message header for right-to-left syntax.

## Installation

First, you need [Stylus](https://add0n.com/stylus.html) UserStyle manager that supports installing UserCSS/UserStyle.
- [Google Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne) ![external](https://user-images.githubusercontent.com/136959/44433186-de548e80-a56a-11e8-8947-d3331bd6d7a1.png)
- [Mozilla Firefox](https://addons.mozilla.org/firefox/addon/styl-us/) ![external](https://user-images.githubusercontent.com/136959/44433186-de548e80-a56a-11e8-8947-d3331bd6d7a1.png)
- [Opera](https://addons.opera.com/extensions/details/stylus/) ![external](https://user-images.githubusercontent.com/136959/44433186-de548e80-a56a-11e8-8947-d3331bd6d7a1.png)

Then, to install the WhatsApp Web Skeleton UserStyle, click on the button below:

[![Install directly with Stylus][badge]][style]

[badge]: https://img.shields.io/badge/Install%20directly%20with-Stylus-006666.svg?longCache=true&style=flat
[style]: https://raw.githubusercontent.com/E-RELevant/WhatsApp-Web-Skeleton/master/wa-sk.user.styl

Once the raw `wa-sk.user.styl` file is open in the browser, Stylus will open a new tab showing some basic information & options.
Click on “Install style” to initially install the style.

## License
Code released under the [MIT](LICENSE) license.