├── dark.png ├── image.png ├── README.md ├── index.html └── index-dark.html /dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ravisankarchinnam/tailwindcss-messenger-clone/HEAD/dark.png -------------------------------------------------------------------------------- /image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ravisankarchinnam/tailwindcss-messenger-clone/HEAD/image.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # tailwindcss-messenger-clone 2 | Facebook Messenger clone built using TailwindCSS 3 | 4 | ## [Live Demo](https://codesandbox.io/s/github/ravisankarchinnam/tailwindcss-messenger-clone) 5 | 6 | Facebook Messenger clone built using TailwindCSS 7 | 8 | 9 | Facebook Messenger clone dark theme built using TailwindCSS 10 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 52 | 53 | 54 | 55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 | ravisankarchinnam 68 |
69 | 70 | 71 | 72 | 74 | 75 | 76 |
77 |
78 |
79 |
80 | 90 |
91 |
92 |
93 |
94 |
95 | 101 |

Your Story

102 |
103 |
104 | 108 |

Anna

109 |
110 | 114 |
115 |
116 |
117 |

Jeff

118 |
119 | 123 |

Cathy

124 |
125 | 129 |
130 |
131 |
132 |

Madona

133 |
134 | 138 |
139 |
140 |
141 |

Emma

142 |
143 | 147 |

Mark

148 |
149 | 153 |

Eva

154 |
155 | 159 |
160 |
161 |
162 |

Max

163 |
164 | 168 |

Adam

169 |
170 |
171 |
172 |
173 | 177 |
178 | 187 |
188 |
189 |
190 | 194 |
195 |
196 |
197 |
198 | 207 | 208 |
209 |
210 |
211 | 215 |
216 | 225 |
226 |
227 |
228 | 232 |
233 | 243 | 244 |
245 |
246 |
247 | User2 251 |
252 | 262 | 266 |
267 |
268 |
269 | User2 273 |
274 |
275 |
276 |
277 | 287 |
288 |
289 |
290 | User2 294 |
295 | 305 | 309 |
310 |
311 |
312 | User2 316 | User2 320 |
321 |
322 |
323 |
324 | 334 |
335 |
336 |
337 | User2 341 |
342 | 352 |
353 |
354 |
355 | User2 359 |
360 | 370 |
371 |
372 |
373 | User2 377 |
378 |
379 |
380 |
381 | 391 |
392 |
393 |
394 | User2 398 |
399 | 409 | 413 |
414 |
415 |
416 | User2 420 |
421 | 431 |
432 |
433 |
434 | User2 438 |
439 |
440 |
441 |
442 | 452 |
453 |
454 |
455 | User2 459 |
460 | 470 | 474 |
475 |
476 |
477 | 478 |
479 |
480 |
481 |
482 | 486 |
487 |
488 |

Scarlett Johansson

489 |

Active 1h ago

490 |
491 |
492 | 493 |
494 | 495 | 496 | 497 | 498 | 499 | 500 | 501 | 502 | 503 | 504 | 505 | 506 | 507 | 508 | 509 | 510 |
511 |
512 |
513 |
514 |
515 | 519 |
520 |
521 |
522 |

Hey! How are you?

523 | 530 | 535 | 541 |
542 |
543 |

Shall we go for Hiking this weekend?

544 | 551 | 556 | 562 |
563 |
564 |

Lorem ipsum 565 | dolor sit 566 | amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et 567 | dolore magna aliqua. Volutpat lacus laoreet non curabitur gravida.

568 | 575 | 580 | 586 |
587 |
588 |

FRI 3:04 PM

589 |
590 |
591 |
592 |

Hey! How are you?

593 | 600 | 605 | 611 |
612 |
613 |

Shall we go for Hiking this weekend?

614 | 621 | 626 | 632 |
633 |
634 |

Lorem ipsum 635 | dolor sit 636 | amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et 637 | dolore magna aliqua. Volutpat lacus laoreet non curabitur gravida.

638 | 645 | 650 | 656 |
657 |
658 |

SAT 2:10 PM

659 |
660 |
661 | 665 |
666 |
667 |
668 |

Hey! How are you?

669 | 676 | 681 | 687 |
688 |
689 |

Shall we go for Hiking this weekend?

690 | 697 | 702 | 708 |
709 |
710 |

Lorem ipsum 711 | dolor sit 712 | amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et 713 | dolore magna aliqua. Volutpat lacus laoreet non curabitur gravida.

714 | 721 | 726 | 732 |
733 |
734 |

12:40 PM

735 |
736 |
737 |
738 |

Hey! How are you?

739 | 746 | 751 | 757 |
758 |
759 |

Shall we go for Hiking this weekend?

760 | 767 | 772 | 778 |
779 |
780 | 781 | hiking 782 | 783 | 790 | 795 | 801 |
802 |
803 |

Lorem ipsum 804 | dolor sit 805 | amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et 806 | dolore magna aliqua. Volutpat lacus laoreet non curabitur gravida.

