C
Storybook
T1ShippedExtension template

Extension Popup

Chrome extension action popup at **450×600**. Home marketing tiles plus **Open Assistant** CTA. Auth is a separate tab — full generate/library flows live in the side panel.

Implementation: charply-extension/src/popup/PopupApp.tsx

Package: @charply/design/templates

Live preview

Rendered from @charply/design/templates — same components used in Storybook and intended for the extension.

CCharply

Smart Context

Reads the post automatically

AI Powered

Tailored replies in seconds

Opens the side panel on Twitter or LinkedIn.

Guidelines

docs/design/templates/extension-popup.md

Do

  • ✓Keep the popup at 450×600 — do not stretch for marketing layouts.
  • ✓One primary CTA: Open Assistant (opens side panel on active tab).
  • ✓Auth is a separate tab; guest mode shows before sign-up.

Don't

  • ✗Do not embed full generate/library flows in the popup — that lives in the side panel.
  • ✗Do not remove theme toggle from settings without a replacement.

Interactive variant in Storybook → Templates.