{"product_id":"folio-reading-mode","title":"Folio - Reading Mode","description":"\u003cp style=\"text-align: center; margin-top: 16px; margin-bottom: 24px;\"\u003e\n  \u003ca href=\"https:\/\/demo.projetostack.com\/extensions\/reading-mode\" _blank style=\"display: inline-block; background-color: #0A0A0A; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 12px 24px; border-radius: 4px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;\"\u003e\n    Live Demo ↗\n  \u003c\/a\u003e\n\u003c\/p\u003e\n\u003cp\u003eTurn busy article pages into a clean and focused reading experience.\u003c\/p\u003e\n\u003cp\u003eFolio is a React and TypeScript reading-mode extension with article extraction, secure HTML sanitisation, adjustable themes, reading-width controls, font-size settings, and locally stored preferences. It provides a complete source-code foundation for reading tools, accessibility products, research utilities, and client extension projects.\u003c\/p\u003e\n\u003ch2\u003ePerfect For\u003c\/h2\u003e\n\u003cp\u003e✓ Reading \u0026amp; Productivity Tools\u003c\/p\u003e\n\u003cp\u003e✓ Research Applications\u003c\/p\u003e\n\u003cp\u003e✓ Study Platforms\u003c\/p\u003e\n\u003cp\u003e✓ Accessibility Utilities\u003c\/p\u003e\n\u003cp\u003e✓ Content-Focused Browser Tools\u003c\/p\u003e\n\u003cp\u003e✓ News \u0026amp; Article Readers\u003c\/p\u003e\n\u003cp\u003e✓ Developer Products\u003c\/p\u003e\n\u003cp\u003e✓ Internal Business Applications\u003c\/p\u003e\n\u003cp\u003e✓ Startup Products\u003c\/p\u003e\n\u003cp\u003e✓ Agency Client Projects\u003c\/p\u003e\n\u003ch2\u003eWhy Choose Folio?\u003c\/h2\u003e\n\u003cp\u003e✓ Extract readable article content automatically\u003c\/p\u003e\n\u003cp\u003e✓ Remove distracting webpage elements\u003c\/p\u003e\n\u003cp\u003e✓ Open articles in a dedicated reader tab\u003c\/p\u003e\n\u003cp\u003e✓ Securely sanitise extracted HTML\u003c\/p\u003e\n\u003cp\u003e✓ Choose from three reading themes\u003c\/p\u003e\n\u003cp\u003e✓ Adjust the reading width\u003c\/p\u003e\n\u003cp\u003e✓ Increase or decrease the font size\u003c\/p\u003e\n\u003cp\u003e✓ Save reader preferences locally\u003c\/p\u003e\n\u003cp\u003e✓ Return to the original source page\u003c\/p\u003e\n\u003cp\u003e✓ No external content-processing service\u003c\/p\u003e\n\u003cp\u003e✓ Clean and organised source code\u003c\/p\u003e\n\u003cp\u003e✓ Easy to customise and extend\u003c\/p\u003e\n\u003cp\u003e✓ No recurring subscription fees\u003c\/p\u003e\n\u003ch2\u003eWhat’s Included\u003c\/h2\u003e\n\u003cp\u003eYour download includes:\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Complete React \u0026amp; TypeScript Source Code\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Chrome Manifest V3 Production Build\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Reading Mode Popup\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Dedicated Reader Page\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Article Extraction System\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Mozilla Readability Integration\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Secure HTML Sanitisation\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Article Title Display\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Article Byline Display\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Article Excerpt Display\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Website Name Display\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Original Source Link\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Paper Theme\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Sepia Theme\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Ink Dark Theme\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Narrow Reading Width\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Cozy Reading Width\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Wide Reading Width\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Font-Size Controls\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Local Preference Storage\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Temporary Article Storage\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Keyboard Shortcut Support\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Background Service Worker\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Runtime Content Script\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Extension Icons \u0026amp; Assets\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 WXT Configuration\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 TypeScript Configuration\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Package Configuration\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📄 Documentation (README.md)\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2\u003eKey Features\u003c\/h2\u003e\n\u003cp\u003e✓ Automatic Article Extraction\u003c\/p\u003e\n\u003cp\u003e✓ Mozilla Readability Processing\u003c\/p\u003e\n\u003cp\u003e✓ Dedicated Reader Tab\u003c\/p\u003e\n\u003cp\u003e✓ Secure DOMPurify Sanitisation\u003c\/p\u003e\n\u003cp\u003e✓ Article Title\u003c\/p\u003e\n\u003cp\u003e✓ Article Byline\u003c\/p\u003e\n\u003cp\u003e✓ Article Excerpt\u003c\/p\u003e\n\u003cp\u003e✓ Website Name\u003c\/p\u003e\n\u003cp\u003e✓ Original Source Link\u003c\/p\u003e\n\u003cp\u003e✓ Paper Reading Theme\u003c\/p\u003e\n\u003cp\u003e✓ Sepia Reading Theme\u003c\/p\u003e\n\u003cp\u003e✓ Ink Dark Theme\u003c\/p\u003e\n\u003cp\u003e✓ Narrow Reading Width\u003c\/p\u003e\n\u003cp\u003e✓ Cozy Reading Width\u003c\/p\u003e\n\u003cp\u003e✓ Wide Reading Width\u003c\/p\u003e\n\u003cp\u003e✓ Adjustable Font Size\u003c\/p\u003e\n\u003cp\u003e✓ 16px Minimum Font Size\u003c\/p\u003e\n\u003cp\u003e✓ 28px Maximum Font Size\u003c\/p\u003e\n\u003cp\u003e✓ Local Reader Preferences\u003c\/p\u003e\n\u003cp\u003e✓ Session-Based Article Storage\u003c\/p\u003e\n\u003cp\u003e✓ Local Storage Fallback\u003c\/p\u003e\n\u003cp\u003e✓ Readable Article Detection\u003c\/p\u003e\n\u003cp\u003e✓ No-Article Error Message\u003c\/p\u003e\n\u003cp\u003e✓ Image Support\u003c\/p\u003e\n\u003cp\u003e✓ Picture Element Support\u003c\/p\u003e\n\u003cp\u003e✓ Video Support\u003c\/p\u003e\n\u003cp\u003e✓ Link Support\u003c\/p\u003e\n\u003cp\u003e✓ Heading Support\u003c\/p\u003e\n\u003cp\u003e✓ Code-Block Support\u003c\/p\u003e\n\u003cp\u003e✓ Keyboard Shortcut Support\u003c\/p\u003e\n\u003ch2\u003eTechnology Stack\u003c\/h2\u003e\n\u003cp\u003eBuilt using modern browser-extension technologies:\u003c\/p\u003e\n\u003cp\u003e✓ React 19\u003c\/p\u003e\n\u003cp\u003e✓ TypeScript\u003c\/p\u003e\n\u003cp\u003e✓ WXT\u003c\/p\u003e\n\u003cp\u003e✓ Manifest V3\u003c\/p\u003e\n\u003cp\u003e✓ Mozilla Readability\u003c\/p\u003e\n\u003cp\u003e✓ DOMPurify\u003c\/p\u003e\n\u003cp\u003e✓ Browser Storage API\u003c\/p\u003e\n\u003cp\u003e✓ Browser Tabs API\u003c\/p\u003e\n\u003cp\u003e✓ Browser Scripting API\u003c\/p\u003e\n\u003cp\u003e✓ Session Storage\u003c\/p\u003e\n\u003cp\u003e✓ Local Storage\u003c\/p\u003e\n\u003cp\u003e✓ Runtime Content Scripts\u003c\/p\u003e\n\u003cp\u003e✓ Component-Based Architecture\u003c\/p\u003e\n\u003cp\u003e✓ Modern CSS\u003c\/p\u003e\n\u003cp\u003e✓ Modern Folder Structure\u003c\/p\u003e\n\u003ch2\u003ePerformance Features\u003c\/h2\u003e\n\u003cp\u003eDesigned for focused browser reading:\u003c\/p\u003e\n\u003cp\u003e✓ Local Article Extraction\u003c\/p\u003e\n\u003cp\u003e✓ No External Processing Server\u003c\/p\u003e\n\u003cp\u003e✓ Runtime Content-Script Injection\u003c\/p\u003e\n\u003cp\u003e✓ Temporary Article Storage\u003c\/p\u003e\n\u003cp\u003e✓ Local Preference Persistence\u003c\/p\u003e\n\u003cp\u003e✓ Secure HTML Sanitisation\u003c\/p\u003e\n\u003cp\u003e✓ Lightweight Reader Interface\u003c\/p\u003e\n\u003cp\u003e✓ Responsive Reading Layout\u003c\/p\u003e\n\u003cp\u003e✓ Reusable React Components\u003c\/p\u003e\n\u003cp\u003e✓ Clean TypeScript Implementation\u003c\/p\u003e\n\u003cp\u003e✓ Modern Manifest V3 Architecture\u003c\/p\u003e\n\u003cp\u003e✓ Easy Theme Customisation\u003c\/p\u003e\n\u003cp\u003e✓ Easy Branding Customisation\u003c\/p\u003e\n\u003cp\u003e✓ Scalable Source-Code Structure\u003c\/p\u003e\n\u003ch2\u003eHow It Works\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003eDownload and extract the project files.\u003c\/li\u003e\n\u003cli\u003eInstall the project dependencies.\u003c\/li\u003e\n\u003cli\u003eRun the development environment or generate a production build.\u003c\/li\u003e\n\u003cli\u003eLoad the generated extension folder into your browser.\u003c\/li\u003e\n\u003cli\u003eOpen an article-style webpage.\u003c\/li\u003e\n\u003cli\u003eOpen Folio from the browser toolbar or press \u003ccode\u003eAlt + R\u003c\/code\u003e.\u003c\/li\u003e\n\u003cli\u003eAllow the extension to extract the main article content.\u003c\/li\u003e\n\u003cli\u003eRead the article in the dedicated reader tab.\u003c\/li\u003e\n\u003cli\u003eChoose a theme, reading width, and font size.\u003c\/li\u003e\n\u003cli\u003eUse the source link to return to the original webpage.\u003c\/li\u003e\n\u003cli\u003eCustomise the branding, colours, themes, controls, icons, and functionality.\u003c\/li\u003e\n\u003cli\u003eBuild and publish the completed extension when ready.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003ch2\u003eBrowser Compatibility\u003c\/h2\u003e\n\u003cp\u003eVerified for:\u003c\/p\u003e\n\u003cp\u003e✓ Google Chrome\u003c\/p\u003e\n\u003cp\u003eCompatibility with the following may be possible after testing:\u003c\/p\u003e\n\u003cp\u003e✓ Microsoft Edge\u003c\/p\u003e\n\u003cp\u003e✓ Brave\u003c\/p\u003e\n\u003cp\u003e✓ Opera\u003c\/p\u003e\n\u003cp\u003eFirefox and Safari compatibility are not included or verified in the uploaded package.\u003c\/p\u003e\n\u003ch2\u003eLicense\u003c\/h2\u003e\n\u003cp\u003eYour purchase includes:\u003c\/p\u003e\n\u003cp\u003e✓ Lifetime access to the purchased source code\u003c\/p\u003e\n\u003cp\u003e✓ Commercial use for personal and client projects\u003c\/p\u003e\n\u003cp\u003e✓ Full customisation rights\u003c\/p\u003e\n\u003cp\u003e✓ Unlimited personal and client projects\u003c\/p\u003e\n\u003cp\u003eYou may not:\u003c\/p\u003e\n\u003cp\u003e✗ Resell the original source code\u003c\/p\u003e\n\u003cp\u003e✗ Redistribute the files\u003c\/p\u003e\n\u003cp\u003e✗ Share the files publicly\u003c\/p\u003e\n\u003cp\u003e✗ Repackage the source code as a competing digital product for resale\u003c\/p\u003e\n\u003ch2\u003eInstant Digital Download\u003c\/h2\u003e\n\u003cp\u003eNo physical product will be shipped.\u003c\/p\u003e\n\u003cp\u003eImmediately after purchase, you’ll receive instant access to download the complete reading-mode source code, Chrome production build, and documentation so you can begin creating your own browser reading tool.\u003c\/p\u003e\n\u003ch2\u003eImportant Note\u003c\/h2\u003e\n\u003cp\u003e\u003cem\u003eFolio works best with article-style webpages containing clear headings and readable body content.\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eIt may not extract useful content from:\u003c\/p\u003e\n\u003cp\u003e✗ Application Dashboards\u003c\/p\u003e\n\u003cp\u003e✗ Product Grids\u003c\/p\u003e\n\u003cp\u003e✗ Social Media Feeds\u003c\/p\u003e\n\u003cp\u003e✗ Search Results\u003c\/p\u003e\n\u003cp\u003e✗ Pages With Very Little Readable Text\u003c\/p\u003e\n\u003cp\u003e✗ Restricted Browser Pages\u003c\/p\u003e\n\u003cp\u003e✗ Dynamically Protected Content\u003c\/p\u003e\n\u003cp\u003eReadability extraction and HTML sanitisation may remove or simplify:\u003c\/p\u003e\n\u003cp\u003e✗ Interactive Widgets\u003c\/p\u003e\n\u003cp\u003e✗ Embedded Forms\u003c\/p\u003e\n\u003cp\u003e✗ Scripts\u003c\/p\u003e\n\u003cp\u003e✗ Some Iframe Content\u003c\/p\u003e\n\u003cp\u003e✗ Complex Page Layouts\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eFolio creates a simplified reading view rather than a complete visual copy of the original webpage.\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePROJETO STACK - Premium software templates and digital products built for modern businesses.\u003c\/strong\u003e\u003c\/p\u003e","brand":"PROJETO STACK","offers":[{"title":"Default Title","offer_id":65440602882397,"sku":null,"price":9.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1089\/3633\/1613\/files\/646D88ED-2A0F-40F5-ADF9-1E6A4DCE2773.png?v=1786284819","url":"https:\/\/projetostack.com\/products\/folio-reading-mode","provider":"PROJETO STACK","version":"1.0","type":"link"}