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.
![3D CSS Books Demo](https://private-user-images.githubusercontent.com/48612525/348518092-f3caaaa5-5861-43a1-9923-ab9348cbd6ea.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzNDIzMjQsIm5iZiI6MTcyMjM0MjAyNCwicGF0aCI6Ii80ODYxMjUyNS8zNDg1MTgwOTItZjNjYWFhYTUtNTg2MS00M2ExLTk5MjMtYWI5MzQ4Y2JkNmVhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzMwVDEyMjAyNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM4M2FkMDgyZjMwZWVkMjg0ZmQ2YzQ5MDhmNjJiNjRkNzQ3MTFkNDY1M2RhNWMwMWZlMzVjYWQ2MjY4ZWFhN2YmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.UnPsOozOQH4a_eL3HbskM71ssZSs5qyiqXX7sjTJq1c)
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"
/>
)
}