In just 2 weeks, I used Gemini 3 to turn 42 books into 42 unique webpages, visualizing the unique "Vibe" of each one.
I imagine you’ve seen plenty of flashy webpages built by Gemini 3 lately and might be getting a bit tired of them—let alone books, which some find conducive only to sleep.
But if you’re curious to see what’s down the rabbit hole, the entrance is here:
This project stems from my reflections on media. Different mediums convey different information and sensations—something you feel the moment you interact with them.
If you want specificity, watch a video. If you want efficiency, scroll through social media. If you want emotion, listen to music. If you want an experience, play a game. If you want depth, read a book. Don't resist the medium.
The existence of AI allows for the transformation between different mediums, and many attempts have been made in this regard. Among the multitude of mediums, the web—that ancient medium—always manages to capture my attention. So, I’ve been conducting various experiments to explore what exactly we can hold within a webpage.
Vibary is one such humble attempt. I tried to translate an even older medium—books—into webpages, just to see what would happen.
This project spans nearly 100,000 lines of code, 99.9% of which were written by AI. For a purely frontend project with no backend, where each part of the site is relatively independent, "vibe coding" is perfectly up to the task.
I run multiple code editors simultaneously, tasking different AIs in parallel. Sonnet 4.5 crafts the narrative arc for each book, Gemini 3 handles the design and frontend, and Codex takes care of the grunt work.
Because the code was written by AI, combined with limited time, the content and experience of Vibary are currently imperfect—perhaps even erroneous. So please explore with caution. But don't panic; this website is mostly harmless.
mring33621•1d ago
Very neat idea!
chux52•1d ago
I checked out the Atomic Habits page, because I read it a few years ago. The visuals were much better than I anticipated and went with the book content really well.
Rand_cat•1d ago
I imagine you’ve seen plenty of flashy webpages built by Gemini 3 lately and might be getting a bit tired of them—let alone books, which some find conducive only to sleep.
But if you’re curious to see what’s down the rabbit hole, the entrance is here:
https://vibary.art/en
This project stems from my reflections on media. Different mediums convey different information and sensations—something you feel the moment you interact with them.
If you want specificity, watch a video. If you want efficiency, scroll through social media. If you want emotion, listen to music. If you want an experience, play a game. If you want depth, read a book. Don't resist the medium.
The existence of AI allows for the transformation between different mediums, and many attempts have been made in this regard. Among the multitude of mediums, the web—that ancient medium—always manages to capture my attention. So, I’ve been conducting various experiments to explore what exactly we can hold within a webpage.
Vibary is one such humble attempt. I tried to translate an even older medium—books—into webpages, just to see what would happen.
This project spans nearly 100,000 lines of code, 99.9% of which were written by AI. For a purely frontend project with no backend, where each part of the site is relatively independent, "vibe coding" is perfectly up to the task.
I run multiple code editors simultaneously, tasking different AIs in parallel. Sonnet 4.5 crafts the narrative arc for each book, Gemini 3 handles the design and frontend, and Codex takes care of the grunt work.
Because the code was written by AI, combined with limited time, the content and experience of Vibary are currently imperfect—perhaps even erroneous. So please explore with caution. But don't panic; this website is mostly harmless.