Component
3D Book Component for Framer
This is an interactive 3D book component for Framer. You can simply copy and paste it into your project, then customize it using the component properties. It's really easy!
Created by
About the resource
The component is designed to be fully customizable. You can upload a cover image of the book, change the title displayed on the spine, or change the size of the component.
About the resource
The component is designed to be fully customizable. You can upload a cover image of the book, change the title displayed on the spine, or change the size of the component.
About the resource
The component is designed to be fully customizable. You can upload a cover image of the book, change the title displayed on the spine, or change the size of the component.
3D book component properties.
3D book component properties.
3D book component properties.
The component is designed so it features an "Open" and a "Close" variant. This allows you to tailor any custom interaction with it.
For example, in this demo, I wrapped some 3D books in a container and transformed that into a component. I created multiple variants for this component, and in each variant, a different book is open. These variants are connected with interactions, so when a book gets a hovered, we switch to the variant where that specific book is open. And of course, we can also trigger the same interaction with a click.
The component is designed so it features an "Open" and a "Close" variant. This allows you to tailor any custom interaction with it.
For example, in this demo, I wrapped some 3D books in a container and transformed that into a component. I created multiple variants for this component, and in each variant, a different book is open. These variants are connected with interactions, so when a book gets a hovered, we switch to the variant where that specific book is open. And of course, we can also trigger the same interaction with a click.
The component is designed so it features an "Open" and a "Close" variant. This allows you to tailor any custom interaction with it.
For example, in this demo, I wrapped some 3D books in a container and transformed that into a component. I created multiple variants for this component, and in each variant, a different book is open. These variants are connected with interactions, so when a book gets a hovered, we switch to the variant where that specific book is open. And of course, we can also trigger the same interaction with a click.
