Reusable component for displaying 3D book UI elements. Users can leverage the Open Library for book data, or provide your own book cover images. GSAP animation on click and tab interaction.
To find a specific book cover, search by title on the Open Library website and grab the Open Library ID.
import Book from './components/Book';
function App() {
return (
{/* Use Open Library book data */}
<Book
title="The Hitch Hiker's Guide to the Galaxy"
openLibraryId='OL32832269M'
/>
{/* Provide your own book cover images */}
<Book
title="Archimedean Spiral"
coverUrl="https://tannerdolby.com/images/arc-spiral-large-640.jpeg"
/>
)
}