TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: I solved my New Tab page

332 pointsby allig256over 2 years ago
The site is completely customisable, you can create a start page that suits your own style.<p>Initially, I built the site to only work for me, however I wanted the website to be re-usable for anyone. You can now login to your own Twitter&#x2F;Spotify&#x2F;Strava accounts for your own personal feed.<p>Everything is stored locally in your own browser so there&#x27;s none of your data floating around in the clouds somewhere.<p>You can find the code at <a href="https:&#x2F;&#x2F;github.com&#x2F;allister-grange&#x2F;startertab" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;allister-grange&#x2F;startertab</a>.<p>Here are some examples of themes in a gif: <a href="https:&#x2F;&#x2F;user-images.githubusercontent.com&#x2F;18430086&#x2F;193997502-8d9c7c75-e5d8-467f-b378-36328854f0c9.mp4" rel="nofollow">https:&#x2F;&#x2F;user-images.githubusercontent.com&#x2F;18430086&#x2F;193997502...</a>.

60 comments

msraviover 2 years ago
This is what iGoogle used to be! <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;IGoogle" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;IGoogle</a> You could add your own RSS feed, weather, etc and it used to be awesome. Used to be my &quot;home&quot; tab for many years, before google decided to do away with it.<p>It appears there&#x27;s a &quot;replacement&quot; now. <a href="https:&#x2F;&#x2F;igoogleportal.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;igoogleportal.com&#x2F;</a><p>Definitely going to try this one out
评论 #33356324 未加载
评论 #33355251 未加载
评论 #33353961 未加载
jlukicover 2 years ago
I also run a customizable start page <a href="http:&#x2F;&#x2F;myfav.es" rel="nofollow">http:&#x2F;&#x2F;myfav.es</a><p>its cost $100&#x2F;month for 10 years to run but i keep it up because a lot of schools use it to help set up their shared computers and i couldn’t ever have the heart to shut it down.<p>Once you set it up you can also run it entirely offline using app manifests from myfav.es&#x2F;fast if you don’t like the idea of your new tab experience being slowed down by web requests.
评论 #33354824 未加载
评论 #33358818 未加载
评论 #33356341 未加载
评论 #33357825 未加载
评论 #33357499 未加载
andirkover 2 years ago
All: please consider telling your competitors about Animated Tabs [0] as to slow down their productivity per new tab.<p>[0] <a href="http:&#x2F;&#x2F;animatedtabs.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;animatedtabs.com&#x2F;</a>
tmvstover 2 years ago
Impressively fast! I love the bonsai. Way too much distractions for me though. Shameless plug: I made a new tab page that&#x27;s just markdown notes and bookmarks - <a href="https:&#x2F;&#x2F;nutab.co" rel="nofollow">https:&#x2F;&#x2F;nutab.co</a>
评论 #33354799 未加载
评论 #33355730 未加载
评论 #33355906 未加载
mnshover 2 years ago
I have been using <a href="https:&#x2F;&#x2F;tabliss.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;tabliss.io&#x2F;</a> for a while now. Yours seem cool, but I personally don&#x27;t like too much information on my start page.<p>Only reason I use tabliss is to see random Unsplash image on every new tab.
评论 #33372602 未加载
vladstudioover 2 years ago
Looks good! The design is, hm, very opinionated, but well done.<p>Shameless plug - last year, I solve my New Tab page too :-) And it shares a lot of ideas with yours - <a href="https:&#x2F;&#x2F;new-tab.vlad.studio&#x2F;" rel="nofollow">https:&#x2F;&#x2F;new-tab.vlad.studio&#x2F;</a>
评论 #33354497 未加载
lvturnerover 2 years ago
This is wonderful -- only thing missing is a bookmarks tile!<p>Edit: Just saw the readme, maybe I should attempt to add my own!
评论 #33352050 未加载
emptyparadiseover 2 years ago
about:blank gang here<p>personally i&#x27;d love to get a widget layer like the old mac dashboard or the windows 8 start menu. miss those a lot, but never really wanted to put those widgets in my browser...
评论 #33353968 未加载
评论 #33355600 未加载
评论 #33355298 未加载
评论 #33353970 未加载
kixiQuover 2 years ago
&gt; “Make your own home page” is an old appeal. It is older than the mid 90’s. Not even 1994, but 1992. On the internet, one year is equal to ten astronomical years, there is a century between 1992 and 1994.<p>&gt; So in 1992, the home page was a document that you saw when you opened your browser – which at that time was WWW on the NEXT computer.<p>&gt; As the author of “The Whole Internet” noticed in 1992: “The home page provided by CERN is a good entry point into the web; it points you to a lot of resources fairly quickly. However, there are lots of reasons to want your own home page.”<p>&gt; He meant that maybe the links provided by CERN are far from your interests and you’d prefer, for example, links to medicine rather than physics resources when you open your browser. So you could edit the CERN page, filling it with your links and notes and it would be your home page.<p>&gt; So 50 years later :), in 1993, with the arrival of the Mosaic browser, the web left academia. Web users got ideas and tools to extend home pages, and turn them into websites. The term “home page” started to change its meaning. It became the first page of a website. Then as a sort of metonymy, it started to mean personal web pages. Making a home page soon meant not making the first document of your website, but making your personal website, your home page, YOUR HOME ON THE WEB.<p>Olia Lialina, net artist who does a lot of internet history stuff: <a href="https:&#x2F;&#x2F;blog.geocities.institute&#x2F;archives&#x2F;5118" rel="nofollow">https:&#x2F;&#x2F;blog.geocities.institute&#x2F;archives&#x2F;5118</a><p>Wrote about homepages recently. <a href="https:&#x2F;&#x2F;maya.land&#x2F;monologues&#x2F;2022&#x2F;09&#x2F;19&#x2F;homepages.html" rel="nofollow">https:&#x2F;&#x2F;maya.land&#x2F;monologues&#x2F;2022&#x2F;09&#x2F;19&#x2F;homepages.html</a> I hope people have fun with this tool! Even without getting your hands dirty yourself with some HTML, it encourages an attitude of &quot;I ought to be able to make this be how I want&quot; towards technology
reustleover 2 years ago
When looking up weather, I get<p>&gt; Sorry, that city doesn&#x27;t exist<p>Seems you mean to say that you couldn&#x27;t find that city.<p>Also, why do the tile contents change when I change the theme? The google search bar changes to a time ruler depending on the theme.<p>Good work though!
评论 #33353083 未加载
neogodlessover 2 years ago
Why does it assume I&#x27;m using Chrome? (I&#x27;m not.)<p>I&#x27;d at least suggest you let people know &quot;this one&quot; links to a <i>Chrome</i>-specific extension.<p>Can you remove stock tabs?
A_Venom_Rollover 2 years ago
Reminds me of <a href="http:&#x2F;&#x2F;start.me" rel="nofollow">http:&#x2F;&#x2F;start.me</a>, which is highly customizable and also offers a new tab extension.
idk1over 2 years ago
Nice work! One request pls - can you tie two different themes to light and dark mode, my computer goes into dark mode at sunset and it would be great if I could pick one theme for dark mode and one theme for light mode. I love the pink theme bug I don&#x27;t want it once the sun goes down, I&#x27;d go for dark theme then, but of course I don&#x27;t want the dark theme during the day.
cryptoboidover 2 years ago
Nice! Seems interesting, might give it a try. Would you mind sharing the pixel art gif that it&#x27;s seen in the gif&#x2F;video showcase?
评论 #33352751 未加载
ndrover 2 years ago
This seems a good candidate for a personal dashboard akin what suggested by <a href="https:&#x2F;&#x2F;twitter.com&#x2F;balajis&#x2F;status&#x2F;1442865840882212873" rel="nofollow">https:&#x2F;&#x2F;twitter.com&#x2F;balajis&#x2F;status&#x2F;1442865840882212873</a>
karakanbover 2 years ago
This looks very nice, thanks for sharing it. I really like the way the settings pane works, being able to see the change right away instead of the browser.<p>Since many people have shared theirs, I have also built a new-tab extension for a few years ago, it displays Hacker News, Product Hunt, GitHub Trending and a few more platforms on the grid, I have ~2k people using it: <a href="https:&#x2F;&#x2F;github.com&#x2F;karakanb&#x2F;devo" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;karakanb&#x2F;devo</a><p>I will experiment with this settings design to incorporate sth similar in Devo, thanks for the inspiration!
breckover 2 years ago
This is awesome! My friend Nick and I ran a site like this a long time ago called qduke.com that we eventually sold to the student newspaper after we graduated. We entered the Duke Startup Challenge with that idea — the best start pages on the Internet. But our tech wasn&#x27;t as good as yours is. Didn&#x27;t have that much programming experience at the time.<p>I love how its open source and you use local storage. If there&#x27;s anything I can do to help feel free to reach out!
rcarmoover 2 years ago
This is very nice. It does, however, assume you only use one browser, or one device. I use a static page (<a href="https:&#x2F;&#x2F;github.com&#x2F;rcarmo&#x2F;sui" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;rcarmo&#x2F;sui</a>) that I’ve since hacked to have zero off-LAN dependencies other than the weather, and which I set as home in everything.<p>But I like the idea of having a few widgets, so this is good inspiration - I just need to add an express server to store a bit of JSON.
grepfru_itover 2 years ago
Also check out dashy[0] which does much of the same (including the option for server side configuration). Personally I&#x27;m happy with the tabliss[1] addon for firefox<p>[0] <a href="https:&#x2F;&#x2F;dashy.to&#x2F;" rel="nofollow">https:&#x2F;&#x2F;dashy.to&#x2F;</a><p>[1] <a href="https:&#x2F;&#x2F;addons.mozilla.org&#x2F;en-US&#x2F;firefox&#x2F;addon&#x2F;tabliss&#x2F;" rel="nofollow">https:&#x2F;&#x2F;addons.mozilla.org&#x2F;en-US&#x2F;firefox&#x2F;addon&#x2F;tabliss&#x2F;</a>
footaover 2 years ago
Fun fact, I wrote the initial prototype of a chrome extension called the Awesome New Tab Page while a junior in high school, it&#x27;s fun to see it&#x27;s still around!
bonytover 2 years ago
Anyone remember using &quot;MyYahoo!&quot; where you could customize the page, putting feeds and other things in the boxes and arranging them as you saw fit?
评论 #33359748 未加载
评论 #33356486 未加载
godmode2019over 2 years ago
Hi friend, do you mind adding a licence to the github repo
alexb_over 2 years ago
The design is super opinionated but I LOVE IT! Especially the colored dark - I really do hate how dark modes really muddy out a lot of colors (I often find myself using the Windows High Contrast mode, especially in VSCode). Love the amount of customizability to make it exactly what I want. Will start using this!
kamilmover 2 years ago
Nice work, good job! I like the pastel colors and the design.<p>We run <a href="https:&#x2F;&#x2F;websktop.com" rel="nofollow">https:&#x2F;&#x2F;websktop.com</a> which also can be used as a new tab page (it&#x27;s even faster with our Chrome extension) but it&#x27;s not as &quot;dynamic&quot; - just your bookmarks.
smoldesuover 2 years ago
Well done, just made it my homepage too :)
评论 #33351703 未加载
bobsmoothover 2 years ago
I use the default firefox new tab with the frequently used website icons zoomed in a little but this is cool.
评论 #33355391 未加载
wolpoliover 2 years ago
This is awesome! I really missed portals and start pages that we get to customize from back in the days.
just-tomover 2 years ago
I love how fast everything works! And the fact that you implemented themes are also a big respect.<p>I had this idea a few years ago when I was a much worse programmer and gave it a try with <a href="https:&#x2F;&#x2F;widget-board.com" rel="nofollow">https:&#x2F;&#x2F;widget-board.com</a>
jestersonover 2 years ago
I use <a href="https:&#x2F;&#x2F;github.com&#x2F;bastienwirtz&#x2F;homer" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;bastienwirtz&#x2F;homer</a> for quite some time.<p>No useless bells an whistles (sorry author), no external API references, blazingly fast, nicely done
binarytideover 2 years ago
I&#x27;ve been working on the same idea as a side project. this is a hell of a bar. great job
monkeydustover 2 years ago
Nice work - i got a positive experience being able to type in location, stock, reddits and getting something back quickly. This could make a good homescreen for a device mounted on a wall in your home perhaps from a repurposed e-reader.
gernbover 2 years ago
nice!<p>Some suggestions for me at least<p>1. Why I can&#x27;t I set any tile to any type?<p>2. An RSS feed tile would be nice. It seems I can only follow HN, Reddit, Twitter<p>3. Would be great if I could drag and drop tiles to arrange like (<a href="https:&#x2F;&#x2F;nomcopter.github.io&#x2F;react-mosaic&#x2F;" rel="nofollow">https:&#x2F;&#x2F;nomcopter.github.io&#x2F;react-mosaic&#x2F;</a>) or (<a href="https:&#x2F;&#x2F;xcfox.github.io&#x2F;react-tile-pane&#x2F;demo&#x2F;" rel="nofollow">https:&#x2F;&#x2F;xcfox.github.io&#x2F;react-tile-pane&#x2F;demo&#x2F;</a>) etc...<p>4. A random image tile would be nice<p>5. Use the extension sync to sync across machines? (maybe that&#x27;s already in the extension version)
评论 #33356234 未加载
gammalostover 2 years ago
This reminds me of the behemoth that is superstart[0]. Everything from banking to recipes in it&#x27;s ugly glory<p>[0]<a href="https:&#x2F;&#x2F;www.superstart.se&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.superstart.se&#x2F;</a>
tiborsaasover 2 years ago
This is almost exactly what I needed, thank you :)<p>One thing I couldn&#x27;t figure out, what format the stock ticker prefers, you could add a search feature there, or a (?) icon that explains the format.
spk_over 2 years ago
This is great. Out of curiosity, why not just wrap this as a standalone addon? Not questioning your decision btw, just thinking that the current approach may increase your hosting cost, no?
roreplayover 2 years ago
Really like the idea and very well done. I think it would be really nice if we could change the widget as well. For example, I don&#x27;t use Spotify at all so it be replace with other widget.
评论 #33352166 未加载
dangerfaceover 2 years ago
This is a truly excellent site I like how easy the ui is everything makes sense and I like the little tutorial it gives you much better than the ui for onboarding on most saas.
akuji1993over 2 years ago
The stock component is missing an error message, when it can&#x27;t find a stock. I entered &quot;MSCI World&quot; and it just kept loading and loading.
评论 #33354793 未加载
agileAlligatorover 2 years ago
Currently my new tab page is Weboasis[0], it&#x27;s pretty nifty. Has a lot of neat tools and a fully customizable RSS feed.<p>RIP Webby<p>May his soul be one with Brahman<p>[0]: weboasis.app
jcbcnover 2 years ago
Would be good to have this as an offline open source extensions for firefox (which also sets the new start tab to itself)
boredhedgehogover 2 years ago
The wide tiles don&#x27;t have a bonsai mode, and the narrow tiles are too narrow to show the whole bonsai. :-(
SeriousMover 2 years ago
I use the artstation extension for a new image with every new tab. That&#x27;s a bit of beauty throughout the day.
GrayShadeover 2 years ago
Looks pretty nice :-). But why does changing the theme reset the weather location?
happyopossumover 2 years ago
This would be awesome if only Chrome allowed one to point a new tab page somewhere…
评论 #33353333 未加载
评论 #33358497 未加载
评论 #33353288 未加载
martin_aover 2 years ago
What tool did you use for the &quot;tour&quot;&#x2F;tutorial at the start?
cunidevover 2 years ago
This is what I have been dreaming for years. Amazing job!
Jaxkrover 2 years ago
iGoogle nostalgia :)
评论 #33353189 未加载
tarsheyover 2 years ago
This is impressive, love the background with a gif!
Phristovover 2 years ago
Awesome work sir! I would definitely use it.
treveover 2 years ago
Looks broken on Firefox, everything is blurry!
评论 #33352794 未加载
culanuchachamimover 2 years ago
Bravo! Very nice!
barlogover 2 years ago
That 盆栽(bonsai) grabbed my heart
go1xfer124over 2 years ago
not sure if I missed it but how do you get the animated background?
评论 #33352102 未加载
aliqotover 2 years ago
What does the ruler do?
评论 #33354070 未加载
评论 #33353855 未加载
wetpawsover 2 years ago
Too much tutorial, I noped almost instantly
fazfqover 2 years ago
The last thing I need is such a stream of information in my new tab page. I would never get anything done. Thank the Lord for about:blank
评论 #33356207 未加载
评论 #33359514 未加载
评论 #33360517 未加载
评论 #33359408 未加载
raldiover 2 years ago
A lot of people are going to arrive on mobile, get turned away, and never come back again. Consider putting together <i>something</i> to give an impression of what you’ve done, or a “Show me anyway, even though it’s not optimized for mobile” button, or even just some screenshots.
评论 #33351934 未加载
评论 #33352509 未加载
评论 #33352752 未加载
PhasmaFelisover 2 years ago
Lovely work, but Jesus Christ, if I put Reddit and HN on my home tab I would never get <i>anything</i> done.
评论 #33352757 未加载
nipperkinfeetover 2 years ago
Humble New Tab Page is how I solved mine. I don&#x27;t need any distractions. Just the title and icon of the bookmarks I need.
评论 #33352755 未加载
cpcallenover 2 years ago
Hmm. It just shows me a blank page, like about:blank, only it uses 112% CPU. That doesn&#x27;t seem very useful.<p>Oh, I see: looking in the console is an infinity of error messages, mostly &quot;Error handling response: Error: Failed to read the &#x27;localStorage&#x27; property from &#x27;Window&#x27;: Access is denied for this document.&quot; Yeah: yet another page that can&#x27;t load correctly with cookies disabled—only this one also manages to drain my battery.<p>Look: I am sure your page is very pretty, but if you can&#x27;t even manage to write code that fails gracefully in this very simple and common scenario, I don&#x27;t think I trust you to not have made mistakes with more serious consequences.
评论 #33356381 未加载