I made a virtual bookshelf

Looks super nice! I myself use GitHub Issues to track my reading here: <a href="https:&#x2F;&#x2F;github.com&#x2F;AnandChowdhary&#x2F;books" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;AnandChowdhary&#x2F;books</a>. It has a GitHub Action that tracks reading and generates a summary and API: <a href="https:&#x2F;&#x2F;github.com&#x2F;AnandChowdhary&#x2F;bookshelf-action" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;AnandChowdhary&#x2F;bookshelf-action</a>

Love this. Reminds of when I spent countless hours using a webcam to scan in all books, movies, and games to Delicious Library[0].<p>[0] <a href="https:&#x2F;&#x2F;delicious-monster.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;delicious-monster.com&#x2F;</a>

I&#x27;m very interested in visual ways to explore ebooks, papers, articles.<p>A physical library helps discovering new stuff or occasionally bumping in something. With files you need to be much more deliberate and I feel like you can accumulate a lot without really knowing what you have.<p>Even if this is a simple visualization it already gives ideas on how much more information you could convey with something similar. Like number of pages, color of the cover, to remind you of the book, different font, etc. A set of cues that can help you navigate in the list of books, at least I suspect :)

Well done! Looks very charming :)<p>Like the other commenter, I&#x27;ve thought about something related before. But I thought about it more like on a platform. If I may... You could make an account and digitalize your bookshelf for you and others to see. You might pin notes, quotes, ratings, open a discussion thread (about paragraphs or the whole book), etc. to a book. The cover art that is displayed could be changed (like a book that was published multiple times under various publishers), but not only to original covers but also community made cover art (pixel art, collages from movie screenshots and so on). You could tag your books and rearrange them accordingly. And so much more...

I&#x27;ve thought about this before as a physical item. Like maybe a breadbox size ePaper screen that looks like a tiny bookcase with a API back to Goodreads or something to get the book spine images.<p>You could also have a section that displays random quotes from books in your library.<p>Unfortunately for now the licensing on color ePaper is still prohibitive and doing it with an lcd seems somehow tacky to me.

A nice virtual bookshelf that also has reviews &#x2F; notes for all of the books is <a href="https:&#x2F;&#x2F;books.rixx.de&#x2F;" rel="nofollow">https:&#x2F;&#x2F;books.rixx.de&#x2F;</a>. It also has categories and a graph of relations between books. The code is open source as well: <a href="https:&#x2F;&#x2F;github.com&#x2F;rixx&#x2F;books.rixx.de" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;rixx&#x2F;books.rixx.de</a>

Nice idea but the vertical titles are too hard to read. Why not just stack the books one on top of the other for the sake of usability?

I’d love this in the style of Stripe Press’s page [1].<p>[1] <a href="https:&#x2F;&#x2F;press.stripe.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;press.stripe.com&#x2F;</a>

&gt; While the Linux open source operating spans 15 million lines of code across 40,000 software files, Google engineers modify 15 million lines of code across 250,000 files each week.<p>Depressing. Can you imagine the utility to the world if all of this activity weren&#x27;t being focused on selling ads?

Just a little thing: it&#x27;s nice that it works on mobile too (many hover activities don&#x27;t but here it&#x27;s fine). And the text of the titles is selectable even though it&#x27;s vertical (thanks to CSS)

That is a lot of fun, great job!<p>You might think of adding a link or two for each book. Say to the Wikipedia entry for the author, or a review of the book. I was curious about the, &quot;Demon Cycle&quot; for instance, and would have liked to read more about it.

This is a cool idea. It motivated me to stash a list of the books I&#x27;ve listened to on Audible. I wrote a blog post that has a JS snippet you can run against the Audible webapp, which makes it easier to get the list of titles (it just parses the DOM and gives you a plain text version).<p><a href="https:&#x2F;&#x2F;blog.techotom.com&#x2F;post&#x2F;2022-05-07-get-your-audible-book-list&#x2F;" rel="nofollow">https:&#x2F;&#x2F;blog.techotom.com&#x2F;post&#x2F;2022-05-07-get-your-audible-b...</a>

I wrote an app to track all my read books in a table: <a href="https:&#x2F;&#x2F;videlibri.de&#x2F;" rel="nofollow">https:&#x2F;&#x2F;videlibri.de&#x2F;</a><p>The main feature is to import the books from a library account. At that time I was getting all my books from a library, so I never had to add any book manually, they just appear in my table.<p>But it is in German, because I only have Germany library cards. I cannot get any more library cards because the libraries refuse to talk to me

