tannerdolby / react-book

Book component with GSAP animation

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