Has Anyone Here Built an AI "Flip Book"... or Maybe a Flaip Book?

Plankhead

Registered Member
Joined
Aug 29, 2024
Messages
93
Reaction score
78

I'm exploring an idea that's somewhere between a traditional website, an interactive storybook and a comic.​



Rather than endless scrolling, the visitor simply turns pages.


Every so often, a page might gently wobble or tilt, adding a little character to the experience rather than distracting from it.


My questions are:


  • Has anyone here created something similar?
  • Are there any AI tools that can help create this type of experience?
  • Or is it generally built using custom HTML/CSS/JavaScript?
  • If you've built one yourself, I'd genuinely love to see it and hear what worked well (and what didn't).

I'm not looking for a standard website.


I'm interested in creating something that feels more like discovering a story, one page at a time.


Sometimes I think the traditional scrolling website is becoming a little predictable, so I'm curious to see what other creative approaches people have come across.


Looking forward to hearing your thoughts and, hopefully, seeing some examples.


Thanks!
 
There are similar things on apps
Though I have not seen them quite common with sites
You might want to think through other options before going fully for this
 

I'm exploring an idea that's somewhere between a traditional website, an interactive storybook and a comic.​



Rather than endless scrolling, the visitor simply turns pages.


Every so often, a page might gently wobble or tilt, adding a little character to the experience rather than distracting from it.


My questions are:


  • Has anyone here created something similar?
  • Are there any AI tools that can help create this type of experience?
  • Or is it generally built using custom HTML/CSS/JavaScript?
  • If you've built one yourself, I'd genuinely love to see it and hear what worked well (and what didn't).

I'm not looking for a standard website.


I'm interested in creating something that feels more like discovering a story, one page at a time.


Sometimes I think the traditional scrolling website is becoming a little predictable, so I'm curious to see what other creative approaches people have come across.


Looking forward to hearing your thoughts and, hopefully, seeing some examples.


Thanks!
paste this exact post into AI builders like lovable, base44 or cursor whatever works for you and you are good to go.
 
@Plankhead those page flipping sites look cool but tbh they can be a nightmare for mobile responsiveness and seo. if you just want a branding lander or a promo site though it works. instead of just raw AI like @Ter09z suggested i would look at GSAP (greensock) for the animations and page flips. cursor or v0 can write the code for it easily if you tell it to use GSAP or even just basic CSS 3D transforms for the tilt effect. there used to be a jquery library called turn.js but its pretty outdated now. if you build it custom just make sure you have a fallback for mobile because swiping on a phone is different than clicking a page corner on desktop... otherwise the bounce rate will kill you.
 
Thanks for the replies so far, they've already given me a slightly different perspective.

One thing I'm starting to realise is that I'm probably using the term flipbook a bit too literally.

What I'm actually interested in is digital storytelling.

The goal isn't to recreate an old Flash-style flipbook or a PDF viewer. It's to create a website that encourages visitors to discover content one page at a time, with subtle movement and transitions that support the experience rather than dominate it.

So perhaps the better question is:

Has anyone built a website where the primary navigation is page-by-page storytelling rather than continuous scrolling?

If anyone has examples, whether it's a children's storybook, interactive comic, museum exhibit, product showcase or something completely different I'd genuinely love to see them.

Those examples would probably be more useful to me than traditional flipbook software.
 
paste this exact post into AI builders like lovable, base44 or cursor whatever works for you and you are good to go.
Don't they charge you for it? How much does it cost in order to do this?
 
Back
Top