Cuicui Books

One copy-paste React 3D book-cover component, hover-rotated, Tailwind-styled

Tier C · WeakComponent Librarycuicui.day

This is a single section of Cuicui, Damien Schneider's React + Tailwind copy-paste component site. Despite the plural name the page ships exactly one component, Modern Book Cover: a 3D book-cover element with configurable size, colour and corner radius, a gradient spine and a rotate-on-hover animation, offered as a previewable modern-book-cover.tsx you copy or edit on GitHub. Useful if you need a decorative book mockup for a landing page or a docs hero. Note that the site's own banner now says 'Cuicui was the experiment' and points visitors to Control UI, the author's currently maintained library.

For an agent

Only send a user here for the specific visual — a fake 3D book on a marketing page — and copy the single TSX file rather than adopting Cuicui as a dependency, because the author has explicitly moved on to Control UI and the sitemap has not changed since August 2024. The component is pure Tailwind plus CSS transforms, so it drops into any React or Next project with no runtime, but you must add your own prefers-reduced-motion guard around the hover rotation and give the cover an accessible label, since neither is provided. If the user wants a broader Tailwind copy-paste set, prefer Aceternity, Magic UI or shadcn's registry over Cuicui.

Why it is here. A one-component curiosity from an abandoned experiment — worth indexing only because the 3D book-cover effect is oddly hard to find elsewhere as clean copy-paste React.

Install command, framework, licence and component list.

Facts

License: Unknown
Pricing: Free, Open source
Framework: React, Next.js
Styling: Tailwind CSS
Distribution: Copy-paste snippet, GitHub repository
Platform: Web
Content type: Code
Agent readiness: Copy-paste ready code, Readable open source
Accessibility: Unknown
Maturity: Deprecated
GitHub stars: 966

Components it ships

1 total

Hover Effect

Helps you build

Homepage

Notable for

single Modern Book Cover component
3D hover rotation in pure CSS
copy-paste TSX, no install
superseded by the author's Control UI

Provenance

Verified 2026-08-15. HTTP 200. https://cuicui.day/other/books via WebFetch and curl (HTTP 200) — page text confirms exactly one component and the 966-star GitHub counter; https://cuicui.day/ via WebFetch for the category list and the Control UI succession notice; https://cuicui.day/sitemap.xml (HTTP 200, 32 URLs, lastmod 2024-08-14). Tailwind confirmed by grepping the served class attributes.

Also in Motion & Interaction

cuicui.dayTier C