InteractiveBook
Bring a classic, satisfying feel of a real book to your Framer site! Showcase your best highlights or quick guides with a tactile, page-flipping animation powered by Framer motion.
Make it with Workshop
Build your own component with AI
About this Component
Note: After uploading images, ensure both the Width and Height are explicitly set to Fixed values in the Properties Panel to prevent rendering issues.
Features You'll Love:
Realistic 3D Page Turn: Visitors simply click the book to open it, revealing a stunning, realistic page-flipping animation powered by Framer Motion. Click again to turn the next page, or click one last time to elegantly close the book.
Fully Customizable Page Content: Easily plug in images or other content for the front cover, 10 inner pages, and the back cover—that's a total of 12 slots for your amazing visuals.
Advanced Shadow Controls: Fine-tune the 3D realism! Customize the shadow color, blur, spread, and offset to make the book perfectly match your site's aesthetic. The shadow even disappears during the flip animation, just like a real object.
