Powerful chrome extensions usually utilise multiple modals and panels to give an enthralling UX. In this article, let’s deep dive on how to achieve such complexities in a very simple way using ReactJS.

For the sake of this article, we’ll be designing a chrome extenstion with a Right Side Panel, Centered Modal and Small Modal (Right Bottom).

PS: popup.html is out of the scope for this article as it ‘ll be primarily focusing on html injection via content script.

Two Minutes of Basics

For newbees, this section provides high level overview of Chrome extension. A chrome extension build consists of the following

  1. Content Script…

“Every child is an artist. The problem is how to remain an artist once we grow up.” — Pablo Picasso

When I was a kid, I was composer, writer, artist, even a superhero sometimes. It was so easy to switch into any role without getting into the technicalities or details. Or was everything so intuitive to me ? And sometimes I try to recollect all those memories of my imagination while being a kid and find them quite fascinating.

Research says kids spend as much as 2/3 of their time in non-reality — in imaginative play. Somehow, what was totally…

Vaibhav Kumar

Keeping It Simple & Stupid

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store