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.
Interesting project! I kept scrolling and thinking, “Hmm, what would this look like for fiction vs non-fiction?” 😄
Also curious if there are plans to build your own vibe for a book or if it’s auto-generated?
Either way, it's a cool exploration of how content can look on the web.
I looked into your website, and it's actually really cool and well structured. It's really neatly done considering you developed everything in 2 weeks.
One thing I’m curious about is whether we need to create all the content manually, or does Vibary include any AI that can take a books topic, do proper research, and generate the script/content for the website automatically?
Love the concept and quick execution! I tried reading "Thinking In Systems" at least 3 times, could never get into it. A website is an interesting way to bring it to life! Good luck with the launch!
Is it possible to create own website according to the book in the future? Because now, I can see only the library.
Hi
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.