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.
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.
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!
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?
Really like how one medium can be reinterpreted as another. I have an app that follows that same theme. I’m not sure it’s anywhere near as complex as this and it took a lot longer than two weeks. All seems very impressive
Vibary
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.
Swytchcode
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.
Vibary
@chilarai it is also an experiment about how we can do with the help of AI.
minimalist phone: creating folders
Is it possible to create own website according to the book in the future? Because now, I can see only the library.
Vibary
@busmark_w_nika that's a good idea, i am thinking about it, there are so many books, i can't do it on my own. and people may like different style.
minimalist phone: creating folders
@rand_cat At least, it would encourage our creative spirits! :D
Vibary
@busmark_w_nika i also love to see how people will create.
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!
Vibary
@skitobyte thinks. i am try to make it even better
EasyFrontend
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?
Vibary
@getsiful AI do it automatically, so the content may be wrong.
Love the design! Do you write these summaries manually or is it AI?
Vibary
@pasha_tseluyko 80% AI + 20% human