807 | 814 | 819 | 825 |
826 |
827 |
828 |
829 |
830 |
831 | 836 | 841 | 846 | 851 |
852 | 862 |
863 | 868 |
869 |
870 |
871 |
872 |
873 |
874 | 875 | 876 | 877 | -------------------------------------------------------------------------------- /index-dark.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 52 | 53 | 54 | 55 | 56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 | ravisankarchinnam 69 |
70 | 71 | 72 | 73 | 75 | 76 | 77 |
78 |
79 |
80 |
81 | 91 |
92 |
93 |
94 |
95 |
96 | 102 |

Your Story

103 |
104 |
105 | 109 |

Anna

110 |
111 | 115 |
116 |
117 |
118 |

Jeff

119 |
120 | 124 |

Cathy

125 |
126 | 130 |
131 |
132 |
133 |

Madona

134 |
135 | 139 |
140 |
141 |
142 |

Emma

143 |
144 | 148 |

Mark

149 |
150 | 154 |

Eva

155 |
156 | 160 |
161 |
162 |
163 |

Max

164 |
165 | 169 |

Adam

170 |
171 |
172 |
173 |
174 | 178 |
179 | 188 |
189 |
190 |
191 | 195 |
196 |
197 |
198 |
199 | 208 | 209 |
210 |
211 |
212 | 216 |
217 | 226 |
227 |
228 |
229 | 233 |
234 | 244 |
245 |
246 |
247 | User2 251 |
252 | 262 | 266 |
267 |
268 |
269 | User2 273 |
274 |
275 |
276 |
277 | 287 |
288 |
289 |
290 | User2 294 |
295 | 305 | 309 |
310 |
311 |
312 | User2 316 | User2 320 |
321 |
322 |
323 |
324 | 334 |
335 |
336 |
337 | User2 341 |
342 | 352 |
353 |
354 |
355 | User2 359 |
360 | 370 |
371 |
372 |
373 | User2 377 |
378 |
379 |
380 |
381 | 391 |
392 |
393 |
394 | User2 398 |
399 | 409 | 413 |
414 |
415 |
416 | User2 420 |
421 | 431 |
432 |
433 |
434 | User2 438 |
439 |
440 |
441 |
442 | 452 |
453 |
454 |
455 | User2 459 |
460 | 470 | 474 |
475 |
476 |
477 |
478 |
479 |
480 |
481 | 485 |
486 |
487 |

Scarlett Johansson

488 |

Active 1h ago

489 |
490 |
491 | 492 |
493 | 494 | 495 | 496 | 497 | 498 | 499 | 500 | 501 | 502 | 503 | 504 | 505 | 506 | 507 | 508 | 509 |
510 |
511 |
512 |
513 |
514 | 518 |
519 |
520 |
521 |

Hey! How are you?

522 | 529 | 534 | 540 |
541 |
542 |

Shall we go for Hiking this weekend?

543 | 550 | 555 | 561 |
562 |
563 |

Lorem ipsum 564 | dolor sit 565 | amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et 566 | dolore magna aliqua. Volutpat lacus laoreet non curabitur gravida.

567 | 574 | 579 | 585 |
586 |
587 |
588 |

FRI 3:04 PM

589 |
590 |
591 |
592 |

Hey! How are you?

593 | 600 | 605 | 611 |
612 |
613 |

Shall we go for Hiking this weekend?

614 | 621 | 626 | 632 |
633 |
634 |

Lorem ipsum 635 | dolor sit 636 | amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et 637 | dolore magna aliqua. Volutpat lacus laoreet non curabitur gravida.

638 | 645 | 650 | 656 |
657 |
658 |
659 |

SAT 2:10 PM

660 |
661 |
662 | 666 |
667 |
668 |
669 |

Hey! How are you?

670 | 677 | 682 | 688 |
689 |
690 |

Shall we go for Hiking this weekend?

691 | 698 | 703 | 709 |
710 |
711 |

Lorem ipsum 712 | dolor sit 713 | amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et 714 | dolore magna aliqua. Volutpat lacus laoreet non curabitur gravida.

715 | 722 | 727 | 733 |
734 |
735 |
736 |

12:40 PM

737 |
738 |
739 |
740 |

Hey! How are you?

741 | 748 | 753 | 759 |
760 |
761 |

Shall we go for Hiking this weekend?

762 | 769 | 774 | 780 |
781 |
782 | 783 | hiking 784 | 785 | 792 | 797 | 803 |
804 |
805 |

Lorem ipsum 806 | dolor sit 807 | amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et 808 | dolore magna aliqua. Volutpat lacus laoreet non curabitur gravida.

809 | 816 | 821 | 827 |
828 |
829 |
830 |
831 |
832 |
833 | 838 | 843 | 848 | 853 |
854 | 863 |
864 | 869 |
870 |
871 |
872 |
873 |
874 |
875 | 876 | 877 | 878 | 879 | --------------------------------------------------------------------------------