Skip to content

Creating an Extension Popup

The extension popup is the small UI that shows up when you click an extension icon. see what it looks like

Inside the popup folder is a file popup.jsx (or popup.tsx depending on what you're using) which exports a React component. This is the single entry point for your extension popup.

/popup/popup.jsx
1
2
3
4
5
const PopupPage = () => {
  return <div>This is the extension popup</div>;
};

export default PopupPage;
/popup/popup.tsx
1
2
3
4
5
const PopupPage: React.FC = () => {
  return <div>This is the extension popup</div>;
};

export default PopupPage;

There's no limit to what you can do here. you can import other components and do awesome stuff.

What does it look like?

like this!