Book.js

3D book React component. Leverage the Open Library for book covers, 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.

Examples

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"
    />
  )
}