Product Hunt logo dark
  • Launches
    Coming soon
    Upcoming launches to watch
    Launch archive
    Most-loved launches by the community
    Launch Guide
    Checklists and pro tips for launching
  • Products
  • News
    Newsletter
    The best of Product Hunt, every day
    Stories
    Tech news, interviews, and tips from makers
    Changelog
    New Product Hunt features and releases
  • Forums
    Forums
    Ask questions, find support, and connect
    Streaks
    The most active community members
    Events
    Meet others online and in-person
  • Advertise
Subscribe
Sign in
Subscribe
Sign in
3D Book Image CSS Generator

3D Book Image CSS Generator

Generate a 3D book image with custom cover in pure CSS

4 followers

Generate a 3D book image with custom cover in pure CSS

4 followers

Visit website
Upload your own image, then choose from a large choice of settings to customize the look and feel of your 3D book. The result in pure CSS and HTML to use however you want.
  • Overview
  • Launches1
  • Reviews
  • Team
  • Awards
  • More
Company Info
3d-book-css.netlify.app
3D Book Image CSS Generator Info
Launched in 2020View 1 launch
Forum
p/3d-book-image-css-generator
  • Blog
  • •
  • Newsletter
  • •
  • Questions
  • •
  • Forums
  • •
  • Product Categories
  • •
  • Apps
  • •
  • About
  • •
  • FAQ
  • •
  • Terms
  • •
  • Privacy and Cookies
  • •
  • X.com
  • •
  • Facebook
  • •
  • Instagram
  • •
  • LinkedIn
  • •
  • YouTube
  • •
  • Advertise
© 2025 Product Hunt
3D Book Image CSS Generator gallery image
3D Book Image CSS Generator gallery image
Launch tags:
Design Tools•Prototyping
Launch Team
LeandroSebastien Castiel

What do you think? …

Sebastien Castiel
Sebastien Castiel
GitHub Business Card

GitHub Business Card

Maker
Hi ProductHunt! I created this generator because I wasn’t satisfied with the ones I found on the web; I wanted to do it with CSS only, and animated. I wanted a cover image for the book I am currently writing (The Outstanding Developer, link on the website), and since other people might need it I created it as a generator. On my blog (link on the website), you can also find an article where I explain step by step how you can create the same effect with CSS by yourself. Feel free to ask me any question :) Sebastien.
Report
5yr ago
Sebastien Castiel
Sebastien Castiel
GitHub Business Card

GitHub Business Card

Maker
@jordan_nwachukwu Thanks :)
Report
5yr ago
Sandoche
Sandoche
Llamao

Llamao

Wow this is awesome, I'll add it to Undesign in the generator section, I love it!
Report
5yr ago
Sandoche
Sandoche
Llamao

Llamao

@scastiel Just updated undesign, it's there now!
Report
5yr ago
Johan Bavaud
Johan Bavaud
Rohr Kreuz 01

Rohr Kreuz 01

Wow, looking for such a solution a few days ago for my book, that's good timing :) I really like this execution, thank you for sharing your creation ! I added your step-by-step guide to this list : https://www.indiehackers.com/pos...
Report
5yr ago
Hurree
Hurree — The smarter, simpler way to analyze your data
The smarter, simpler way to analyze your data
Promoted

Do you use 3D Book Image CSS Generator?

Reviews
Helpful
Review 3D Book Image CSS Generator?Be the first to review 3D Book Image CSS Generator