<a id="top"></a>

<a href="https://addons.mozilla.org/firefox/addon/chatgpt-widescreen/?utm_source=github&utm_medium=referral&utm_content=header-tile"><img src="https://cdn.jsdelivr.net/gh/adamlui/chatgpt-widescreen@115fa4e/assets/images/tiles/marquee/tile-1400x560.png"></a>

<div align="center">

<a href="#">
    <img src="https://img.shields.io/amo/users/chatgpt-widescreen?logo=weightsandbiases&logoColor=white&labelColor=464646&style=for-the-badge"></a>
<a href="https://addons.mozilla.org/firefox/addon/chatgpt-widescreen/reviews">
    <img alt="[Mozilla Add-ons Ratings]" src="https://img.shields.io/amo/stars/chatgpt-widescreen?logo=firefox&logoColor=white&labelColor=464646&color=orange&style=for-the-badge&label=Rating"></a>
<a href="https://addons.mozilla.org/firefox/addon/chatgpt-widescreen/">
    <img alt="[Mozilla Add-ons Store]" src="https://img.shields.io/amo/v/chatgpt-widescreen?label=Latest+Release&logo=firefox&logoColor=white&labelColor=464646&color=orange&style=for-the-badge"></a>
<a href="./LICENSE.md">
    <img alt="[License: MIT]" src="https://img.shields.io/badge/License-MIT-orange.svg?logo=internetarchive&logoColor=white&labelColor=464646&style=for-the-badge"></a>
<a href="#">
    <img src="https://img.shields.io/chrome-web-store/size/jgnjpnmofkalfliddjelaciggjgnphgm?logo=databricks&logoColor=white&labelColor=464646&color=ff69b4&style=for-the-badge"></a>
<a href="https://www.codefactor.io/repository/github/adamlui/chatgpt-widescreen">
    <img alt="[CodeFactor grade]" src="https://img.shields.io/codefactor/grade/github/adamlui/chatgpt-widescreen?label=Code+Quality&logo=codefactor&logoColor=white&labelColor=464646&color=b3ff68&style=for-the-badge"></a>
<a href="https://github.com/KudoAI/chatgpt.js?utm_source=chatgpt_widescreen&utm_content=github_shield">
    <img alt="[Powered by chatgpt.js]" src="https://img.shields.io/badge/Powered_by-chatgpt.js-black?logo=gamejolt&logoColor=white&labelColor=464646&style=for-the-badge"></a>
<a href="https://sonarcloud.io/component_measures?metric=vulnerabilities&id=adamlui_chatgpt-widescreen">
    <img alt="[SonarCloud vulnerabilities]" src="https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fsonarcloud.io%2Fapi%2Fmeasures%2Fcomponent%3Fcomponent%3Dadamlui_chatgpt-widescreen%26metricKeys%3Dvulnerabilities&query=%24.component.measures.0.value&style=for-the-badge&logo=sonar&logoColor=white&labelColor=464646&label=Vulnerabilities&color=ffef00"></a>
<a href="https://github.com/sindresorhus/awesome-chatgpt#browser-extensions">
    <img alt="[Mentioned in Awesome]" src="https://img.shields.io/badge/Mentioned_in-Awesome-cb48dc?logo=awesomelists&logoColor=white&labelColor=464646&style=for-the-badge"></a>
<a href="https://www.jsdelivr.com/package/gh/adamlui/chatgpt-widescreen?tab=stats">
    <img alt="jsDelivr stats" src="https://img.shields.io/jsdelivr/gh/hm/adamlui/chatgpt-widescreen?style=for-the-badge&logo=jsdelivr&logoColor=white&label=jsDelivr%20Requests&labelColor=464646&color=2bbbd8"></a>
<br><br>

<a href="https://addons.mozilla.org/firefox/addon/chatgpt-widescreen/?utm_source=github&utm_medium=referral&utm_content=install-button">
    <img alt="[Get for Firefox]" height=75 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/buttons/add-to-firefox-button.png"></a>

<br>

[Discuss](https://github.com/adamlui/chatgpt-widescreen/discussions) / 
[Review](https://addons.mozilla.org/firefox/addon/chatgpt-widescreen/reviews?utm_source=github&utm_medium=referral&utm_content=review-link) / 
[Contact author](https://github.com/adamlui)
  
</div>

## 💡 About

**ChatGPT Widescreen** adds wide/full/tall-screen + spamblock modes to ChatGPT, enhancing your chat sessions by reducing scrolling & removing clutter, creating a more immersive viewing experience.

<img height=6px width="100%" src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/separators/gradient-aqua.png">

## 📺 Demo

<div align="center">

<a href="https://www.youtube.com/watch?v=xtOklfi3lZY&list=PLB4S0Z21beYNoCdS3WvAMSxW69OuZzuF1">
    <img src="https://cdn.jsdelivr.net/gh/adamlui/chatgpt-widescreen/assets/images/screenshots/demo-vid/thumbnail.png">
</a>

</div><br>

<img height=6px width="100%" src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/separators/gradient-aqua.png">

## 💊 Benefits

🧠 Experience clearer programming code display with proper indentation

📜 View multi-step instructions or long recipes on a single page for easier reference

🖥️ Enjoy original lyrics, poetry, essays, or compositions in a more visually pleasing format

⚙️ Customize features like larger chatbox & hidden header/footer for more spacious view

🌐 Works with: **chatgpt.com** + **poe.com**

<img height=6px width="100%" src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/separators/gradient-aqua.png">

## 🚀 Installation

1. Install [ChatGPT Widescreen](https://addons.mozilla.org/firefox/addon/chatgpt-widescreen/?utm_source=github&utm_medium=referral&utm_content=add-on-link) Firefox add-on

2. Visit [chatgpt.com](https://chatgpt.com) or [poe.com](https://poe.com) & mode toggles are added to chatbar!

<div align="center">

<picture>
    <source type="image/png" media="(prefers-color-scheme: dark)" srcset="https://cdn.jsdelivr.net/gh/adamlui/chatgpt-widescreen/assets/images/screenshots/widescreen-button/en/lightmode.png">
    <img src="https://cdn.jsdelivr.net/gh/adamlui/chatgpt-widescreen/assets/images/screenshots/widescreen-button/en/darkmode.png">
</picture>

*NOTE: Since full-window mode hides the sidebar, press '+' to start new chats*

</div>

<img height=6px width="100%" src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/separators/gradient-aqua.png">

## ⚡ Dependencies

<h6>
<div align="center">

<a href="https://chatgpt.js.org">
    <picture>
        <source type="image/png" media="(prefers-color-scheme: dark)" srcset="https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@8169c77/assets/images/logos/chatgpt.js/with-reflection/darkmode/logo-6014x1334.png">
        <img width=546 src="https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@8169c77/assets/images/logos/chatgpt.js/with-reflection/lightmode/logo-6014x1334.png">
    </picture>
</a>
<br><br>

ChatGPT Widescreen relies on code from the powerful [chatgpt.js](https://github.com/KudoAI/chatgpt.js) library 
<br>© 2023–2026 KudoAI & contributors under the MIT license.

</div>
</h6>

<img height=6px width="100%" src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/separators/gradient-aqua.png">

<br>

<div align="center">

<a href="https://addons.mozilla.org/firefox/addon/chatgpt-widescreen/?utm_source=github&utm_medium=referral&utm_content=install-button">
    <img alt="[Get for Firefox]" height=75 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/buttons/add-to-firefox-button.png"></a>

<br>

[Discuss](https://github.com/adamlui/chatgpt-widescreen/discussions) / 
[More ChatGPT extensions](https://github.com/adamlui/ai-web-extensions)
  
</div>

<br>

<img height=6px width="100%" src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/separators/gradient-aqua.png">

<!-- CONTRIBUTORS -->

## 🧠 Contributors

<a href="https://github.com/adamlui/chatgpt-widescreen/graphs/contributors">
    <img height=45 width="auto" src="https://contrib.rocks/image?repo=adamlui/chatgpt-widescreen" /></a>
<br><br>

All contributions are very welcome!

## 🤖 More ChatGPT extensions

For even more ChatGPT extensions, visit: https://github.com/adamlui/ai-web-extensions
<br><br>

<img height=6px width="100%" src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/separators/gradient-aqua.png">

## 📜 Related apps

### <picture><source type="image/png" media="(prefers-color-scheme: dark)" srcset="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/icons/openai/white/icon16.png"><img width=16 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/icons/openai/black/icon16.png"></picture> [ChatGPT Auto-Talk 📣](https://github.com/adamlui/chatgpt-auto-talk) &nbsp;<a href="https://github.com/awesome-scripts/awesome-userscripts/#-chatgpt"><img src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/badges/awesome/badge.svg"></a>

> Auto-play ChatGPT responses.
<br>[Install](https://github.com/adamlui/chatgpt-auto-talk/#-installation) /
[Readme](https://github.com/adamlui/chatgpt-auto-talk/#readme) /
[Discuss](https://github.com/adamlui/chatgpt-auto-talk/discussions)

### <img src="https://cdn.jsdelivr.net/gh/KudoAI/bravegpt/assets/images/icons/app/icon48.png" width=18> [BraveGPT](https://bravegpt.com) &nbsp;<a href="https://www.producthunt.com/posts/bravegpt"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=385630&theme=light" width="112" height="auto" /></a>
> Add AI answers to Brave Search (powered by GPT-4o!)
<br>[Install](https://docs.bravegpt.com/#-installation) /
[Readme](https://docs.bravegpt.com/#readme) /
[Discuss](https://github.com/KudoAI/bravegpt/discussions)

### <img width=16 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/icons/infinity-symbol/circled/icon32.png"> [ChatGPT Infinity](https://github.com/adamlui/chatgpt-infinity/#readme) &nbsp;<a href="https://chromewebstore.google.com/detail/chatgpt-infinity/amikeononomkhphopbflomhnmdijjpmb/?utm_source=github&utm_medium=referral&utm_content=featured-by-google-badge"><img height=20 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/badges/chrome-web-store/featured-by-google/badge500x91.png"></a>
> Generate endless answers from all-knowing ChatGPT (in any language!)
<br>[Install](https://github.com/adamlui/chatgpt-infinity/tree/main/docs/#-installation) /
[Readme](https://github.com/adamlui/chatgpt-infinity/tree/main/docs/#readme) /
[Discuss](https://github.com/adamlui/chatgpt-infinity/discussions)

<img height=6px width="100%" src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/separators/gradient-aqua.png">

<a href="https://github.com/adamlui/ai-web-extensions/#readme">**More ChatGPT add-ons**</a> /
<a href="#top">Back to top ↑</a>