Very cool! I might borrow some of your ideas and implement them on my own reading log (<a href="https:&#x2F;&#x2F;edmundo.is&#x2F;reading" rel="nofollow">https:&#x2F;&#x2F;edmundo.is&#x2F;reading</a>). Right now it’s just a list of all books I have read, but I&#x27;m working on implementing filters for genre and year (year only shows on hover for now, or by tapping the book on mobile), and maybe breaking the grid by year like you have!

Fun! I also did a similar thing [1] which is or more or less a GoodReads clone.<p>Still looking for a syndicated&#x2F;federated booklist share tool, so I can track friend&#x27;s books&#x2F;reading lists.<p>[1] <a href="https:&#x2F;&#x2F;j11g.com&#x2F;2019&#x2F;11&#x2F;16&#x2F;foster-how-to-build-your-own-bookshelf-management-web-application&#x2F;" rel="nofollow">https:&#x2F;&#x2F;j11g.com&#x2F;2019&#x2F;11&#x2F;16&#x2F;foster-how-to-build-your-own-boo...</a>

Looks great Petar! A virtual book shelf is also an engaging virtual background for online meetings! I built <a href="https:&#x2F;&#x2F;booktapestry.com" rel="nofollow">https:&#x2F;&#x2F;booktapestry.com</a> to make it easy (and free) to create animated virtual bookshelves from the books in your e-reader collection. These animated backgrounds work with most online meeting solutions including Zoom, Google Meet and MS Teams.

This is nice. I didn&#x27;t try but to get a pseudo-random variation of the book height, will it be possible to do a pre-defined Cicada Principle[1] method, say, pick 20-30 heights and keep picking them up.<p>There seem to be quite a lot of people who have their own book collection. I&#x27;m still looking for something simple that can spit out a HTML front; and yet to find something I like.<p>On another note, recently I was looking for a Library Management System for a small community, with a current book collection of over 25,000. I looked a bunch of Open Source Solutions (most are too complex). I also do not want to do build anything from scratch.<p>I settled on Libib[2] and the subscription is economical enough for what we are looking for.<p>1. <a href="https:&#x2F;&#x2F;lea.verou.me&#x2F;2020&#x2F;07&#x2F;the-cicada-principle-revisited-with-css-variables&#x2F;" rel="nofollow">https:&#x2F;&#x2F;lea.verou.me&#x2F;2020&#x2F;07&#x2F;the-cicada-principle-revisited-...</a><p>2. <a href="https:&#x2F;&#x2F;www.libib.com" rel="nofollow">https:&#x2F;&#x2F;www.libib.com</a>

Great idea!<p>By the way, on the newest safari it doesn&#x27;t work properly. I tried it then out with Chrome, and no problems there.

self-plug: <a href="https:&#x2F;&#x2F;ananthakumaran.in&#x2F;books" rel="nofollow">https:&#x2F;&#x2F;ananthakumaran.in&#x2F;books</a>

My e-reader with e-ink shows percentage, but the visualization of how you did it looks much better. Not sure if its as practical in the e-reader situation given you hold it in a certain angle, have black&#x2F;grayscale&#x2F;white. Anyway, the nice thing about an e-reader is that it has this feature. It allows you to track where you are within your books, and its quite a portable device not requiring much battery.

I’ve tried similar myself but I love the visual simplicity of this. Much nicer than a list. If you’re interested I came across this year’s ago … some nice inspirations and ways of finding new stuff.<p><a href="https:&#x2F;&#x2F;tomcritchlow.com&#x2F;wiki&#x2F;books&#x2F;bookshelves&#x2F;" rel="nofollow">https:&#x2F;&#x2F;tomcritchlow.com&#x2F;wiki&#x2F;books&#x2F;bookshelves&#x2F;</a><p>My favourite is this one with the little toggle for reviews or comments:<p><a href="https:&#x2F;&#x2F;daverupert.com&#x2F;bookshelf&#x2F;" rel="nofollow">https:&#x2F;&#x2F;daverupert.com&#x2F;bookshelf&#x2F;</a>

Interesting there’s cover art for books, but it would be handy to have spine art too.<p>I used to buy lots of books and now have them stacked up, I’ve bought lots of eBooks and whilst I don’t trip up on them I don’t get into the habit of progressing them. From Physics I’ve set up collections for books I’ve got to 1%, 2%, 5%, 10%, 20%, 50% which roughly works out as equal, and I have the little triumph of moving a book forward.

Pretty neat, I also keep a reading list on my personal site but it pales in comparison to what you&#x27;ve built: <a href="https:&#x2F;&#x2F;www.mathew-paul.nz&#x2F;reading-list&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.mathew-paul.nz&#x2F;reading-list&#x2F;</a><p>Fighting the urge to improve mine after seeing the variety of implementations in the comments!

Curious Incident of the Dog in the night time was the last physical book I bought. Such a good read. I really enjoyed that book.

I love this!!! I was hoping one day to getting around and making a virtual bookshelf myself to outline ideas in books I liked.

I expected somone to create a Zoom backdrop with photo realistic but personalized books in a bookshelf.<p>But didn&#x27;t find one when I looked a while back.<p>This highlights one issue, that front covers of books are easy to come by, but not spines. I wonder how hard it would be to generate one from the other automatically.

I read the title as “VR bookshelf” and imagined someone scanning in an entire book and representing it in the ‘verse in some way. Not to derail from the content here too much, but I think this other idea could actually be pulled off pretty elegantly.

Openlibrary has physical size data for some books, which could add a degree of versimilitude here.<p>Even page count might be a rough proxy, or even more roughly publisher, e.g. Penguin Modern Classics probably share a standard height, width.

I had done a similar one, just without the images. My intention was to add a blurb for each of the books, but friction is the enemy of reading.<p><a href="https:&#x2F;&#x2F;idiallo.com&#x2F;library" rel="nofollow">https:&#x2F;&#x2F;idiallo.com&#x2F;library</a>

self-plug: <a href="https:&#x2F;&#x2F;MyBookList.club" rel="nofollow">https:&#x2F;&#x2F;MyBookList.club</a> Latest features: cover OCR (plus barcode), library value and finding people with common books. Looking to add reading progress... any ideas welcome!

I did the same in 2020! I haven’t updated the site in a few years and track on Notion now, but it’s fun! <a href="https:&#x2F;&#x2F;spaghet.me&#x2F;bookshelf" rel="nofollow">https:&#x2F;&#x2F;spaghet.me&#x2F;bookshelf</a>

Perhaps related: <a href="https:&#x2F;&#x2F;github.com&#x2F;andysylvester&#x2F;federated-bookshelves" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;andysylvester&#x2F;federated-bookshelves</a>

Very cool. Are you getting the images manually? I built something similar a while back but never took off.<p><a href="https:&#x2F;&#x2F;bookshulf.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;bookshulf.com&#x2F;</a>

I was hoping it to be divided into two bookshelves one for &quot;books read&quot; and much much more importantly one for &quot;books have not read&quot;.<p>You don&#x27;t learn much from what you already know.

Looks great! Two things you could do to make it super smooth is speed up the animation by about two thirds, and make it so one book is put back before the second one gets animated outwards.

I like the 2d idea! Throwing my reading page out here like others: <a href="https:&#x2F;&#x2F;www.dyl.dev&#x2F;reading" rel="nofollow">https:&#x2F;&#x2F;www.dyl.dev&#x2F;reading</a>

Very cool! I wanted to try to make something like this so that I can make my own bookshelf background for zoom calls. I got as far as finding no book spine artwork data sources.

That&#x27;s cool.<p>The one thing that would be nice, is if the book that you are examining, appeared <i>over</i> the book to the right of it. The other book&#x27;s spine gets in the way.

very nice!<p>looks similar tech to some virtual birthday cards which didn&#x27;t have enough time to be physically sent halfway across the planet<p><a href="https:&#x2F;&#x2F;abbey-decorators.co.uk&#x2F;cards&#x2F;hoj.html" rel="nofollow">https:&#x2F;&#x2F;abbey-decorators.co.uk&#x2F;cards&#x2F;hoj.html</a><p><a href="https:&#x2F;&#x2F;abbey-decorators.co.uk&#x2F;cards&#x2F;mij.html" rel="nofollow">https:&#x2F;&#x2F;abbey-decorators.co.uk&#x2F;cards&#x2F;mij.html</a>

<a href="https:&#x2F;&#x2F;en.m.wikipedia.org&#x2F;wiki&#x2F;Shelfari" rel="nofollow">https:&#x2F;&#x2F;en.m.wikipedia.org&#x2F;wiki&#x2F;Shelfari</a>

This looks so cool! Thanks for making it open source and sharing.<p>This instantly reminded me of Shelfari, I had lots of fun adding and cataloging books on it.

I see a lot of Demon Cycle books. Are they good?<p>I’m finishing up on the last few Malazan books, looking for recommendations on what to read next.

This could use a proof-of-work algorithm, like a minimum score on a multiple choice test to put the book on your shelf.

Would be a nice coding project for somebody to add a pull from GoodReads etc to populate the books for people with accounts.

Nice! Simple and effective. For those looking for something more goodreads-looking, I can recommend BookWyrm.

So cool! Would be nice to make the color of the edge match the dominant color of the cover, somehow

This is cool. It would be neat if I could click the book to view the Librarything page for it.

Oh this is great! Will be using on my site for sure. Thank you for sharing :)

Wow, that&#x27;s amazing. Can you imagine if this was added to lazylibrarian?

Nice job! Reminded me a bit of the e-reader Calibre.

I set up a copy, thanks for sharing!

Does not work in Safari

I just use Librarything

This is really nice

very cool