<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Ziad shalaby</title>
    <description>The latest articles on DEV Community by Ziad shalaby (@ziad_shalaby_99b9e9593218).</description>
    <link>https://dev.to/ziad_shalaby_99b9e9593218</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4075456%2F156ce860-791f-420c-8ad5-e1ea1a30d8ff.jpg</url>
      <title>DEV Community: Ziad shalaby</title>
      <link>https://dev.to/ziad_shalaby_99b9e9593218</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ziad_shalaby_99b9e9593218"/>
    <language>en</language>
    <item>
      <title>I got tired of cluttered New Tab pages, so I built my own.</title>
      <dc:creator>Ziad shalaby</dc:creator>
      <pubDate>Sat, 05 Sep 2026 01:43:01 +0000</pubDate>
      <link>https://dev.to/ziad_shalaby_99b9e9593218/i-got-tired-of-cluttered-new-tab-pages-so-i-built-my-own-i5f</link>
      <guid>https://dev.to/ziad_shalaby_99b9e9593218/i-got-tired-of-cluttered-new-tab-pages-so-i-built-my-own-i5f</guid>
      <description>

&lt;p&gt;For a while, I kept feeling that my browser's New Tab page was doing too much — but somehow still wasn't doing the one thing I actually wanted.&lt;/p&gt;

&lt;p&gt;I don't need news, weather, quotes, to-do lists, or a dashboard full of widgets every time I open a new tab.&lt;/p&gt;

&lt;p&gt;Most of the time, I just want &lt;strong&gt;my websites&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;The sites I visit every day, organized exactly how I want them, easy to access, without a bunch of stuff getting in the way.&lt;/p&gt;

&lt;p&gt;I looked around for existing extensions, but most of them seemed to follow the same idea:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;more features → more widgets → more visual clutter.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;So eventually I thought:&lt;/p&gt;

&lt;p&gt;&lt;em&gt;"Maybe I should just build the New Tab I actually want."&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;And that's what I did.&lt;/p&gt;

&lt;p&gt;I built &lt;strong&gt;ZS New Tab&lt;/strong&gt;, a minimal, fast, offline-first New Tab replacement focused mainly on getting to your websites quickly.&lt;/p&gt;

&lt;h3&gt;
  
  
  Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Custom bookmark grid with drag &amp;amp; drop&lt;/li&gt;
&lt;li&gt;Custom background images&lt;/li&gt;
&lt;li&gt;Automatically fetched favicons + custom icon uploads&lt;/li&gt;
&lt;li&gt;Search with Google, DuckDuckGo, Brave, and Bing&lt;/li&gt;
&lt;li&gt;Customizable rows and columns&lt;/li&gt;
&lt;li&gt;Multiple pages with mouse-wheel / arrow navigation&lt;/li&gt;
&lt;li&gt;Keyboard shortcuts&lt;/li&gt;
&lt;li&gt;Backup &amp;amp; restore&lt;/li&gt;
&lt;li&gt;Clean dark UI&lt;/li&gt;
&lt;li&gt;No account&lt;/li&gt;
&lt;li&gt;No tracking&lt;/li&gt;
&lt;li&gt;No backend&lt;/li&gt;
&lt;li&gt;Everything stays locally in your browser&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I also intentionally kept the implementation simple.&lt;/p&gt;

&lt;p&gt;It's built with &lt;strong&gt;plain HTML, CSS, and JavaScript&lt;/strong&gt; — no framework and no build step.&lt;/p&gt;

&lt;p&gt;The goal isn't to make the most feature-packed New Tab.&lt;/p&gt;

&lt;p&gt;It's to make one that &lt;strong&gt;stays out of your way.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;🔗 &lt;strong&gt;GitHub:&lt;/strong&gt; &lt;a href="https://github.com/ziadshalaby00/ZS-New-Tab" rel="noopener noreferrer"&gt;https://github.com/ziadshalaby00/ZS-New-Tab&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It's open source and currently available to install manually through Chrome's developer mode.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fmjc4ztc86hwb1zr6n94j.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fmjc4ztc86hwb1zr6n94j.png" alt=" " width="800" height="569"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F9zmatubb9lg83c7jf5sn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F9zmatubb9lg83c7jf5sn.png" alt=" " width="799" height="565"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fkt7kysy0s93lswbbupo9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fkt7kysy0s93lswbbupo9.png" alt=" " width="800" height="659"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>opensource</category>
      <category>extensions</category>
      <category>sideprojects</category>
    </item>
  </channel>
</rss>
