---
title: "Book Hover Effect — Framer component · Best of Framer"
description: "$4.00 · Framer component · by FrameLab · Effects. Hover reveal for books & portfolio"
canonical: "https://framer.elliotli.dev/component/book-hover-effect"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Book Hover Effect

# Book Hover Effect

Hover reveal for books & portfolio

[View on Framer](https://framer.com/marketplace/components/book-hover-effect/?via=elliot-li)

![Book Hover Effect preview image 1](https://framer.elliotli.dev/og/component/book-hover-effect/223c1d7d5e699a0d/1600x1200.jpg)

## Summary

Hover reveal for books & portfolio

## Description

Glass Hover Reveal is a premium interactive card component that turns static images into moments people want to touch. Move the cursor over any card and a frosted glassmorphism overlay glides into view, revealing your title, description, and call to action through a smooth, modern reveal animation. It's the difference between a grid visitors scroll past and one they explore.

Designed with an editorial aesthetic and built on performant motion, it works beautifully for book covers, portfolio projects, product showcases, and anywhere a clean image deserves a second layer of story.

**CORE FEATURES**

-   Glassmorphism reveal overlay — real frosted-blur effect with adjustable tint, opacity, and blur intensity
    
-   Smooth hover animation — natural, spring-based motion with configurable speed, easing, and reveal direction
    
-   Flexible content slots — cover image, title, supporting text, and an optional CTA or link
    
-   Complete property controls — colors, typography, corner radius, shadows, spacing, and hover distance, all from the Framer panel
    
-   Responsive by default — adapts cleanly across desktop, tablet, and phone breakpoints
    
-   Lightweight build — GPU-accelerated transforms, no external dependencies, no layout shift
    
-   30-second setup — copy, paste, connect your content, publish
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #3368

## Details

- **Author**: FrameLab
- **Price**: $4.00
- **Published**: 2026-06-11
- **Updated**: 2026-07-13
- **Added**: 2026-06-06
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows